@font-face{font-family:MJ Kai;src:url(./kai-GoJtLMkQ.woff2)format("woff2");font-display:swap}:root{--bg:#0d2a1f;--panel:#fffcf00f;--panel-border:#fff0c824;--text:#f4ecd6;--muted:#b9b096;--gold:#e7c36a;--red:#e0584f;--green:#4fc58a;--felt1:#1c6b47;--felt2:#0c3b27;--wood:#4a1d10;--wood-edge:#2a0e08;--bronze:#c98b52;--silver:#c9d1d9;--goldt:#f2c94c;--platinum:#9fe3ff;color:var(--text);-webkit-tap-highlight-color:transparent;font-family:-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);overscroll-behavior:none;height:100%;margin:0}body{-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit}.loading{height:100%;color:var(--muted);place-items:center;display:grid}.mj-tile{filter:drop-shadow(0 1.5px 1.5px #00000059);flex:none;transition:transform .12s,filter .12s;display:inline-block;position:relative}.mj-tile svg{display:block;overflow:visible}.mj-tile.is-clickable{cursor:pointer}.mj-tile.is-clickable:hover{transform:translateY(-4px)}.mj-tile.is-selected{filter:drop-shadow(0 .5rem .375rem #00000073);transform:translateY(-14px)}.mj-tile.is-dim{opacity:.45}.mj-tile.glow-win{filter:drop-shadow(0 0 .3125rem #ffd76a)drop-shadow(0 0 2px #ffd76a)}.mj-tile.glow-hint{filter:none}.mj-tile.glow-hint:after{content:"";pointer-events:none;border:2px solid #f0d060;border-radius:.28rem;position:absolute;inset:-2px;box-shadow:0 0 .3rem #f0be32d9}.mj-tile.glow-danger:after{content:"";background:var(--red);opacity:.85;border-radius:.25rem .25rem 0 0;height:.3125rem;position:absolute;inset:0 0 auto}.mj-tile.glow-match:after{content:"";pointer-events:none;border:2.5px solid #3dbeff;border-radius:.375rem;position:absolute;inset:-2px;box-shadow:0 0 .375rem #3dbeffd9}.mj-tile.glow-last{animation:.28s ease-out drop}.mj-tile.glow-last:after{content:"";pointer-events:none;border:2.5px solid #ffd23a;border-radius:.375rem;position:absolute;inset:-2px;box-shadow:0 0 .375rem #ffc83ccc}.mj-tile.drawn{margin-left:calc(var(--tw) * .3);animation:.25s ease-out slidein}@keyframes drop{0%{opacity:.4;transform:translateY(-18px)scale(1.15)}}@keyframes slidein{0%{opacity:0;transform:translate(1.5rem)}}.btn{border:1px solid var(--panel-border);cursor:pointer;background:linear-gradient(#3b4a40,#26322b);border-radius:.625rem;padding:.5625rem 1.125rem;font-size:.9375rem;box-shadow:0 2px #00000059}.btn:active{box-shadow:none;transform:translateY(1px)}.btn.small{padding:.3125rem .6875rem;font-size:.8125rem}.btn.primary{color:#2a1a05;background:linear-gradient(#e2b856,#b3832a);border-color:#f3d98f;font-weight:600}.btn.big{flex-direction:column;align-items:center;min-width:13.75rem;padding:.875rem 1.625rem;font-size:1.1875rem;display:flex}.btn.big small{opacity:.75;font-size:.75rem;font-weight:400}.btn.win{background:linear-gradient(#ff6a52,#c3271b);border-color:#ffb0a0;padding:.625rem 1.625rem;font-size:1.1875rem;font-weight:700;animation:1s infinite alternate pulse}.btn.call{background:linear-gradient(#4a8ed8,#285c9c);border-color:#9cc8f5;font-size:1.0625rem;font-weight:600}.btn.danger{background:linear-gradient(#c3271b,#85160e)}.btn:disabled{opacity:.4;cursor:default}@keyframes pulse{to{box-shadow:0 0 1rem #ff6e50cc}}.row{flex-wrap:wrap;align-items:center;gap:.625rem;margin:.625rem 0;display:flex}.app{background:radial-gradient(ellipse at 50% 30%, var(--felt1), var(--felt2) 70%);min-height:100%}.felt-green{--felt1:#237a52;--felt2:#0d3d28}.felt-emerald{--felt1:#1e9a58;--felt2:#0a4a2a}.felt-teal{--felt1:#1a7a72;--felt2:#0a3a38}.felt-blue{--felt1:#245a8a;--felt2:#0c2748}.felt-navy{--felt1:#1a3a6e;--felt2:#081828}.felt-wine{--felt1:#8a2439;--felt2:#3d0d1a}.felt-crimson{--felt1:#a02828;--felt2:#4a1010}.felt-purple{--felt1:#5a3a7a;--felt2:#241038}.felt-wood{--felt1:#8a5630;--felt2:#40230e}.felt-gray{--felt1:#5a626a;--felt2:#242830}.felt-black{--felt1:#2a2e34;--felt2:#0c0e12}.felt-beige{--felt1:#c4b89a;--felt2:#6e6450}.rim-mahogany{--wood:#4a1d10;--wood-edge:#2a0e08}.rim-rosewood{--wood:#3a1418;--wood-edge:#1a080a}.rim-walnut{--wood:#3a2410;--wood-edge:#1a1008}.rim-oak{--wood:#8a6238;--wood-edge:#4a3018}.rim-cherry{--wood:#7a3a28;--wood-edge:#3a1810}.rim-bamboo{--wood:#8a7a3a;--wood-edge:#4a4018}.rim-ebony{--wood:#1a1410;--wood-edge:#080604}.rim-lacquer{--wood:#141418;--wood-edge:#050508}.rim-gold{--wood:#a87828;--wood-edge:#5a3a10}.rim-silver{--wood:#6a7078;--wood-edge:#2a3038}.home{flex-direction:column;align-items:center;gap:1.375rem;max-width:56.25rem;margin:0 auto;padding:max(1.5rem,0px) 1rem 2rem;display:flex}.hero{text-align:center}.hero-tiles{justify-content:center;gap:.375rem;margin-bottom:.5rem;display:flex}.hero h1{letter-spacing:.5rem;color:var(--gold);text-shadow:0 2px .5rem #00000080;margin:.375rem 0 2px;font-family:STKaiti,KaiTi,Kaiti SC,serif;font-size:2.875rem}.tagline,.player-title{color:var(--muted);margin:0}.player-title{color:var(--gold);margin-top:.375rem}.home-main{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.home-grid{grid-template-columns:repeat(auto-fill,minmax(11.875rem,1fr));gap:.625rem;width:100%;display:grid}.card-btn{text-align:left;background:var(--panel);border:1px solid var(--panel-border);cursor:pointer;border-radius:.75rem;flex-direction:column;gap:.25rem;padding:.875rem 1rem;display:flex}.card-btn:hover{background:#fffcf01a}.page{max-width:61.25rem;margin:0 auto;padding:max(.75rem,0px) 1rem 2.5rem}.page-header{align-items:center;gap:.875rem;margin-bottom:.75rem;display:flex}.page-header h1{margin:0;font-size:1.375rem}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:.875rem;margin-bottom:.875rem;padding:.875rem 1rem}.panel h3{color:var(--gold);margin:.25rem 0 .625rem;font-size:.9375rem}.note{color:var(--muted);font-size:.8125rem}.good{color:var(--green);font-weight:600}.warn{color:#ffb26b;font-weight:600}.seg{border:1px solid var(--panel-border);border-radius:.625rem;flex-wrap:wrap;margin-bottom:.75rem;display:inline-flex;overflow:hidden}.seg button{cursor:pointer;background:0 0;border:none;padding:.5rem .875rem}.seg button.on{background:var(--gold);color:#2a1a05;font-weight:600}.seg button:disabled{opacity:.4}.opt{flex-wrap:wrap;align-items:center;gap:.625rem;margin:.5rem 0;display:flex}.seat-cfg{border-top:1px solid var(--panel-border);padding:.625rem 0}.seat-row{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.params{gap:.375rem;margin-top:.625rem;display:grid}.fan-list{grid-template-columns:repeat(auto-fill,minmax(10.625rem,1fr));gap:.25rem 1rem;margin:.5rem 0;padding:0;list-style:none;display:grid}.fan-list li{border-bottom:1px dashed var(--panel-border);justify-content:space-between;padding:.1875rem 0;display:flex}.fan-list b{color:var(--gold)}.list{flex-direction:column;gap:.5rem;display:flex}.list-item,.challenge{background:var(--panel);border:1px solid var(--panel-border);border-radius:.75rem;align-items:center;gap:.625rem;padding:.625rem .875rem;display:flex}.list-item .grow,.challenge .grow{flex-direction:column;flex:1;gap:.1875rem;min-width:0;display:flex}.list-item .grow{cursor:pointer}.list-item small,.challenge small,.challenge p{color:var(--muted);margin:0}.challenge.done{border-color:#c23a248c}.example{flex-wrap:wrap;align-items:flex-end;gap:1px;margin:.5rem 0;display:flex}.example .gap{width:.5rem}.meld{align-items:flex-end;gap:0;margin-left:.375rem;display:inline-flex}.dex-grid,.ach-grid{grid-template-columns:repeat(auto-fill,minmax(16.25rem,1fr));gap:.5rem;display:grid}.dex-card{border:1px solid var(--panel-border);cursor:pointer;background:#0000002e;border-radius:.625rem;padding:.625rem .75rem}.dex-card.open{grid-column:1/-1}.dex-card.got{border-color:#c23a2480}.dex-head{justify-content:space-between;gap:.5rem;display:flex}.dex-head span{color:var(--muted);font-size:.8125rem}.dex-card.got .dex-head span{color:var(--gold)}.dex-card p{margin:.5rem 0;font-size:.875rem}.ach{border:1px solid var(--panel-border);opacity:.65;background:#0000002e;border-radius:.625rem;gap:.75rem;padding:.625rem .75rem;display:flex;position:relative}.ach.unlocked{opacity:1}.ach-medal{width:2.55rem;height:2.55rem;font-family:var(--title-font);letter-spacing:.06em;color:#2a1a0c;background:#777;border-radius:.12rem;flex:none;place-items:center;font-size:1.45rem;font-weight:400;display:grid;box-shadow:inset 0 0 0 .1rem #ffffff47,inset 0 0 0 .16rem #28140859}.ach:not(.unlocked) .ach-medal{opacity:.42}.tier-bronze .ach-medal{background:radial-gradient(circle at 30% 30%, #f3c49a, var(--bronze))}.tier-silver .ach-medal{background:radial-gradient(circle at 30% 30%, #fff, var(--silver))}.tier-gold .ach-medal{background:radial-gradient(circle at 30% 30%, #fff3c4, var(--goldt))}.tier-platinum .ach-medal{background:radial-gradient(circle at 30% 30%, #fff, var(--platinum));letter-spacing:.02em;font-size:.92rem}.ach-body{flex-direction:column;flex:1;gap:.1875rem;min-width:0;display:flex}.ach-body>*{flex:none}.ach-body p{color:var(--muted);margin:0;font-size:.8125rem}.reward{color:var(--gold)}.date{color:var(--muted)}.bar{align-items:center;gap:.5rem;margin-top:2px;display:flex}.bar .track{background:#0000004d;border-radius:.1875rem;flex:1;height:.375rem;position:relative;overflow:hidden}.bar i{background:linear-gradient(90deg,#b3832a,#e7c36a);position:absolute;inset:0 auto 0 0}.bar span{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:.75rem}.swatches{flex-wrap:wrap;gap:.625rem;margin-bottom:.75rem;display:flex}.swatch{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:.625rem;flex-direction:column;align-items:center;gap:.25rem;padding:.375rem;display:flex}.swatch.on{border-color:var(--gold)}.swatch-tiles{gap:1px;display:flex}.swatch:disabled{opacity:.35}.swatch-chip{border-radius:.35rem;width:2.75rem;height:2rem;box-shadow:inset 0 0 0 1px #ffffff1f}.swatch-chip.felt{background:radial-gradient(ellipse at 50% 40%, var(--c1), var(--c2) 75%)}.swatch-chip.rim{background:linear-gradient(135deg, var(--c1), var(--c2));box-shadow:inset 0 0 0 .28rem var(--c1), inset 0 0 0 .38rem var(--c2), inset 0 0 0 1px #ffffff1a}.practice-hand,.picker{flex-wrap:wrap;gap:2px;padding:1.125rem 0 .5rem;display:flex}.picker{gap:.25rem}.game{--dw:1.75rem;background:radial-gradient(ellipse at 50% 45%, var(--felt1), var(--felt2) 75%);box-shadow:inset 0 0 0 .625rem var(--wood), inset 0 0 0 .75rem var(--wood-edge), inset 0 0 5rem #0000008c;position:absolute;inset:0;overflow:hidden}.game:before{content:"";pointer-events:none;opacity:.08;background-image:repeating-linear-gradient(45deg,#000 0 1px,#0000 1px .1875rem);position:absolute;inset:.75rem}.topbar{z-index:5;align-items:center;gap:.625rem;display:flex;position:absolute;top:max(1rem,0px);left:max(1.125rem,0px)}.round-info{color:var(--muted);background:#0000004d;border-radius:.5rem;padding:.25rem .625rem;font-size:.8125rem}.nameplate{white-space:nowrap;background:#00000073;border:1px solid #fff0c826;border-radius:62.4375rem;align-items:center;gap:.375rem;padding:.1875rem .625rem;font-size:.8125rem;display:inline-flex}.nameplate .wind{color:var(--gold);font-family:STKaiti,KaiTi,serif;font-weight:700}.nameplate .dealer{background:var(--red);color:#fff;border-radius:.25rem;padding:0 .25rem;font-size:.6875rem}.nameplate .score{color:var(--gold);font-variant-numeric:tabular-nums}.nameplate .flowers{color:#ff9ec2;font-size:.6875rem}.seat.active .nameplate{border-color:var(--gold);box-shadow:0 0 .625rem #e7c36a99}.seat{z-index:2;position:absolute}.seat.pos-0{left:max(1.125rem,0px);bottom:calc(var(--tw) * 1.55 + 4.375rem)}.seat.pos-2{flex-direction:column;align-items:center;gap:.25rem;display:flex;top:max(.875rem,0px);left:50%;transform:translate(-50%)}.seat.pos-1{flex-direction:column;align-items:flex-end;gap:.375rem;display:flex;top:50%;right:max(1rem,0px);transform:translateY(-55%)}.seat.pos-3{flex-direction:column;align-items:flex-start;gap:.375rem;display:flex;top:50%;left:max(1rem,0px);transform:translateY(-55%)}.opp-area{align-items:center;gap:.5rem;display:flex}.seat.pos-2 .opp-area{flex-direction:row}.game:not(.is-3d) .seat.pos-2{flex-direction:row-reverse;gap:.75rem}.game:not(.is-3d) .seat.pos-1{flex-direction:column-reverse}.my-row>.seat.pos-0{flex:none;align-self:center;position:relative;bottom:auto;left:auto}.seat.pos-3 .opp-area{flex-direction:column-reverse;align-items:flex-start;gap:.375rem}.seat.pos-1 .opp-area{flex-direction:column;align-items:flex-end;gap:.375rem}.seat.pos-1 .opp-hand.vertical{flex-direction:column-reverse}.seat.pos-1 .opp-hand.vertical .opp-drawn{margin-top:0;margin-bottom:.3rem}.opp-hand{display:flex}.opp-hand.vertical{flex-direction:column}.opp-hand.vertical .mj-tile{margin-top:-2px}.opp-hand .opp-drawn{margin-left:.3rem}.opp-hand.vertical .opp-drawn{margin-top:.3rem;margin-left:0}.melds{gap:.25rem;display:flex}.seat.pos-1 .melds,.seat.pos-3 .melds{flex-direction:column}.seat.pos-1 .melds{flex-direction:column-reverse;align-items:flex-end}.meld.vertical{flex-direction:column;align-items:flex-start;margin-left:0}.seat.pos-1 .meld.vertical{flex-direction:column-reverse;align-items:flex-end}.center{--W:calc(var(--dw) * 6);--C:calc(var(--dw) * 6);--gap:.375rem;width:0;height:0;position:absolute;top:44%;left:50%}.qipai-wrap{width:var(--W);transform-origin:50% 0;position:absolute}.qipai{width:var(--W);flex-wrap:wrap;display:flex}.qipai-wrap.pos-0{left:calc(var(--W) / -2);top:calc(var(--C) / 2 + var(--gap))}.qipai-wrap.pos-2{left:calc(var(--W) / -2);top:calc(var(--C) / -2 - var(--gap));transform:rotate(180deg)}.qipai-wrap.pos-1{left:calc(var(--C) / 2 + var(--gap) - var(--W) / 2);top:0;transform:rotate(-90deg)}.qipai-wrap.pos-3{left:calc(var(--C) / -2 - var(--gap) - var(--W) / 2);top:0;transform:rotate(90deg)}.compass{width:calc(var(--C) * .8);height:calc(var(--C) * .8);left:calc(var(--C) * -.4);top:calc(var(--C) * -.4);background:radial-gradient(circle at 40% 35%,#2b2b2b,#0e0e0e);border:2px solid #5b4a2a;border-radius:18%;position:absolute;box-shadow:0 .375rem 1.125rem #00000080,inset 0 0 .75rem #ffd27826}.compass-seat{font-family:STKaiti,KaiTi,serif;font-weight:700;font-size:calc(var(--dw) * .8);color:#6d6350;position:absolute;top:50%;left:50%}.compass-seat.on{color:#ffd76a;text-shadow:0 0 .5rem #ffb300}.compass-seat.pos-0{transform:translate(-50%,55%)}.compass-seat.pos-2{transform:translate(-50%,-155%)rotate(180deg)}.compass-seat.pos-1{transform:translate(65%,-50%)rotate(-90deg)}.compass-seat.pos-3{transform:translate(-165%,-50%)rotate(90deg)}.compass-wall{font-variant-numeric:tabular-nums;color:#9fe3c0;font-size:calc(var(--dw) * .6);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.my-area{z-index:3;flex-direction:column;align-items:center;gap:.375rem;padding:0 max(1rem,0px);display:flex;position:absolute;bottom:max(.875rem,0px);left:0;right:0}.my-row{max-width:100%;left:calc(var(--tw) * -.5);align-items:flex-end;gap:.875rem;display:flex;position:relative}.my-hand{align-items:flex-end;padding-top:1rem;display:flex}.my-melds{align-items:flex-end;gap:2px;display:flex}.actions{right:max(1.125rem,0px);bottom:calc(var(--tw) * 1.45 + 1.75rem);gap:.5rem;display:flex;position:absolute}.hints{background:#00000080;border-radius:.625rem;flex-wrap:wrap;align-items:center;gap:.5rem;max-width:100%;padding:.25rem .625rem;font-size:.8125rem;display:flex}.hint{align-items:center;gap:.1875rem;display:inline-flex}.hint em{color:var(--gold);font-style:normal}.hint small{color:var(--muted)}.hint.invalid em{color:var(--red);text-decoration:line-through}.hints .warn{color:#ffb26b}.chooser{bottom:calc(var(--tw) * 1.45 + 5rem);background:#000000bf;border-radius:.75rem;flex-wrap:wrap;gap:.5rem;padding:.625rem;display:flex;position:absolute;right:1.125rem}.chooser-opt{border:1px solid var(--panel-border);cursor:pointer;background:#ffffff14;border-radius:.5rem;padding:.375rem;display:flex}.modal-backdrop{z-index:20;background:#0000008c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--panel-border);background:linear-gradient(#26342c,#18221d);border-radius:1rem;max-width:min(47.5rem,100%);max-height:41.25rem;padding:1.125rem 1.375rem;overflow:auto;box-shadow:0 1.25rem 3.75rem #0009}.modal h2{color:var(--gold);margin:.25rem 0 .625rem;font-size:1.25rem}.win-block{border-bottom:1px solid var(--panel-border);margin-bottom:.5rem;padding-bottom:.5rem}.win-hand{flex-wrap:wrap;align-items:flex-end;gap:1px;display:flex}.fan-total{text-align:right;color:var(--gold);font-size:1.25rem;font-weight:700}.deltas{border-collapse:collapse;width:100%;margin:.5rem 0 .875rem}.deltas td{border-bottom:1px solid var(--panel-border);padding:.25rem .5rem}.deltas tr.me td{color:var(--gold)}.pos{color:var(--green)}.neg{color:var(--red)}.toast{z-index:30;border:1px solid var(--goldt);cursor:pointer;background:linear-gradient(#2d2412,#1a1408);border-radius:.2rem;align-items:center;gap:.7rem;max-width:20rem;padding:.7rem 1rem .7rem .8rem;animation:.35s ease-out toastin;display:flex;position:fixed;top:max(1rem,0px);right:1rem;box-shadow:0 .5rem 1.875rem #00000080}.toast .seal{flex:none}.toast-title{color:var(--goldt);font-size:.75rem}.toast-name{font-size:1.125rem;font-weight:700}.toast-desc{color:var(--muted);font-size:.75rem}@keyframes toastin{0%{opacity:0;transform:translateY(-30px)}}.replay-info{color:var(--muted);margin-bottom:.5rem;font-size:.875rem}.replay-seats{gap:.5rem;display:grid}.replay-seat{background:var(--panel);border:1px solid var(--panel-border);border-radius:.625rem;padding:.5rem .625rem}.replay-seat.active{border-color:var(--gold)}.replay-hand,.replay-qipai{flex-wrap:wrap;align-items:flex-end;gap:1px;margin-top:.375rem;display:flex}.replay-controls{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}@media (max-width:640px){.hero h1{font-size:2.25rem}.seat.pos-0{bottom:calc(var(--tw) * 1.55 + 6rem)}.actions{bottom:calc(var(--tw) * 1.45 + 2.5rem)}}.three-host{z-index:1;position:absolute;inset:0}.three-canvas{touch-action:manipulation;width:100%;height:100%;display:block}.game.is-3d{box-shadow:none}.game.is-3d:before{display:none}.game.is-3d .my-area{pointer-events:none}.game.is-3d .my-area>*{pointer-events:auto}.game.is-3d .actions{bottom:24%}.game.is-3d .seat.pos-1,.game.is-3d .seat.pos-3{top:40%}html,body{touch-action:manipulation;position:fixed;inset:0;overflow:hidden}#root{overflow:hidden}*{-webkit-touch-callout:none;-webkit-user-drag:none;outline:none}::-webkit-scrollbar{display:none}*{scrollbar-width:none}button{appearance:none;cursor:pointer;background:0 0;border:none;padding:0}:root{--lacquer1:#2b1c14;--lacquer2:#160d08;--trim:#c9a24e;--trim-dim:#c9a24e59;--title-font:"MJ Kai", "STKaiti", "KaiTi", "Kaiti SC", "Songti SC", serif;--brush-font:var(--title-font)}.page,.home{-webkit-overflow-scrolling:touch;max-width:none;padding-left:max(1rem,0px);padding-right:max(1rem,0px);animation:.28s ease-out screen-in;position:absolute;inset:0;overflow-y:auto}.page>*{max-width:61.25rem;margin-left:auto;margin-right:auto}@keyframes screen-in{0%{opacity:0;transform:translateY(.875rem)scale(.985)}}.btn{font-family:var(--brush-font);letter-spacing:.12em;color:#3a2618;text-shadow:none;background:linear-gradient(#ffffff8c,#0000 46%),linear-gradient(165deg,#f8f3e8 0%,#f3e6cf 42%,#e7d3b0 100%);border:.08rem solid #6b4324;border-radius:.16rem;padding:.55rem 1.15rem;font-size:1.05rem;font-weight:400;transition:transform 50ms linear,box-shadow 50ms linear;position:relative;box-shadow:inset 0 .06rem #ffffffd9,0 .1rem .22rem #3a241447}.btn:hover{border-color:#4a2c16}.btn:active{transform:translateY(.08rem);box-shadow:inset 0 .06rem #ffffff80,0 .06rem .16rem #00000059}.btn.small{border-radius:.16rem;padding:.32rem .75rem;font-size:.95rem}.btn.primary{color:#9c2418;background:linear-gradient(#ffffff8c,#0000 46%),linear-gradient(165deg,#f8f3e8 0%,#f3e6cf 42%,#e7d3b0 100%);border-color:#6b4324;box-shadow:inset 0 .06rem #ffffffd9,0 .1rem .22rem #3a241447}.btn.primary:active{box-shadow:inset 0 .06rem #ffffff80,0 .06rem .16rem #00000059}.btn.big{font-family:var(--title-font);letter-spacing:.18em;min-width:15rem;padding:.875rem 2.125rem;font-size:1.375rem}.btn.big small{letter-spacing:0;font-family:-apple-system,PingFang SC,sans-serif}.btn.danger{color:#9c2418;background:linear-gradient(#ffffff8c,#0000 46%),linear-gradient(165deg,#f8f3e8 0%,#f3e6cf 42%,#e7d3b0 100%);border-color:#9c2418}.btn:disabled{filter:grayscale(.8)brightness(.7);cursor:default}.panel,.modal{background:radial-gradient(ellipse at 50% 0%, #ffdca014, transparent 60%), linear-gradient(180deg, var(--lacquer1), var(--lacquer2));border:1.5px solid var(--trim-dim);border-radius:1rem;position:relative;box-shadow:inset 0 0 0 .25rem #00000040,inset 0 0 0 .3125rem #c9a24e2e,0 .625rem 1.875rem #00000073}.panel:before,.panel:after,.modal:before,.modal:after{content:"";border:2px solid var(--trim);pointer-events:none;width:1.125rem;height:1.125rem;position:absolute}.panel:before,.modal:before{border-bottom:none;border-right:none;border-top-left-radius:.5rem;top:.375rem;left:.375rem}.panel:after,.modal:after{border-top:none;border-left:none;border-bottom-right-radius:.5rem;bottom:.375rem;right:.375rem}.panel h3,.modal h2{font-family:var(--title-font);letter-spacing:2px}.panel h3{font-size:1.125rem}.modal h2{text-align:center;font-size:1.625rem}.page-header{z-index:5;justify-content:center;padding:max(.625rem,0px) 0 .625rem;position:sticky;top:0}.page-header .btn{position:absolute;top:max(.625rem,0px);left:0}.page-header h1{font-family:var(--title-font);letter-spacing:.375rem;color:var(--gold);border:1.5px solid var(--trim);text-shadow:0 2px .25rem #000000b3;background:linear-gradient(#3a1a10,#1d0c06);border-radius:.625rem;padding:.375rem 2.125rem;font-size:1.625rem;box-shadow:inset 0 0 0 .1875rem #0006,0 .375rem .875rem #00000080}.page-actions{justify-content:center;padding:.5rem 0 1.5rem;display:flex}.card-btn{text-align:left;color:#3a2618;background:linear-gradient(#ffffff8c,#0000 46%),linear-gradient(165deg,#f8f3e8 0%,#f3e6cf 42%,#e7d3b0 100%);border:.08rem solid #6b4324;border-radius:.16rem;transition:transform 50ms linear,box-shadow 50ms linear;position:relative;box-shadow:inset 0 .06rem #ffffffd9,0 .14rem .28rem #3a241447}.card-btn b{font-family:var(--title-font);letter-spacing:.12em;color:#3a2618;font-size:1.1875rem}.card-btn small{color:#6b4324}.card-btn:hover{background:linear-gradient(#ffffffb3,#0000 46%),linear-gradient(165deg,#f8f3e8 0%,#f3e6cf 42%,#e7d3b0 100%);border-color:#4a2c16}.card-btn:active{transform:translateY(.08rem);box-shadow:inset 0 .06rem #ffffff80,0 .08rem .2rem #00000059}.g-row{align-items:center;gap:.75rem;min-height:2.25rem;margin:.625rem 0;display:flex}.g-row.clickable{cursor:pointer}.g-row.wide{width:100%}.g-row.wide .g-slider{flex:1;width:auto}.g-label{flex:1;min-width:5.625rem;font-size:.9375rem}.g-toggle{box-sizing:border-box;background:linear-gradient(#120b07,#24180f);border:1.5px solid #6d5430;border-radius:.2rem;flex:none;gap:.12rem;height:1.875rem;padding:.12rem;display:inline-flex;box-shadow:inset 0 2px .25rem #00000080}.g-toggle b{width:1.8rem;font-family:var(--brush-font);color:var(--muted);opacity:.55;border-radius:.14rem;place-items:center;font-size:1rem;font-weight:400;line-height:1;transition:background .15s,color .15s,opacity .15s;display:grid}.g-toggle b.cur{opacity:1;color:#3a2618;background:linear-gradient(#ffffff8c,#0000 46%),linear-gradient(165deg,#f8f3e8 0%,#f3e6cf 42%,#e7d3b0 100%);box-shadow:inset 0 .06rem #ffffffd9,0 .1rem .2rem #0006}.g-toggle.on b.cur{color:#9c2418}.g-slider{touch-action:none;cursor:pointer;flex:none;width:12.5rem;height:1.875rem;position:relative}.g-slider:before{content:"";background:linear-gradient(#120b07,#2a1d14);border:1px solid #6d5430;border-radius:.1rem;height:.5rem;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:inset 0 1px .1875rem #000000b3}.g-slider-fill{width:max(0px, calc(var(--p) - 2px));background:linear-gradient(90deg,#7a5320,#c99a45);border-radius:.06rem;height:calc(.5rem - 2px);position:absolute;top:50%;left:2px;transform:translateY(-50%)}.g-slider-thumb{top:.1875rem;left:var(--p,0%);background:linear-gradient(#ffffff8c,#0000 46%),linear-gradient(165deg,#f8f3e8 0%,#f3e6cf 42%,#e7d3b0 100%);border:.06rem solid #6b4324;border-radius:.12rem;width:.85rem;height:1.5rem;margin-left:-.425rem;position:absolute;top:.1875rem;box-shadow:0 2px .1875rem #0009}.g-slider-wrap{flex:none;align-items:center;gap:.6rem;display:flex}.g-row.wide .g-slider-wrap{flex:1}.g-value{text-align:right;min-width:3.2em;color:var(--gold);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:600;line-height:1}.g-slider-thumb{transition:transform .12s}.g-slider:hover .g-slider-thumb,.g-slider.dragging .g-slider-thumb{transform:scale(1.12)}.g-slider.dragging .g-slider-thumb{box-shadow:0 2px .1875rem #0009,0 0 0 .35rem #e7c36a38}.g-picker,.g-stepper{background:linear-gradient(#120b07,#24180f);border:1.5px solid #6d5430;border-radius:.75rem;align-items:center;display:inline-flex;overflow:hidden;box-shadow:inset 0 2px .25rem #00000080}.g-picker-value,.g-stepper-value{text-align:center;color:#f6ecd2;justify-content:center;align-self:stretch;align-items:center;min-width:7.375rem;padding:0 .375rem;font-weight:600;display:flex}.g-stepper-value{min-width:4rem;color:var(--gold);font-variant-numeric:tabular-nums;font-size:1.25rem}.g-arrow{min-width:2.375rem;height:2.25rem;color:var(--gold);background:linear-gradient(#4b3a2c,#2a1e15);justify-content:center;align-items:center;padding:0 .5rem;font-size:1.25rem;font-weight:700;transition:filter .1s;display:inline-flex}.g-stepper .g-arrow{font-size:.9375rem}.g-arrow:hover:not(:disabled){filter:brightness(1.2)}.g-arrow:active:not(:disabled){filter:brightness(1.4)}.g-arrow:disabled,.g-picker-value:disabled{cursor:default}.g-arrow:disabled{color:#e7c36a4d}.g-row[role=switch]:focus-visible .g-toggle,.g-slider:focus-visible .g-slider-thumb,.g-picker button:focus-visible,.g-stepper button:focus-visible,.g-seg button:focus-visible{outline:.125rem solid var(--gold);outline-offset:.125rem}.g-row[role=switch]:focus-visible,.g-slider:focus-visible{outline:none}.g-seg button:not(.on):not(:disabled):hover{color:var(--text);background:#fff0d20f}.g-seg{background:linear-gradient(#120b07,#24180f);border:1.5px solid #6d5430;border-radius:.875rem;flex-wrap:wrap;gap:.25rem;margin-bottom:.75rem;padding:.25rem;display:inline-flex;box-shadow:inset 0 2px .25rem #00000080}.g-seg button{color:var(--muted);border-radius:.625rem;padding:.5rem 1rem;font-weight:600;transition:background .15s,color .15s}.g-seg button.on{color:#3a2205;background:linear-gradient(#ffe7a3,#d9a63e);box-shadow:inset 0 1px #fff8dc,0 2px .25rem #0006}.g-seg button:disabled{opacity:.4;cursor:default}.seat-row .g-row{margin:0}.seat-no{font-family:var(--title-font);color:var(--gold);font-size:1.0625rem}.list-item,.challenge,.dex-card,.ach,.replay-seat{border-color:var(--trim-dim);background:linear-gradient(#3c281a8c,#140c08a6)}.hero h1{background:linear-gradient(#fff3c4,#e7c36a 50%,#a9741c);color:#0000;filter:drop-shadow(0 .1875rem 2px #0009);-webkit-background-clip:text;background-clip:text;font-size:3.5rem}.loading{font-family:var(--title-font);letter-spacing:.25rem;color:var(--gold);font-size:1.375rem;position:fixed;inset:0}.avatar{display:flex;position:relative}.avatar-ring{background:linear-gradient(#f3d98f,#8a6a36);border-radius:50%;flex:none;width:3.25rem;height:3.25rem;padding:.1875rem;position:relative;box-shadow:0 .25rem .625rem #00000080}.avatar.active .avatar-ring{box-shadow:0 0 1rem #ffd264b3}.avatar.active .avatar-ring:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:conic-gradient(#241204b8 0deg,#24120400 78deg,#fff8d600 150deg,#fffcecfa 196deg,#ffd66e8c 228deg,#fff8d600 268deg,#24120400 330deg,#241204b8 360deg);padding:.1875rem;animation:1.8s linear infinite ring-gleam;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes ring-gleam{to{transform:rotate(360deg)}}.avatar-face{z-index:1;object-fit:cover;border:2px solid #00000059;border-radius:50%;width:100%;height:100%;display:block;position:relative}.avatar-wind,.avatar-dealer{z-index:2;font-family:var(--title-font);border:1.5px solid #fff3c4;border-radius:50%;place-items:center;width:1.3125rem;height:1.3125rem;font-size:.8125rem;font-weight:700;display:grid;position:absolute;box-shadow:0 2px .1875rem #00000080}.avatar-wind{color:var(--gold);background:#1d1208;bottom:-4px;left:-6px}.avatar-dealer{color:#fff;background:#c3271b;top:-4px;right:-6px}button.avatar-ring{appearance:none;font:inherit;color:inherit;cursor:pointer;border:0;margin:0}.seat:has(.avatar.is-open){z-index:30}.avatar-card{z-index:30;border:1px solid var(--trim-dim);text-align:left;background:linear-gradient(#1e120af5,#0a0603f5);border-radius:.75rem;gap:.75rem;width:17rem;padding:.625rem;animation:.16s ease-out avatar-card-in;display:flex;position:absolute;box-shadow:0 .5rem 1.5rem #0000008c}@keyframes avatar-card-in{0%{opacity:0;transform:scale(.96)}}.seat.pos-0 .avatar-card{bottom:calc(100% + .5rem);left:0}.seat.pos-2 .avatar-card{top:calc(100% + .5rem);right:0}.game.is-3d .seat.pos-2 .avatar-card{left:0;right:auto}.seat.pos-1 .avatar-card{bottom:0;right:calc(100% + .5rem)}.seat.pos-3 .avatar-card{top:0;left:calc(100% + .5rem)}.avatar-card-portrait{object-fit:cover;object-position:top;border:1px solid var(--trim-dim);border-radius:.5rem;flex:none;width:4.5rem;height:6rem}.avatar-card-body{flex-direction:column;gap:.125rem;min-width:0;display:flex}.avatar-name{color:var(--gold);font-size:.9375rem}.avatar-role{opacity:.75;font-size:.75rem}.avatar-bio{margin:.25rem 0;font-size:.75rem;line-height:1.45}.avatar-stats{grid-template-columns:auto 1fr;gap:.0625rem .625rem;margin:0;font-size:.75rem;display:grid}.avatar-stats dt{opacity:.6}.avatar-stats dd{margin:0}.avatar-score{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:700}.fx-layer{pointer-events:none;z-index:25;position:absolute;inset:0}.fx{font-family:var(--title-font);white-space:nowrap;font-weight:900;position:absolute;transform:translate(-50%,-50%)}.fx.at-0{top:68%;left:50%}.fx.at-1{top:44%;left:80%}.fx.at-2{top:20%;left:50%}.fx.at-3{top:44%;left:20%}.fx-call{color:#fff6d0;-webkit-text-stroke:.1875rem #7a2a00;text-shadow:0 0 1.125rem #ffaa28e6,0 .375rem #4a1a00,0 .625rem 1.125rem #0009;font-size:5.25rem;animation:1.3s cubic-bezier(.2,1.6,.4,1) forwards call-pop}.fx-flower{color:#ffd1e6;-webkit-text-stroke:1.5px #7a1f4a;font-size:1.875rem;animation:1s ease-out forwards call-pop}@keyframes call-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(2.4)}18%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1;transform:translate(-50%,-50%)scale(1.04)}to{opacity:0;transform:translate(-50%,-62%)scale(.95)}}.fx-score{color:#7dffb0;-webkit-text-stroke:1.5px #053a1a;z-index:40;font-size:2.125rem;animation:2.1s ease-out forwards score-float}.fx-score.neg{color:#ff8a80;-webkit-text-stroke-color:#4a0500}@keyframes score-float{0%{opacity:0;transform:translate(-50%)}15%{opacity:1}to{opacity:0;transform:translate(-50%,-90px)}}.fx-banner{justify-content:center;animation:1.9s ease-in-out forwards banner;display:flex;position:absolute;top:40%;left:0;right:0}.fx-banner span{font-family:var(--title-font);letter-spacing:1.125rem;color:#ffe7a3;text-shadow:0 0 1rem #ffbe50b3;background:linear-gradient(90deg,#0000,#280c04eb 22% 78%,#0000);padding:1.5rem 6rem;font-size:4rem;-webkit-mask:linear-gradient(#0000,#000 22% 78%,#0000);mask:linear-gradient(#0000,#000 22% 78%,#0000)}@keyframes banner{0%{opacity:0;transform:translate(-30%)}20%,78%{opacity:1;transform:none}to{opacity:0;transform:translate(30%)}}.hand-slot{touch-action:none;position:relative}.hand-slot.drawn-slot{margin-left:calc(var(--tw) * .3)}.hand-slot .mj-tile.drawn{margin-left:0}.tingpai-badge{width:1.375rem;height:1.375rem;font-family:var(--title-font);color:#5a2a00;z-index:2;background:radial-gradient(circle at 35% 30%,#fff4c2,#c98a1a);border:1.5px solid #fff8dc;border-radius:50%;place-items:center;font-size:.8125rem;font-weight:700;animation:1.2s ease-in-out infinite alternate badge-bob;display:grid;position:absolute;top:-22px;left:50%;transform:translate(-50%);box-shadow:0 2px .25rem #00000080}.tingpai-badge.weak{color:#333;background:radial-gradient(circle at 35% 30%,#eee,#888);border-color:#ddd}@keyframes badge-bob{to{transform:translate(-50%,-3px)}}.mood-win{--mood-trim:#e7b850;--mood-trim-soft:#e7b85080;--mood-plaque-1:#7a2618;--mood-plaque-2:#3c100c;--mood-ink-1:#fff6d2;--mood-ink-2:#f0c45a;--mood-ink-3:#a56a12}.mood-dianpao{--mood-trim:#ff5a45;--mood-trim-soft:#e048388c;--mood-plaque-1:#2a0c0a;--mood-plaque-2:#100404;--mood-ink-1:#ffe0d6;--mood-ink-2:#ff4a32;--mood-ink-3:#8e160e}.mood-draw{--mood-trim:#9aabb2;--mood-trim-soft:#9aabb280;--mood-plaque-1:#243033;--mood-plaque-2:#12181a;--mood-ink-1:#f4f7f8;--mood-ink-2:#c5d0d4;--mood-ink-3:#7d8e94}.modal.mood-win,.modal.mood-dianpao,.modal.mood-draw{border-color:var(--mood-trim-soft)}.modal.mood-win{background:radial-gradient(at 50% -8%,#ffba4638,#0000 55%),linear-gradient(#321810,#160d08)}.modal.mood-dianpao{background:radial-gradient(at 50% -8%,#b41c106b,#0000 52%),linear-gradient(#2a1210,#120806)}.modal.mood-draw{background:radial-gradient(at 50% -8%,#a0bac429,#0000 52%),linear-gradient(#1c2426,#101416)}.modal.mood-win:before,.modal.mood-win:after,.modal.mood-dianpao:before,.modal.mood-dianpao:after,.modal.mood-draw:before,.modal.mood-draw:after{border-color:var(--mood-trim)}.modal.mood-dianpao h2{color:#ffc7be}.modal.mood-draw h2{color:#d7e0e3}.modal.mood-win .delta-strip,.modal.mood-dianpao .delta-strip,.modal.mood-draw .delta-strip{border-top-color:var(--mood-trim-soft)}.result-banner{background:linear-gradient(180deg, #ffecbe29, transparent 42%), linear-gradient(180deg, var(--mood-plaque-1), var(--mood-plaque-2));border:1.5px solid var(--mood-trim);border-radius:.5rem;justify-content:center;align-self:center;align-items:center;width:max-content;max-width:100%;margin:.05rem auto .2rem;padding:.2rem 1.85rem .32rem;display:flex;position:relative;box-shadow:inset 0 0 0 .22rem #00000073,inset 0 1px #ffffff2e,0 .4rem .9rem #0006}.result-banner:before,.result-banner:after{content:"";border:1.5px solid var(--mood-trim);pointer-events:none;width:.65rem;height:.65rem;position:absolute}.result-banner:before{border-bottom:none;border-right:none;top:.28rem;left:.28rem}.result-banner:after{border-top:none;border-left:none;bottom:.28rem;right:.28rem}.result-title{text-align:center;font-family:var(--title-font);letter-spacing:.32em;padding:0;background:linear-gradient(180deg, var(--mood-ink-1) 8%, var(--mood-ink-2) 52%, var(--mood-ink-3));color:#0000;filter:drop-shadow(0 .12rem #0000008c);-webkit-background-clip:text;background-clip:text;margin:0;padding-inline-start:.32em;font-size:2.7rem;font-weight:400;line-height:1.05;animation:.45s cubic-bezier(.2,1.4,.4,1) call-title;display:block}@keyframes call-title{0%{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.result-title{animation:none}}.fan-list.reveal li{opacity:0;animation:.35s ease-out forwards fan-in}@keyframes fan-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}.fan-total{font-family:var(--title-font);opacity:0;font-size:2.5rem;animation:.4s ease-out forwards fan-in}.fan-total small{font-size:1.25rem}.ranking{flex-direction:column;gap:.5rem;min-width:min(26.25rem,80vw);margin:.75rem 0 1rem;display:flex}.rank-row{border:1.5px solid var(--trim-dim);opacity:0;background:linear-gradient(90deg,#3c281acc,#140c08cc);border-radius:.75rem;align-items:center;gap:.875rem;padding:.625rem 1rem;animation:.4s ease-out forwards fan-in;display:flex}.rank-row.rank-1{border-color:var(--goldt);box-shadow:0 0 1rem #f2c94c66}.rank-row.me .rank-name{color:var(--gold)}.rank-no{font-family:var(--title-font);text-align:center;width:2.5rem;color:var(--gold);font-size:1.75rem}.rank-1 .rank-no{color:#ffe08a;text-shadow:0 0 .625rem #ffb300}.rank-name{flex:1;font-size:1rem}.rank-score{font-variant-numeric:tabular-nums;font-size:1.375rem;font-weight:700}.note.centered{text-align:center}.modal .row{justify-content:center}.modal>.btn.primary{margin:0 auto;display:block}.game.is-3d .seat.pos-2{left:24%;transform:none}.call-bar{right:max(6%,0px);bottom:calc(var(--tw) * 1.45 + 4rem);z-index:8;align-items:flex-end;gap:.625rem;display:flex;position:absolute}.call-btn{color:#fff;background:linear-gradient(#7cc0ff,#2f74c8 50%,#1b4a8a);border:2px solid #cfe7ff;border-radius:1rem;flex-direction:column;align-items:center;gap:.25rem;min-width:4.875rem;padding:.5rem .75rem .625rem;transition:transform 60ms,box-shadow 60ms;animation:.22s cubic-bezier(.2,1.6,.4,1) call-in;display:flex;box-shadow:inset 0 1px #fff9,0 .3125rem #0b2550,0 .5rem 1rem #00000080}.call-btn:active{transform:translateY(.25rem);box-shadow:inset 0 1px #fff9,0 1px #0b2550}.call-btn b{font-family:var(--title-font);letter-spacing:2px;-webkit-text-stroke:1px #00000059;text-shadow:0 2px 2px #0006;font-size:1.75rem;line-height:1}.call-tiles{background:#00000040;border-radius:.375rem;gap:1px;padding:.1875rem;display:flex}.call-btn.peng{background:linear-gradient(#ffb36b,#e0731f 50%,#9c4a0b);border-color:#ffe0c0;box-shadow:inset 0 1px #fff9,0 .3125rem #4a2000,0 .5rem 1rem #00000080}.call-btn.gang{background:linear-gradient(#c99bff,#7d3fd0 50%,#4a1c8a);border-color:#ead8ff;box-shadow:inset 0 1px #fff9,0 .3125rem #24084a,0 .5rem 1rem #00000080}.call-btn.win{background:linear-gradient(#ff8a6e,#d9341f 50%,#9c180b);border-color:#ffd0c0;min-width:6.875rem;padding:.875rem 1.125rem;animation:.22s cubic-bezier(.2,1.6,.4,1) call-in,.9s .3s infinite alternate pulse;box-shadow:inset 0 1px #fff9,0 .3125rem #5a0b03,0 0 1.375rem #ff5a3cb3}.call-btn.win b{font-size:2.5rem}.call-btn.pass{background:linear-gradient(#6b5a48,#3a2e22);border-color:#b9a27a;min-width:4rem;margin-left:1.125rem;padding:.875rem .75rem;box-shadow:inset 0 1px #ffffff4d,0 .3125rem #120b06,0 .5rem 1rem #00000080}.call-btn.pass b{font-size:1.5rem}@keyframes call-in{0%{opacity:0;transform:translateY(1.25rem)scale(.8)}}.game.is-3d .call-bar,.game.is-3d .actions{bottom:7.75rem}.home-grid{max-width:56.25rem}.game.is-3d .seat.pos-0{bottom:7.75rem}.page-root{position:absolute;inset:0}.bleed{background:radial-gradient(ellipse at 50% 45%, var(--felt1), var(--felt2) 80%);position:fixed;inset:0}#bleed-layer,.bleed .three-host{position:absolute;inset:0}.screen{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);pointer-events:none;position:fixed;inset:0}.screen>.page-root{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:absolute}.page-root{pointer-events:none}.page-root>*{pointer-events:auto}.page-root>.game.is-3d{pointer-events:none;background:0 0}.game.is-3d .topbar,.game.is-3d .seat,.game.is-3d .call-bar,.game.is-3d .table-tools,.game.is-3d .hints,.game.is-3d .modal-backdrop,.game.is-3d .toast{pointer-events:auto}.app{background:0 0}.modal-backdrop{position:absolute}.rotate-hint{z-index:100;color:var(--gold);font-family:var(--title-font);letter-spacing:.25rem;background:#08140ef5;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-size:1.375rem;display:flex;position:fixed;inset:0}.rotate-icon{font-size:3.5rem;animation:1.6s ease-in-out infinite rotate-phone}@keyframes rotate-phone{50%{transform:rotate(-90deg)}}.page-header{background:linear-gradient(180deg, var(--felt2) 0%, var(--felt2) 72%, transparent 100%);margin:0 -16px .25rem;padding-bottom:1.125rem;padding-left:1rem;padding-right:1rem}.page-header .btn{left:1rem}.page{padding-top:0}.page-header{padding-top:.75rem}.page-header .btn{top:.75rem}.page>.page-header{background:linear-gradient(180deg, var(--felt2) 0%, var(--felt2) 70%, transparent 100%);justify-content:center;align-items:center;max-width:none;margin:0 -1rem .25rem;padding:.75rem 1rem 1.1rem;display:flex}.page>.page-header .btn{position:absolute;top:.75rem;left:1rem}.call-bar{align-items:flex-end;gap:.8rem}.call-btn{border:.14rem solid #f7e3a1;border-radius:1.1rem;flex-shrink:0;gap:.4rem;min-width:5.4rem;padding:.55rem .7rem .6rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .18rem #00000038,inset 0 -.35rem .6rem #00000040,0 .32rem #00000073,0 .6rem 1.2rem #00000073}.call-btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffff8c,#fff0);border-radius:.9rem .9rem 50% 50%;height:42%;position:absolute;top:.18rem;left:8%;right:8%}.call-btn b{font-family:var(--title-font);letter-spacing:0;color:#fff;-webkit-text-stroke:0;text-shadow:0 .12rem #00000059,0 0 .7rem #ffffff59;font-size:2.5rem;font-weight:900;line-height:1;position:relative}.call-tiles{background:linear-gradient(#fbf6e6,#e6dcc0);border-radius:.45rem;padding:.22rem .25rem;position:relative;box-shadow:inset 0 .08rem .25rem #00000059}.call-btn.chi,.call-btn.peng,.call-btn.gang,.call-btn.win{width:auto;min-width:0;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:.15rem;padding:0;animation:.22s cubic-bezier(.2,1.4,.4,1) call-in;overflow:visible}.call-btn.chi:before,.call-btn.peng:before,.call-btn.gang:before,.call-btn.win:before,.call-btn.win:after{display:none}.call-art{object-fit:contain;pointer-events:none;filter:drop-shadow(0 .18rem .22rem #0000008c);width:auto;max-width:7.2rem;height:4.5rem;display:block}.call-btn.peng .call-art{height:5rem}.call-btn.gang .call-art{height:4.7rem}.call-btn.wide .call-art{max-width:8.6rem;height:3.5rem}.call-btn.win .call-art{max-width:9.5rem;height:5.4rem}.call-btn.chi .call-tiles,.call-btn.peng .call-tiles,.call-btn.gang .call-tiles{box-shadow:none;background:0 0;gap:1px;padding:0}.call-btn.chi:active,.call-btn.peng:active,.call-btn.gang:active,.call-btn.win:active{box-shadow:none;transform:translateY(.12rem)scale(.97)}.call-btn:focus-visible{outline-offset:.2rem;outline:.14rem solid #fff6d0}.call-btn.pass{width:auto;min-width:0;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:flex-end;margin-left:.8rem;padding:0;position:relative;overflow:visible}.call-btn.pass:before{display:none}.call-btn.pass .call-art{height:3.6rem}.call-btn.pass:active{box-shadow:none;transform:translateY(.1rem)scale(.97)}.pass-count{min-width:1.15rem;height:1.15rem;font-family:var(--title-font);color:#3a2208;background:radial-gradient(circle at 35% 30%,#fff4c2,#e0b045);border-radius:50%;place-items:center;padding:0 .2rem;font-size:.8rem;font-style:normal;line-height:1;display:grid;position:absolute;top:-.15rem;right:-.15rem;box-shadow:0 .08rem .2rem #00000073}.fx-call,.fx-flower{color:inherit;-webkit-text-stroke:0;text-shadow:none;filter:none;background:0 0;-webkit-background-clip:border-box;background-clip:border-box;padding:0;font-size:0;animation:1.35s cubic-bezier(.2,1.35,.35,1) forwards call-stamp}.fx-call:before,.fx-flower:before{display:none}.call-mark{width:9rem}.call-mark-chi{width:8.4rem}.call-mark-peng{width:10.5rem}.call-mark-gang{width:9.4rem}.call-mark-flower{width:8.2rem}.call-mark img{filter:drop-shadow(0 .3rem .4rem #0009);width:100%;height:auto;display:block}@keyframes call-stamp{0%{opacity:0;transform:translate(-50%,-70%)scale(1.4)rotate(-9deg)}16%{opacity:1;transform:translate(-50%,-48%)scale(.94)rotate(2.5deg)}28%,68%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-58%)scale(1.04)}}@media (prefers-reduced-motion:reduce){.fx-call,.fx-flower,.call-btn,.call-btn.win:after{animation:none}}.fx-score{-webkit-text-stroke:0;text-shadow:0 .12rem #053a1a,0 0 .6rem #0009}.fx-score.neg{text-shadow:0 .12rem #4a0500,0 0 .6rem #0009}.hints,.game.is-3d .hints{top:calc(env(safe-area-inset-top,0px) + 4rem);left:calc(env(safe-area-inset-left,0px) + 1rem);z-index:6;border:.1rem solid var(--trim);background:linear-gradient(#2b1c14f0,#120b07f0);border-radius:.9rem;flex-wrap:nowrap;align-items:stretch;gap:.45rem;max-width:min(28rem,42vw);padding:.35rem .55rem .35rem .4rem;position:fixed;bottom:auto;right:auto;overflow-x:auto;box-shadow:0 .4rem 1rem #00000080}.hints .hint,.hints .hints-mark,.hints .warn{flex-shrink:0}.hints-mark{border-right:.06rem solid #c9a24e73;flex-direction:row;flex-shrink:0;align-items:center;gap:.15rem;padding-right:.45rem;display:flex}.hints-mark i{font-style:normal;font-family:var(--title-font);letter-spacing:.18em;writing-mode:vertical-rl;text-orientation:upright;color:#f0d7a4;text-shadow:0 .06rem #000000a6;font-size:.72rem;line-height:1.15}.hints-mark b{font-family:var(--title-font);background:linear-gradient(#fff8e6 0%,#f4d078 46%,#e0a83a 100%);color:#0000;filter:drop-shadow(0 .06rem #2a1206d9);-webkit-background-clip:text;background-clip:text;font-size:1.55rem;font-weight:400;line-height:1;display:block}.hints-mark.is-weak b{filter:drop-shadow(0 .07rem #000000a6);background-image:linear-gradient(#e6dcc8 0%,#b4a48c 55%,#8a7b68 100%)}.hints-mark.is-weak i{color:#c4b6a2}.hint{background:#fff0c80f;border:.06rem solid #c9a24e59;border-radius:.5rem;flex-direction:column;align-items:center;gap:.1rem;padding:.25rem .35rem .2rem}.hint em{font-size:.85rem;font-weight:700;line-height:1.1}.hint small{font-size:.7rem;line-height:1}.hint.invalid{opacity:.55;filter:grayscale(.8)}.hint.invalid em{color:#ff8a80}.hint.dead{opacity:.4}.hints .warn{color:#fff;background:#b3271b;border-radius:999px;align-self:center;padding:.2rem .6rem;font-size:.8rem}.hero h1,.page>.page-header h1,.result-title,.fx-call,.fx-banner span,.call-btn b,.rank-no,.btn.big,.btn.win{font-family:var(--brush-font);font-weight:400}.hero h1{letter-spacing:.3em}.claim-wait{z-index:2;pointer-events:none;white-space:nowrap;background:#1c1008eb;border:.1rem solid #e7c36a;border-radius:.8rem;align-items:baseline;gap:.6rem;padding:.45rem 1rem;display:flex;position:absolute;bottom:calc(100% + .85rem);right:0;box-shadow:0 .4rem 1rem #00000073}.claim-wait b{font-family:var(--title-font);color:#f3d48a;font-size:1.2rem}.claim-wait span{font-variant-numeric:tabular-nums;color:#fff6e4}.under-min{z-index:9;pointer-events:none;text-align:center;background:linear-gradient(#46120af2,#230804f2);border:.1rem solid #e0584f;border-radius:.8rem;flex-direction:column;align-items:center;gap:.15rem;padding:.55rem 1.1rem;animation:.25s ease-out call-in;display:flex;position:absolute;bottom:9.5rem;left:50%;transform:translate(-50%);box-shadow:0 .4rem 1rem #00000080}.under-min b{font-family:var(--title-font);color:#ffd0c4;font-size:1.15rem}.under-min span{color:#f4ecd6;font-size:.85rem}.under-min small{color:var(--muted);font-size:.75rem}.game .call-bar{position:absolute}.game .call-bar.anchored,.game.is-3d .call-bar.anchored{position:fixed;bottom:auto;right:auto}.fx-win,.fx-dianpao{color:#0000;-webkit-text-stroke:0;filter:none;text-shadow:none;background:0 0;padding:0;font-size:0}.fx-win:before,.fx-dianpao:before{display:none}.fx-win{animation:2.2s linear forwards fx-life}.fx-dianpao{animation:1.9s linear forwards fx-life}@keyframes fx-life{0%,80%{opacity:1}to{opacity:0;transform:translate(-50%,-58%)}}.win-mark{place-items:center;width:14rem;height:7.5rem;display:grid;position:relative}.win-mark-zimo{width:15rem;height:8rem}.win-mark-dianhe{width:9.5rem;height:9.5rem}.win-mark-dianpao{width:15rem;height:8.2rem}.win-mark-zimo{--glow:255, 196, 64}.win-mark-dianhe{--glow:255, 150, 50}.win-mark-dianpao{--glow:255, 56, 32}.win-mark-img{z-index:2;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;animation:.55s cubic-bezier(.2,.9,.3,1) both fx-slam;display:block;position:relative}.win-mark-dianpao .win-mark-img{animation:.5s cubic-bezier(.15,1,.3,1) both fx-slam,.42s linear .14s fx-jolt}@keyframes fx-slam{0%{opacity:0;filter:blur(6px) brightness(2.4) drop-shadow(0 0 0 #0000) drop-shadow(0 0 0 rgba(var(--glow), 0));transform:scale(2.6)rotate(-7deg)}22%{opacity:1;filter:blur(0) brightness(1.8) drop-shadow(0 .15rem .2rem #00000080) drop-shadow(0 0 2rem rgba(var(--glow), .95));transform:scale(.9)rotate(1.5deg)}42%{transform:scale(1.05)rotate(0)}64%{transform:scale(.99)}to{opacity:1;filter:blur(0) brightness(1) drop-shadow(0 .3rem .5rem #0000008c) drop-shadow(0 0 1.1rem rgba(var(--glow), .55));transform:scale(1)}}@keyframes fx-jolt{0%,to{transform:none}15%,55%{transform:translate(.5rem,.15rem)rotate(2.5deg)}35%,75%{transform:translate(-.5rem,-.1rem)rotate(-2.5deg)}}.win-mark>i,.call-mark>i,.fx-ghost{pointer-events:none;position:absolute}.win-mark .fx-ghost,.call-mark .fx-ghost{z-index:3;object-fit:contain;opacity:0;mix-blend-mode:screen;width:100%;height:100%;animation:fx-ghost .6s ease-out var(--t0,.12s) both;inset:0}@keyframes fx-ghost{0%{opacity:.85;filter:brightness(2.6)blur();transform:scale(1)}to{opacity:0;filter:brightness(2)blur(5px);transform:scale(1.6)}}.fx-shine{z-index:4;-webkit-mask:var(--art) center / contain no-repeat;-webkit-mask:var(--art) center / contain no-repeat;mask:var(--art) center / contain no-repeat;mix-blend-mode:screen;opacity:0;animation:fx-shine .8s ease-in-out calc(var(--t0,.12s) + .4s) both;background:linear-gradient(110deg,#0000 38%,#ffffeef2 50%,#0000 62%) 100% 0/300% 100% no-repeat;inset:0}@keyframes fx-shine{0%{opacity:1;background-position:100% 0}to{opacity:1;background-position:0 0}}.fx-ring{z-index:1;border:.3rem solid rgba(var(--glow), .95);width:12rem;height:12rem;box-shadow:0 0 1.2rem rgba(var(--glow), .8), inset 0 0 1rem rgba(var(--glow), .6);opacity:0;animation:fx-ring .75s cubic-bezier(.1, .7, .3, 1) var(--t0,.12s) both;border-radius:50%;margin:-6rem 0 0 -6rem;top:50%;left:50%}.fx-ring-2{animation-delay:calc(var(--t0,.12s) + .14s);border-color:#fffae6e6;animation-duration:.9s}@keyframes fx-ring{0%{opacity:1;border-width:.7rem;transform:scale(.15,.09)}to{opacity:0;border-width:.05rem;transform:scale(2.8,1.7)}}.fx-rays{z-index:0;background:repeating-conic-gradient(rgba(var(--glow), .55) 0deg 2.5deg, transparent 2.5deg 10deg, rgba(var(--glow), .28) 10deg 12deg, transparent 12deg 21deg);mix-blend-mode:screen;opacity:0;border-radius:50%;width:36rem;height:36rem;margin:-18rem 0 0 -18rem;animation:2.1s ease-out .1s both fx-rays;top:50%;left:50%;-webkit-mask:radial-gradient(closest-side,#000 12%,#00000073 45%,#0000 100%);mask:radial-gradient(closest-side,#000 12%,#00000073 45%,#0000 100%)}.win-mark-zimo .fx-rays{width:46rem;height:46rem;margin:-23rem 0 0 -23rem}@keyframes fx-rays{0%{opacity:0;transform:scale(.3)rotate(0)}14%{opacity:1;transform:scale(1)rotate(5deg)}75%{opacity:.75}to{opacity:0;transform:scale(1.08)rotate(36deg)}}.fx-sparks{z-index:1;width:0;height:0;position:absolute;top:50%;left:50%}.fx-sparks i{opacity:0;animation-delay:calc(var(--t0,.12s) + var(--dl,0s));animation-fill-mode:both;position:absolute}.spark-streak{width:var(--l);background:linear-gradient(90deg, transparent, #fffbe6 55%, rgb(var(--glow)));transform-origin:0;border-radius:.1rem;height:.14rem;animation-name:spark-streak;animation-duration:.55s;animation-timing-function:cubic-bezier(.1,.8,.3,1);top:-.07rem;left:0}@keyframes spark-streak{0%{opacity:1;transform:rotate(var(--a)) translateX(2rem) scaleX(.2)}40%{opacity:1;transform:rotate(var(--a)) translateX(calc(var(--d) * .6)) scaleX(1)}to{opacity:0;transform:rotate(var(--a)) translateX(var(--d)) scaleX(.3)}}.spark-star{background:radial-gradient(circle, #fffbe8 18%, rgb(var(--glow)) 75%);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:.9rem;height:.9rem;animation-name:spark-star;animation-duration:1.3s;animation-timing-function:cubic-bezier(.15,.75,.35,1);top:-.45rem;left:-.45rem}@keyframes spark-star{0%{opacity:1;transform:rotate(var(--a)) translateX(1rem) rotate(calc(-1 * var(--a))) scale(calc(var(--s) * 1.6))}70%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateX(var(--d)) rotate(calc(-1 * var(--a))) translateY(3rem) rotate(var(--r)) scale(var(--s))}}.spark-dust{left:var(--x);top:var(--y);width:.35rem;height:.35rem;box-shadow:0 0 .5rem .1rem rgba(var(--glow), .9);background:#fff6d0;border-radius:50%;animation-name:spark-dust;animation-duration:1.1s;animation-timing-function:ease-out}@keyframes spark-dust{0%{opacity:0;transform:translateY(0)scale(0)}30%{opacity:1;transform:translateY(-.8rem) scale(var(--s))}to{opacity:0;transform:translateY(-3.5rem) scale(calc(var(--s) * .4))}}.win-mark-bolt{z-index:0;pointer-events:none;mix-blend-mode:screen;opacity:0;clip-path:polygon(48% 0,58% 0,46% 38%,62% 38%,36% 100%,42% 48%,28% 48%);background:linear-gradient(115deg,#0000 42%,#fff0b4f2 49%,#ffdc50e6 50.5%,#0000 58%),linear-gradient(70deg,#0000 48%,#b4dcffbf 51%,#0000 55%);animation:.55s ease-out forwards bolt-flash;position:absolute;inset:-20% -10%}@keyframes bolt-flash{0%{opacity:0;transform:translateY(-30%)scaleY(.4)}25%{opacity:1;transform:translateY(0)scaleY(1)}to{opacity:0;transform:translateY(8%)scaleY(1.05)}}.fx-flash{--fx:50%;--fy:50%;position:fixed;inset:0}.fx-flash.at-0{--fy:68%}.fx-flash.at-1{--fx:80%;--fy:44%}.fx-flash.at-2{--fy:20%}.fx-flash.at-3{--fx:20%;--fy:44%}.fx-flash>i{opacity:0;position:absolute;inset:0}.fx-dim{background:radial-gradient(circle at var(--fx) var(--fy), transparent 15%, #0009 75%);animation:1.9s ease-out both fx-dim}@keyframes fx-dim{6%{opacity:1}65%{opacity:.85}to{opacity:0}}.fx-glare{background:radial-gradient(circle at var(--fx) var(--fy), #fffae1e6, #ffcd5a59 22%, transparent 55%);animation:.7s ease-out .1s both fx-glare}.fx-flash-dianhe .fx-glare{background:radial-gradient(circle at var(--fx) var(--fy), #fff0d2cc, #ff963c4d 22%, transparent 50%)}@keyframes fx-glare{0%{opacity:1}to{opacity:0}}.fx-lines{background:repeating-conic-gradient(from 3deg at var(--fx) var(--fy), #fffae699 0deg .5deg, transparent .5deg 7deg), repeating-conic-gradient(at var(--fx) var(--fy), #ffe6a073 0deg .35deg, transparent .35deg 4.3deg);-webkit-mask:radial-gradient(circle at var(--fx) var(--fy), transparent 22%, #000 62%);-webkit-mask:radial-gradient(circle at var(--fx) var(--fy), transparent 22%, #000 62%);mask:radial-gradient(circle at var(--fx) var(--fy), transparent 22%, #000 62%);transform-origin:var(--fx) var(--fy);animation:.8s ease-out .1s both fx-lines}@keyframes fx-lines{0%{opacity:0;transform:scale(1.25)}15%{opacity:1}to{opacity:0;transform:scale(1)}}.call-mark{--t0:.22s;position:relative}.call-mark-chi{--glow:70, 220, 190}.call-mark-peng{--glow:255, 96, 64}.call-mark-gang{--glow:255, 200, 70}.call-mark-flower{--glow:255, 130, 190}.call-mark .fx-ring{border-width:.2rem;width:7rem;height:7rem;margin:-3.5rem 0 0 -3.5rem}.call-mark img:not(.fx-ghost){z-index:2;position:relative}@media (prefers-reduced-motion:reduce){.fx-rays,.fx-ring,.fx-ghost,.fx-shine,.fx-sparks,.fx-lines,.fx-dim{display:none}.win-mark-img{animation:none}}body.shake .bleed,body.shake .screen{animation:.6s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{10%,90%{transform:translate(-1px,1px)}20%,80%{transform:translate(3px,-2px)}30%,50%,70%{transform:translate(-5px,3px)}40%,60%{transform:translate(5px,-3px)}}.face{object-fit:cover;vertical-align:middle;border:1.5px solid var(--trim);border-radius:50%;flex:none;width:2rem;height:2rem;display:inline-block;box-shadow:0 1px .25rem #00000080}.nameplate .face{margin-left:-.375rem}.fx-layer>*{z-index:2}.fx-layer>.fx-cutin{z-index:1}.fx-layer>.fx-flash{z-index:0}.fx-cutin{animation:2.2s ease-in forwards cutin-out;position:absolute;inset:0;overflow:hidden}.cutin-band{-webkit-mask-composite:source-in;transform-origin:0;background:linear-gradient(90deg,#081e14e6,#081e14e0 50%,#081e1480 80%,#0000);height:42%;animation:.35s cubic-bezier(.2,.9,.3,1) both cutin-band;position:absolute;top:26%;left:-5%;right:-5%;overflow:hidden;transform:skewY(-4deg);-webkit-mask-image:linear-gradient(#0000,#000 28% 72%,#0000),linear-gradient(90deg,#0000,#000 12% 70%,#0000);mask-image:linear-gradient(#0000,#000 28% 72%,#0000),linear-gradient(90deg,#0000,#000 12% 70%,#0000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cutin-portrait{height:260%;animation:.6s cubic-bezier(.2,1.2,.4,1) .1s both cutin-portrait;position:absolute;top:-10%;left:12%;transform:skewY(4deg);-webkit-mask-image:radial-gradient(48% 24% at 50% 24%,#000 45%,#0000);mask-image:radial-gradient(48% 24% at 50% 24%,#000 45%,#0000)}.cutin-text{flex-direction:column;gap:.25rem;animation:.5s ease-out .25s both cutin-text;display:flex;position:absolute;top:50%;left:48%;transform:translateY(-50%)skewY(4deg)}.cutin-text b{font-family:var(--title-font);letter-spacing:.5rem;color:#0000;background:linear-gradient(#fffbe8,#ffe08a 45%,#e0a020);filter:drop-shadow(0 .2rem #3a1a00)drop-shadow(0 0 .8rem #ffb43c99);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;line-height:1}.cutin-text small{letter-spacing:.2rem;color:#f4ecd6;text-shadow:0 1px .25rem #000;font-size:1rem}@keyframes cutin-band{0%{transform:skewY(-4deg)scaleX(0)}}@keyframes cutin-portrait{0%{opacity:0;transform:skewY(4deg)translate(-30%)}}@keyframes cutin-text{0%{opacity:0;transform:translate(2rem,-50%)skewY(4deg)}}@keyframes cutin-out{0%,78%{opacity:1}to{opacity:0;transform:translate(6%)}}.win-block,.modal.match-end{display:flow-root}.win-portrait{float:left;border-radius:.75rem;height:15rem;margin:0 1rem .5rem -.5rem;animation:.5s ease-out both cutin-portrait-plain;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.match-end .win-portrait{height:19rem}@keyframes cutin-portrait-plain{0%{opacity:0;transform:translate(-1.5rem)}}.deltas td .face{margin-right:.25rem}@media (max-width:40rem){.win-portrait{display:none}}.player-card{border:1px solid var(--trim-dim);color:var(--text);cursor:pointer;text-align:left;background:linear-gradient(#1e120ad9,#0a0603d9);border-radius:62rem;align-items:center;gap:.625rem;margin-top:.5rem;padding:.3125rem 1rem .3125rem .3125rem;display:inline-flex}.player-card span{flex-direction:column;display:flex}.player-card b{font-family:var(--title-font);color:var(--gold);font-size:1.0625rem}.player-card small{color:var(--muted);font-size:.75rem}.char-picker{flex-wrap:wrap;align-items:stretch;gap:1rem;display:flex}.char-stage{aspect-ratio:3/4;border:1.5px solid var(--trim-dim);background:radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--c) 45%, transparent), transparent 70%), #0b2a1e;border-radius:.75rem;flex:none;width:13.5rem;position:relative;overflow:hidden}.char-portrait{object-fit:cover;width:100%;height:100%;animation:.35s ease-out both cutin-portrait-plain}.char-card{background:linear-gradient(#0000,#080604eb 45%);flex-direction:column;gap:.125rem;padding:2.5rem .75rem .625rem;display:flex;position:absolute;bottom:0;left:0;right:0}.char-card b{font-family:var(--title-font);color:var(--gold);letter-spacing:.25rem;font-size:1.5rem}.char-card span{color:var(--goldt);font-size:.75rem}.char-card p{color:var(--text);margin:.25rem 0 0;font-size:.75rem;line-height:1.4}.char-grid{flex:1;grid-template-columns:repeat(4,1fr);align-content:start;gap:.5rem;min-width:15rem;display:grid}.char-cell{color:var(--text);cursor:pointer;background:#00000040;border:2px solid #0000;border-radius:.625rem;flex-direction:column;align-items:center;gap:.25rem;padding:.375rem .25rem;display:flex}.char-cell img{object-fit:cover;border:1.5px solid var(--trim-dim);border-radius:50%;width:3.5rem;height:3.5rem}.char-cell.on{border-color:var(--gold);box-shadow:0 0 .75rem #f2c94c59}.char-cell.on img{border-color:var(--gold)}.char-cell:disabled{opacity:.35;cursor:default}.char-cell small{font-size:.75rem}.screen-page{flex-direction:column;padding:0 1rem .8rem;animation:.28s ease-out screen-in;display:flex;position:absolute;inset:0;overflow:hidden}.screen-page>.page-header{z-index:2;background:0 0;flex:none;justify-content:center;align-items:center;width:100%;max-width:62rem;min-height:2.5rem;margin:.4rem auto .25rem;padding:.2rem 0 .05rem;display:flex;position:static}.screen-page>.page-header .page-back{z-index:3;color:#ffe7a8;background:#0c0806b8;border:.08rem solid #e7c36ae6;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;padding:0;display:grid;position:absolute;top:.55rem;left:.7rem;box-shadow:0 .12rem .35rem #0006}.screen-page>.page-header .page-back svg{width:1.4rem;height:1.4rem;margin-right:.08rem;display:block}.screen-page>.page-header .page-back:active{transform:scale(.94)}.screen-page>.page-header .page-back:focus-visible{outline-offset:.16rem;outline:.12rem solid #ffe7a8}.screen-page>.page-header h1{box-shadow:none;letter-spacing:.16em;color:#f6e2a8;text-shadow:0 .08rem #000000b3,0 .2rem .4rem #00000073;background:0 0;border:none;border-radius:0;margin:0 0 0 .16em;padding:0;font-size:1.85rem;font-weight:400;line-height:1}.screen-page>.page-header h1:before,.screen-page>.page-header h1:after{content:none}.screen-body{flex-direction:column;flex:1;gap:.6rem;width:100%;max-width:62rem;min-height:0;margin:0 auto;display:flex;overflow:hidden}.screen-footer{flex:none;justify-content:center;gap:.75rem;padding-top:.6rem;display:flex}.screen-body>.panel,.tabs-body>.panel{margin:0}.fill{flex:1;min-height:0}.tabs{flex-direction:column;flex:1;min-height:0;display:flex}.tabs-bar{flex:none;gap:.25rem;padding:0 .6rem;display:flex;overflow:hidden}.tabs-bar button{font-family:var(--title-font);letter-spacing:.1em;color:var(--muted);border:.08rem solid var(--trim-dim);white-space:nowrap;background:linear-gradient(#3c281ab3,#1e140cb3);border-bottom:none;border-radius:.75rem .75rem 0 0;padding:.45rem 1.05rem .5rem;font-size:1.05rem}.tabs-bar button.on{color:#3a2205;background:linear-gradient(#ffe7a3,#d9a63e);border-color:#fff0b8}.tabs-body{background:linear-gradient(180deg, var(--lacquer1), var(--lacquer2));border:.1rem solid var(--trim-dim);border-radius:1rem;flex-direction:column;flex:1;gap:.6rem;min-height:0;padding:.8rem 1rem;display:flex;overflow:hidden;box-shadow:inset 0 0 0 .25rem #00000040,0 .6rem 1.8rem #00000073}.pager{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex}.pager-grid{gap:var(--gap,.6rem);flex:1;align-content:start;min-height:0;display:grid;overflow:hidden}.pager-grid>*{min-width:0;overflow:hidden}.pager-nav{color:var(--gold);font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-items:center;gap:.75rem;display:flex}.pager-nav .g-arrow{border-radius:.6rem}.pager-nav .g-arrow:disabled{opacity:.35}.modal{max-height:calc(100% - 1rem);overflow:hidden}.modal.result{flex-direction:column;align-items:stretch;gap:.5rem;width:min(54rem,100%);padding:.9rem 1.3rem 1rem;display:flex}.result-tabs{justify-content:center;gap:.4rem;display:flex}.result-tabs button{color:var(--muted);border:.08rem solid var(--trim-dim);background:#0000004d;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .8rem;font-size:.9rem;display:inline-flex}.result-tabs button.on{color:#3a2205;background:linear-gradient(#ffe7a3,#d9a63e);border-color:#fff0b8}.modal.result .win-block{border:none;flex-direction:column;gap:.45rem;margin:0;padding:0;animation:.25s ease-out fan-in;display:flex;position:relative}.modal.result .win-hand{flex:none;justify-content:center}.win-fans{align-items:stretch;gap:1rem;min-height:0;display:flex}.win-fans .fan-list{overscroll-behavior:contain;scrollbar-width:thin;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.1rem 1.2rem;min-height:0;margin:0;font-size:.92rem;overflow-y:auto}.win-fans.cols-3 .fan-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.05rem .9rem;font-size:.86rem}.win-fans.dense .fan-list{font-size:.8rem}.win-fans.dense .fan-list li{padding:.1rem 0}.win-fans .fan-list li span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.win-fans .fan-list li b{flex:none;margin-left:.3rem}.win-fans .fan-total{flex:none;align-self:flex-end;font-size:2.4rem;line-height:1}.delta-strip{border-top:.06rem solid var(--trim-dim);grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.4rem;padding-top:.5rem;display:grid}.delta-cell{background:#00000040;border:.08rem solid #0000;border-radius:.6rem;align-items:center;gap:.5rem;min-width:0;padding:.4rem .6rem;display:flex}.delta-cell.role-win{background:linear-gradient(#ffd67829,#00000040);border-color:#ffdc8c8c;box-shadow:0 0 .8rem #f2c94c38}.delta-cell.role-dianpao{background:linear-gradient(#dc503c29,#00000040);border-color:#e66e5a73}.delta-cell.me .delta-name{color:var(--gold)}.delta-info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.delta-name{align-items:center;gap:.3rem;min-width:0;font-size:.85rem;display:flex}.delta-who{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.delta-role{letter-spacing:.08em;white-space:nowrap;border-radius:.25rem;flex:none;padding:.05rem calc(.4rem + .08em) .05rem .4rem;font-size:.72rem;font-style:normal;line-height:1.3}.role-win .delta-role{color:#3a2205;background:linear-gradient(#ffe7a3,#d9a63e)}.role-dianpao .delta-role{color:#fff3ef;background:linear-gradient(#d9584a,#9c2418)}.delta-cell b{font-variant-numeric:tabular-nums;font-size:1.35rem;line-height:1.1}.delta-cell.pos b{color:var(--green)}.delta-cell.neg b{color:var(--red)}.modal.result>.btn.primary{align-self:center}.two-col{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem 2rem;min-height:0;display:grid}.two-col h3,.tabs-body h3{font-family:var(--title-font);color:var(--gold);margin:.2rem 0 .4rem;font-size:1.05rem}.tabs-body .g-row{margin:.35rem 0}.settings-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;align-items:start;gap:0 2rem;width:100%;display:grid}.settings-form section{flex-direction:column;min-width:0;display:flex}.settings-form section+section{border-left:.06rem solid var(--trim-dim);padding-left:1.75rem}.settings-form h3{margin:0 0 .2rem}.settings-form .g-row{min-width:0;max-width:100%;height:2.25rem;min-height:2.25rem;margin:.2rem 0}.settings-form .g-label{min-width:0}.settings-form .g-label b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.settings-form .g-picker .g-picker-value{min-width:5rem}.settings-form .g-toggle,.settings-form .g-slider,.settings-form .g-picker,.settings-form .g-seg{box-sizing:border-box;height:1.875rem}.settings-form .g-picker{align-items:stretch}.settings-form .g-picker .g-arrow{height:auto}.settings-form .g-seg{flex-wrap:nowrap;flex:none;align-items:stretch;max-width:100%;margin:0 0 0 auto;padding:.12rem}.settings-form .g-seg button{white-space:nowrap;align-items:center;padding:0 .55rem;display:flex}.settings-form .g-slider-wrap{flex:8rem;min-width:6rem;max-width:14rem}.settings-form .g-slider{flex:1;width:auto;min-width:3rem}.tabs-body>.note{margin:.15rem 0 0}.tabs-body>.char-picker,.tabs-content>.char-picker{flex:0 auto;align-items:flex-start;min-height:0}.tabs-body .char-stage,.tabs-content .char-stage{aspect-ratio:3/4;width:13.5rem;max-width:42%;min-height:0;max-height:100%}.tabs-body .char-grid,.tabs-content .char-grid{max-height:100%;overflow:hidden}.seat-list{flex-direction:column;gap:.5rem;display:flex}.seat-list .seat-row{border:.06rem solid var(--trim-dim);background:#0003;border-radius:.8rem;flex-wrap:nowrap;padding:.4rem .6rem}.seat-list .seat-row>.g-row{flex:1 1 0;min-width:0}.seat-list .seat-row .g-picker{width:100%}.seat-list .seat-row .g-picker-value{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.seat-list .seat-row .g-arrow{min-width:1.8rem;padding:0 .25rem}.seat-list .seat-row :is(.seat-no,.btn){white-space:nowrap;flex:none}.params-modal{width:min(36rem,100%)}.params-modal .params{gap:.2rem}.dex-layout{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1rem;min-height:0;display:grid}.dex-chip{border:.06rem solid var(--trim-dim);color:var(--text);text-align:left;background:#00000040;border-radius:.6rem;justify-content:space-between;align-items:center;gap:.4rem;padding:0 .7rem;display:flex}.dex-chip b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.dex-chip small{color:var(--gold)}.dex-chip.got{border-color:#c23a2473;box-shadow:inset .16rem 0 #c23a24}.dex-chip.on{color:#3a2205;background:linear-gradient(#ffe7a3,#d9a63e);border-color:#fff0b8}.dex-chip.on small{color:#6a3a00}.dex-detail{border:.06rem solid var(--trim-dim);background:#00000038;border-radius:.9rem;flex-direction:column;gap:.4rem;min-height:0;padding:.8rem 1rem;display:flex;position:relative;overflow:hidden}.dex-detail.got{border-color:#c23a2466}.dex-detail.got .dex-head{padding-right:3.6rem}.dex-detail>.seal{z-index:1;opacity:.92;position:absolute;top:.55rem;right:.7rem}.dex-detail .dex-head b{font-family:var(--title-font);color:var(--gold);font-size:1.5rem}.dex-detail p{margin:0}.pager-grid .ach{align-items:center;height:100%;margin:0;padding:.5rem 1rem;position:relative;overflow:hidden}.pager-grid .ach>.seal{z-index:1;opacity:.9;position:absolute;bottom:.2rem;right:.55rem}.pager-grid .ach.unlocked{border-color:#c23a246b}.pager-grid .ach.unlocked .ach-body{padding-right:2.4rem}.pager-grid .ach-body{gap:.125rem}.pager-grid .ach-body>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.practice{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex}.practice>p{margin:0}.practice .practice-hand{flex-wrap:nowrap;padding:.9rem 0 .2rem}.practice-cols{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;min-height:0;display:grid}.practice-side{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.practice-side p{margin:0}.practice-answer{min-height:0;overflow:hidden}.practice-answer .fan-list{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.practice-cols .picker{align-content:flex-start;padding:0}.pager-grid .challenge{align-items:stretch;gap:.75rem;height:100%;position:relative;overflow:hidden}.pager-grid .challenge .grow{cursor:default;justify-content:center;gap:.28rem}.pager-grid .challenge .grow p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.35;display:-webkit-box;overflow:hidden}.pager-grid .challenge .example{margin:.15rem 0 0}.pager-grid .challenge .btn{align-self:center}.pager-grid .challenge>.seal{z-index:2;pointer-events:none;position:absolute;bottom:.4rem;right:7.2rem}.ch-no{width:2.55rem;color:var(--gold);font-family:var(--title-font);border-right:.06rem solid var(--trim-dim);flex-direction:column;flex:none;justify-content:center;align-items:center;margin-right:.1rem;padding-right:.7rem;display:flex}.ch-no small{letter-spacing:.18em;color:var(--gold);opacity:.72;font-size:.68rem}.ch-no b{font-size:1.7rem;font-weight:400;line-height:1.05}.ch-head{align-items:baseline;gap:.55rem;min-width:0;display:flex}.ch-title{font-family:var(--title-font);letter-spacing:.14em;color:#f3e6c8;font-size:1.32rem;font-weight:400}.ch-date{letter-spacing:.04em;color:var(--gold);opacity:.75;white-space:nowrap;font-size:.7rem}.ch-tags{flex-wrap:wrap;gap:.35rem;display:flex}.ch-tag{color:#d4c6a6;border:.06rem solid var(--trim-dim);background:#00000047;align-items:center;gap:.28rem;max-width:100%;padding:.06rem .5rem .06rem 0;font-size:.78rem;display:inline-flex}.ch-tag em{font-style:normal;font-family:var(--title-font);letter-spacing:.12em;color:var(--gold);border-right:.06rem solid var(--trim-dim);padding:.12rem .4rem;font-size:.7rem}.ch-tag.goal em{color:#e8c4b4}.ch-side{z-index:3;flex-direction:column;flex:none;justify-content:flex-start;align-items:center;gap:.28rem;width:5.2rem;padding-top:.1rem;display:flex}.ch-side .btn{min-width:4.6rem;padding-left:.85rem;padding-right:.7rem}.challenge.boss{border-color:#c23a2461}.challenge.boss .ch-no,.challenge.boss .ch-no small{color:#e07058}.challenge.done{background:radial-gradient(at 92% 88%,#c23a2429,#0000 46%),linear-gradient(#3c281a8c,#140c08a6)}.replay .replay-info{flex:none;margin:0}.replay .replay-seats{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-rows:minmax(0,1fr);gap:.5rem;min-height:0;display:grid}.replay .replay-seat{flex-direction:column;gap:.25rem;min-height:0;padding:.45rem .6rem;display:flex;overflow:hidden}.replay .replay-hand,.replay .replay-qipai{margin-top:0}.replay-footer{flex-direction:column;gap:.2rem;width:100%;max-width:62rem;display:flex}.replay-footer .replay-controls{justify-content:center;margin:0}.pager-grid .list-item{height:100%;margin:0}.pager-grid .list-item .grow b,.pager-grid .list-item .grow small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home{justify-content:center;gap:clamp(.6rem,3vh,1.4rem);overflow:hidden}@media (max-height:520px){.home .hero-tiles{display:none}.home .hero h1{margin:0;font-size:2.6rem}.screen-page>.page-header{min-height:2rem;margin:.15rem auto .1rem;padding:.05rem 0 0}.screen-page>.page-header .page-back{width:2rem;height:2rem;top:.3rem;left:.45rem}.screen-page>.page-header .page-back svg{width:1.15rem;height:1.15rem}.screen-page>.page-header h1{letter-spacing:.12em;box-shadow:none;margin-left:.12em;padding:0;font-size:1.4rem}.tabs-bar button{padding:.28rem .85rem .32rem;font-size:.95rem}.tabs-body{gap:.4rem;padding:.5rem .8rem}.tabs-body .g-row{min-height:2rem;margin:.15rem 0}.g-arrow{height:2rem}.seat-list{gap:.3rem}.seat-list .seat-row{padding:.2rem .5rem}.screen-page{padding-bottom:.4rem}.screen-footer{padding-top:.3rem}.btn.big{padding:.5rem 1.6rem;font-size:1.15rem}}.modal.result .win-block{flex:0 auto;grid-template-rows:minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);align-items:stretch;column-gap:1.2rem;min-height:0;display:grid}.modal.result .win-block>:not(.win-portrait){grid-column:2}.modal.result .win-detail{flex-direction:column;justify-content:center;gap:.9rem;min-width:0;min-height:0;display:flex}.modal.result .win-portrait{float:none;grid-area:1/1;align-self:center;height:10.5rem;margin:0}.modal.match-end{flex-direction:column;align-items:stretch;gap:.6rem;width:min(48rem,100%);padding:.9rem 1.3rem 1rem;display:flex}.modal.match-end>.result-banner,.modal.match-end>.row{flex:none}.match-body{flex:0 auto;grid-template-rows:minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:1.2rem;min-height:0;display:grid}.match-end .match-body .win-portrait{float:none;height:15rem;margin:0}.match-detail{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;gap:.6rem;min-width:0;min-height:0;max-height:100%;display:flex;overflow-y:auto}.match-detail .note{margin:0}.match-end .ranking{gap:.4rem;min-width:0;margin:0}.match-end .rank-row{padding:.4rem .9rem}.match-end .row{margin:0}@media (max-width:40rem){.match-body{grid-template-columns:minmax(0,1fr)}}@media (max-height:560px){.match-end .match-body .win-portrait{display:none}.match-body{grid-template-columns:minmax(0,1fr)}.match-end .ranking{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.match-end .rank-no{width:1.8rem;font-size:1.4rem}}.modal.match-end{position:relative}.match-seal{z-index:4;position:absolute;top:4.4rem;right:1.8rem}.seal{--seal:3.4rem;--ink-edge:#8e1c16;--carve:#f6ead8;width:var(--seal);height:var(--seal);box-sizing:border-box;border:.09em solid var(--ink-edge);color:var(--carve);box-shadow:inset 0 0 0 .085em var(--carve), 0 .12rem .18rem #0006;font-family:var(--title-font);filter:drop-shadow(0 .05rem #50100a59);pointer-events:none;-webkit-user-select:none;user-select:none;background:radial-gradient(at 28% 22%,#ff785a47,#0000 46%),radial-gradient(at 80% 85%,#500a0861,#0000 50%),linear-gradient(165deg,#d24a38,#b42318 55%,#9a1a12);border-radius:.07em;padding:.1em;font-weight:400;line-height:1;display:grid;position:relative;transform:rotate(-11deg)}.seal.mute{--ink-edge:#3f3c38;--carve:#e6dfd2;background:radial-gradient(at 28% 22%,#ffffff14,#0000 46%),linear-gradient(165deg,#7a736a,#534e48 60%,#3c3935);transform:rotate(8deg)}.seal-ch{place-items:center;display:grid}.seal-1{font-size:calc(var(--seal) * .58);place-items:center}.seal-2{font-size:calc(var(--seal) * .36);grid-template-rows:1fr 1fr;padding:.12em .16em}.seal-3{font-size:calc(var(--seal) * .26);grid-template-rows:1fr 1fr 1fr;padding:.1em .14em}.seal-4{font-size:calc(var(--seal) * .28);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;padding:.14em .12em .1em}.seal-4 .seal-ch:first-child{grid-area:1/2}.seal-4 .seal-ch:nth-child(2){grid-area:2/2}.seal-4 .seal-ch:nth-child(3){grid-area:1/1}.seal-4 .seal-ch:nth-child(4){grid-area:2/1}.seal.stamp{animation:.5s cubic-bezier(.15,1.4,.4,1) both seal-stamp}@keyframes seal-stamp{0%{opacity:0;filter:blur(.8px);transform:rotate(-11deg)scale(1.55)}70%{opacity:1;filter:none}}@media (prefers-reduced-motion:reduce){.seal.stamp{animation:none}}.got-mark{vertical-align:middle;background:#c23a24;width:.38rem;height:.38rem;margin:0 0 .12em .28em;display:inline-block;transform:rotate(45deg);box-shadow:inset 0 0 0 .05rem #f6ead873}@media (max-height:560px){.modal.result .win-portrait{display:none}.modal.result .win-block{grid-template-columns:minmax(0,1fr)}.modal.result .win-block>:not(.win-portrait){grid-column:1}.modal.result .result-title,.modal.match-end .result-title{font-size:2rem}}.act-btn{width:max-content;min-width:8.4rem;height:3.35rem;font-family:var(--brush-font);letter-spacing:.18em;white-space:nowrap;color:#3a2618;text-shadow:none;cursor:pointer;background:linear-gradient(#ffffff8c,#0000 46%),linear-gradient(165deg,#f8f3e8 0%,#f3e6cf 42%,#e7d3b0 100%);border:.08rem solid #6b4324;border-radius:.16rem;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.12rem;padding:.12em 1.45rem 0 calc(1.45rem + .18em);font-size:1.6rem;font-weight:400;line-height:1;transition:transform 50ms linear,box-shadow 50ms linear;display:inline-flex;position:relative;overflow:visible;box-shadow:inset 0 .06rem #ffffffd9,0 .14rem .28rem #3a241447,0 .4rem .75rem #00000052}.act-btn.face{color:#9c2418}.act-btn small{letter-spacing:.04em;color:#3a2618;opacity:.62;font-family:-apple-system,PingFang SC,sans-serif;font-size:.72rem;font-weight:500;line-height:1}.act-btn:active,.act-btn.face:active{transform:translateY(.08rem);box-shadow:inset 0 .06rem #ffffff80,0 .08rem .2rem #00000059}.act-btn:focus-visible{outline-offset:.2rem;outline:.12rem solid #ffe7a3}.modal.result>.act-btn{letter-spacing:.16em;align-self:center;min-width:10.5rem;height:3.7rem;margin-top:.15rem;padding-left:calc(1.7rem + .16em);padding-right:1.7rem;font-size:2rem;animation:.42s cubic-bezier(.2,1.35,.36,1) 80ms both act-drop}.modal .row .act-btn{animation:.38s cubic-bezier(.2,1.3,.36,1) both act-drop}.modal .row .act-btn:nth-child(2){animation-delay:60ms}.modal:has(.act-btn){padding-bottom:1.55rem}@keyframes act-drop{0%{opacity:0}to{opacity:1}}.home-main .act-btn,.screen-footer .act-btn{letter-spacing:.22em;min-width:13.5rem;height:4.15rem;font-size:1.75rem}.act-btn.slim{letter-spacing:.08em;min-width:0;height:2.4rem;padding:.12em .85rem 0 calc(.85rem + .08em);font-size:1.15rem;box-shadow:inset 0 .05rem #ffffffd9,0 .1rem .2rem #3a241447}.act-btn.slim.sq{letter-spacing:0;width:2.4rem;min-width:2.4rem;padding:0;font-size:1.7rem}@media (max-height:560px){.modal.result>.act-btn,.home-main .act-btn,.screen-footer .act-btn{letter-spacing:.16em;min-width:9.5rem;height:2.65rem;font-size:1.35rem}.act-btn small{display:none}}@media (prefers-reduced-motion:reduce){.act-btn,.modal.result>.act-btn,.modal .row .act-btn{transition:none;animation:none}}@media (max-height:560px){.win-fans .fan-total{font-size:1.9rem}.win-fans .fan-list{font-size:.85rem}}.turn-cue{z-index:2;pointer-events:none;background:radial-gradient(42% 85% at 50% 100%,#ffcd5a73,#ffbe3c1f 55%,#0000 75%);justify-content:center;align-items:flex-start;height:17%;animation:1.8s ease-in-out infinite alternate turn-glow;display:flex;position:absolute;bottom:0;left:0;right:0}.turn-cue .play-hint{color:#fff3c4;border:.06rem solid var(--trim-dim);pointer-events:auto;background:#140c06bf;border-radius:999px;align-items:center;gap:.4rem;margin-top:-.4rem;padding:.25rem .35rem .25rem .9rem;font-size:.85rem;animation:.4s ease-out fan-in;display:inline-flex}.turn-cue .play-hint i{background:#fff3c429;border-radius:50%;place-items:center;width:1.35rem;height:1.35rem;font-style:normal;line-height:1;display:grid}@keyframes turn-glow{0%{opacity:.55}to{opacity:1}}.screen-top{z-index:2;flex:none;align-items:flex-end;gap:1.1rem;width:100%;max-width:62rem;margin:.45rem auto 0;display:flex;position:relative}.screen-top .page-header{background:0 0;flex:none;align-items:center;gap:.6rem;width:auto;max-width:none;min-height:0;margin:0;padding:0 0 .45rem;display:flex;position:static}.screen-top .page-header .page-back{color:#b9ae92;width:2.4rem;height:2.4rem;box-shadow:none;background:0 0;border:none;border-radius:50%;flex:none;place-items:center;margin-left:-.5rem;padding:0;transition:background .15s,color .15s;display:grid;position:static}.screen-top .page-header .page-back svg{width:1.35rem;height:1.35rem;transition:transform .15s;display:block}.screen-top .page-header .page-back:hover{color:#e7c36a;background:#e7c36a14}.screen-top .page-header .page-back:hover svg{transform:translate(-.12rem)}.screen-top .page-header .page-back:active{background:#e7c36a2e}.screen-top .page-header .page-back:focus-visible{outline-offset:.1rem;outline:.12rem solid #ffe7a8}.screen-top .page-header h1{box-shadow:none;letter-spacing:.14em;white-space:nowrap;color:#f6e2a8;text-shadow:0 .08rem #000000b3,0 .2rem .4rem #00000073;background:0 0;border:none;margin:0;padding:0;font-size:1.6rem;font-weight:400;line-height:1}.screen-top .page-header h1:before,.screen-top .page-header h1:after{content:none}.screen-tab-slot{flex:1;align-items:flex-end;min-width:0;margin-bottom:-.1rem;display:flex}.screen-tab-slot .tabs-bar{gap:.2rem;padding:0}.screen-body{margin-top:0}.screen-panel{background:linear-gradient(180deg, var(--lacquer1), var(--lacquer2));border:.1rem solid var(--trim-dim);border-radius:1rem;flex-direction:column;flex:1;gap:.6rem;min-height:0;padding:.8rem 1rem;display:flex;overflow:hidden;box-shadow:inset 0 0 0 .25rem #00000040,0 .6rem 1.8rem #00000073}.tabs-content{flex-direction:column;flex:1;gap:.6rem;min-height:0;display:flex}.screen-panel>.panel{box-shadow:none;background:0 0;border:none;padding:0}.screen-panel>.panel:before,.screen-panel>.panel:after{content:none}@media (max-height:520px){.screen-top{gap:.8rem;margin-top:.25rem}.screen-top .page-header{padding-bottom:.3rem}.screen-top .page-header .page-back{width:2rem;height:2rem}.screen-top .page-header h1{font-size:1.3rem}.screen-panel{gap:.4rem;padding:.5rem .8rem}}.screen-top{overflow:hidden}.screen-tab-slot .tabs-bar{flex:1;min-width:0}.screen-tab-slot .tabs-bar button{text-overflow:ellipsis;letter-spacing:.04em;letter-spacing:0;flex:0 auto;min-width:0;padding-left:clamp(.3rem,.9vw,1.05rem);padding-right:clamp(.3rem,.9vw,1.05rem);font-size:min(1.05rem,1.3vw);overflow:hidden}.screen-page{isolation:isolate}.screen-bg{z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 90% at 80% 40%, #ffd28c14, transparent 60%), repeating-linear-gradient(45deg, #ffffff05 0 2px, transparent 2px 14px), radial-gradient(ellipse at 50% 30%, var(--felt1), var(--felt2) 80%);position:absolute;inset:0;overflow:hidden}.screen-bg img{opacity:.22;filter:saturate(.8);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 40%),linear-gradient(#000 70%,#0000);height:112%;position:absolute;bottom:-6%;right:-2%;mask-image:linear-gradient(90deg,#0000 0%,#000 40%)}.screen-top{width:auto;max-width:none;padding:.35rem max(1rem, env(safe-area-inset-right)) .35rem max(1rem, env(safe-area-inset-left));background:linear-gradient(#06120ce0,#06120c99);border-bottom:.06rem solid #e7c36a8c;flex:none;align-items:center;margin:0 -1rem .7rem;display:flex;overflow:visible;box-shadow:0 .06rem #00000080,0 .5rem 1.2rem #0000004d}.screen-top .page-header{flex:1;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;min-width:0;max-width:64rem;margin:0 auto;padding:0;display:grid}.screen-top .page-header .page-back{justify-self:start}.screen-top .page-header h1{letter-spacing:.22em;color:#ffe7a3;min-width:0;box-shadow:none;white-space:nowrap;text-shadow:0 .1rem #000000bf,0 0 .8rem #ffc86440;background:0 0;border:none;grid-column:2;align-items:center;gap:.7rem;padding:0;font-size:1.6rem;display:flex}.screen-top .page-header h1:before,.screen-top .page-header h1:after{content:"";width:3.2rem;height:.5rem;box-shadow:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M4 0 8 4 4 8 0 4z' fill='%23e7c36a'/%3E%3C/svg%3E") 100%/.5rem .5rem no-repeat,linear-gradient(270deg,#e7c36ab3,#e7c36a00) 0/calc(100% - .8rem) .07rem no-repeat;border-radius:0;flex:none;margin:0;position:static}.screen-top .page-header h1:after{margin-left:-.22em;transform:scaleX(-1)}.screen-top .page-header .page-count{font-family:var(--title-font);letter-spacing:.06em;font-variant-numeric:tabular-nums;white-space:nowrap;color:#c9a24e;grid-column:3;justify-self:end;font-size:1rem;line-height:1.3}.screen-body{flex-direction:row;gap:.75rem;max-width:64rem}.screen-rail{flex-direction:column;flex:none;width:9.6rem;display:flex}.rail{flex-direction:column;gap:.4rem;display:flex}.rail-item{height:3.1rem;font-family:var(--title-font);letter-spacing:.08em;text-align:left;color:#d9ccaa;border:.08rem solid var(--trim-dim);background:linear-gradient(#3a2618eb,#1a100aeb);border-radius:.8rem;align-items:center;gap:.6rem;padding:0 .9rem;font-size:1.08rem;transition:transform 80ms,filter .12s;display:flex;position:relative;box-shadow:inset 0 .06rem #ffe6b41f,0 .2rem .5rem #00000059}.rail-item .icon{color:#c9a24e;flex:none}.rail-item span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.rail-item .rail-badge{letter-spacing:.04em;font-variant-numeric:tabular-nums;opacity:.6;margin-top:.1rem;font-size:.72em;line-height:1;display:block}.rail-item:hover{filter:brightness(1.15)}.rail-item.on{color:#3a2205;background:linear-gradient(#ffeab0,#e2b04a 55%,#b9832a);border-color:#fff1c0;box-shadow:inset 0 .08rem #fff8dc,0 0 .9rem #ffc85059,0 .25rem .6rem #00000073}.rail-item.on .icon{color:#6a3a00}.rail-item.on:after{content:"";border:.45rem solid #0000;border-left-color:#e2b04a;border-right:none;margin-top:-.45rem;position:absolute;top:50%;right:-.55rem}.rail.dense{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.rail.dense .rail-item{text-align:center;letter-spacing:0;justify-content:center;height:2.5rem;padding:0;font-size:1rem}.rail.dense .rail-item span{flex:none}.rail.dense .rail-item.on:after{content:none}.screen-panel{border-radius:1rem}.screen-panel .g-row{background:linear-gradient(#fff0d212,#fff0d206);border:.06rem solid #c9a24e47;border-radius:.85rem;min-height:3.3rem;margin:0;padding:.45rem .95rem}.screen-panel .g-row:hover{border-color:#e7c36a99}.screen-panel .g-label{color:#f4ecd6;font-size:1.05rem}.screen-panel .tabs-content,.screen-panel{gap:.55rem}.screen-panel h3{font-family:var(--title-font);letter-spacing:.15em;color:var(--gold);align-items:center;gap:.6rem;margin:.15rem 0 .1rem;font-size:1.1rem;display:flex}.screen-panel h3:after{content:"";background:linear-gradient(90deg,#e7c36a99,#0000);flex:1;height:.08rem}.screen-panel .g-seg{margin:0}.screen-panel .g-picker-value{min-width:8rem;font-size:1rem}.screen-panel .g-arrow{min-width:2.6rem;height:2.4rem}@media (max-height:520px){.screen-top{margin-bottom:.4rem;padding-top:.2rem;padding-bottom:.2rem}.screen-top .page-header h1{font-size:1.25rem}.screen-top .page-header h1:before,.screen-top .page-header h1:after{width:2.2rem}.screen-rail{width:8.4rem}.rail{gap:.28rem}.rail-item{height:2.45rem;padding:0 .7rem;font-size:.98rem}.rail.dense .rail-item{height:1.95rem}.screen-panel .g-row{min-height:2.6rem;padding:.25rem .8rem}.screen-panel .g-arrow{height:2rem}}.home.lobby{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);align-items:stretch;gap:1rem;max-width:76rem;margin:0 auto;padding:.8rem 1.6rem 1rem;display:grid}.lobby-hero{background:radial-gradient(70% 60% at 50% 45%,#ffd78c38,#0000 70%);border-radius:1.4rem;justify-content:center;align-items:flex-end;min-height:0;display:flex;position:relative;overflow:hidden}.lobby-portrait{object-fit:contain;filter:drop-shadow(0 .6rem 1.2rem #00000073);pointer-events:none;max-width:none;height:100%;transition:transform .25s;position:absolute;bottom:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}.lobby-hero:hover .lobby-portrait{transform:translate(-50%)scale(1.02)}.lobby-nameplate{background:linear-gradient(#3a140cf0,#1c0805f0);border:.1rem solid #d9b25a;border-radius:.8rem;flex-direction:column;align-items:center;gap:.1rem;margin-bottom:.6rem;padding:.45rem 1.6rem .5rem;display:flex;position:relative;box-shadow:inset 0 0 0 .2rem #0000004d,0 .4rem 1rem #00000080}.lobby-nameplate b{font-family:var(--title-font);letter-spacing:.25em;color:#ffe7a3;font-size:1.5rem}.lobby-nameplate small{color:#e7c36a;font-size:.85rem}.lobby-stats{color:var(--muted);font-size:.78rem}.lobby-main{z-index:1;flex-direction:column;justify-content:center;gap:clamp(.6rem,2.4vh,1.4rem);min-height:0;display:flex;position:relative}.lobby-title{text-align:center}.lobby-title .hero-tiles{margin-bottom:.2rem}.lobby-title h1{font-family:var(--title-font);letter-spacing:.3em;background:linear-gradient(#fff3c4,#e7c36a 50%,#a9741c);color:#0000;filter:drop-shadow(0 .18rem .12rem #0009);-webkit-background-clip:text;background-clip:text;margin:0;font-size:3.4rem}.lobby-title .tagline{color:var(--muted);margin:0}.lobby-cta{flex-direction:column;align-items:center;gap:.45rem;display:flex}.lobby-primary{color:#3a1a02;background:linear-gradient(#fff0bf 0%,#f1c35a 45%,#c48a22 100%);border:.12rem solid #fff4c8;border-radius:1.2rem;justify-content:center;align-items:center;gap:.9rem;min-width:20rem;padding:.8rem 1.8rem .85rem;transition:transform 60ms;animation:2.4s ease-in-out infinite cta-breathe;display:flex;box-shadow:inset 0 .1rem #fffbe6,inset 0 -.3rem #78460059,0 .4rem #6b4510,0 .8rem 1.6rem #00000080,0 0 1.6rem #ffc85059}.lobby-primary:active{transform:translateY(.25rem)}.lobby-primary span{flex-direction:column;align-items:flex-start;display:flex}.lobby-primary b{font-family:var(--title-font);letter-spacing:.2em;margin-right:-.2em;font-size:1.8rem;line-height:1.1}.lobby-primary small{opacity:.8;font-size:.82rem}@keyframes cta-breathe{50%{box-shadow:inset 0 .1rem #fffbe6,inset 0 -.3rem #78460059,0 .4rem #6b4510,0 .8rem 1.6rem #00000080,0 0 2.6rem #ffd26499}}.lobby-secondary{color:#f1e3bd;border:.06rem solid var(--trim-dim);background:#0a06038c;border-radius:999px;padding:.3rem 1.2rem;font-size:.9rem}.lobby-menu{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;display:grid}.lobby-item{color:#f4ecd6;border:.08rem solid var(--trim-dim);background:linear-gradient(#3e281af0,#1a100af0);border-radius:1rem;flex-direction:column;align-items:center;gap:.2rem;padding:.7rem .4rem .6rem;transition:transform 60ms,border-color .15s,filter .15s;display:flex;box-shadow:inset 0 .06rem #ffe6b424,0 .3rem #0e0805,0 .5rem 1rem #00000059}.lobby-item .icon{color:#e7c36a}.lobby-item b{font-family:var(--title-font);letter-spacing:.08em;font-size:1.05rem}.lobby-item small{color:var(--muted);white-space:nowrap;font-size:.72rem}.lobby-item:hover{filter:brightness(1.1);border-color:#d9b25a}.lobby-item:active{transform:translateY(.2rem);box-shadow:0 .1rem #0e0805}@media (max-height:520px){.home.lobby{padding:.4rem 1rem .5rem}.lobby-title .hero-tiles{display:none}.lobby-title h1{font-size:2.4rem}.lobby-primary{padding:.5rem 1.4rem .55rem}.lobby-primary b{font-size:1.4rem}.lobby-item{padding:.4rem .3rem}.lobby-item small{display:none}}.lobby-hero{background:0 0;overflow:visible}.lobby-hero:before{content:"";background:radial-gradient(at 50% 45%,#ffd78c38,#0000 70%);border-radius:50%;position:absolute;inset:8% 6% 4%}.lobby-portrait{-webkit-mask-image:radial-gradient(50% 56% at 50% 46%,#000 52%,#0000 100%);mask-image:radial-gradient(50% 56% at 50% 46%,#000 52%,#0000 100%)}.screen-panel{-webkit-backdrop-filter:blur(.8rem)saturate(1.1);backdrop-filter:blur(.8rem)saturate(1.1);background:linear-gradient(#0e1a14b8,#08100cc7);border:.06rem solid #e7c36a59;box-shadow:inset 0 .06rem #fff0c814,0 1rem 2.4rem #0006}.screen-body:has(.settings-form){align-items:flex-start}.screen-panel:has(.settings-form){flex:1;max-height:100%}.settings-form section{background:linear-gradient(#fff6e113,#fff6e108);border:.06rem solid #e7c36a38;border-radius:1rem;align-self:start;overflow:hidden}.screen-panel .settings-form section h3{letter-spacing:.25em;color:#e7c36a;margin:0;padding:.65rem 1.1rem .35rem;font-size:.92rem}.screen-panel .settings-form section h3:after{content:none}.screen-panel .settings-form .g-row{background:0 0;border:none;border-top:.06rem solid #fff0d212;border-radius:0;min-height:3.4rem;padding:.5rem 1.1rem}.screen-panel .settings-form .g-row:hover{background:#fff0d20a}.g-label{flex-direction:column;gap:.12rem;display:flex}.g-label b{color:#f6eedb;font-size:1.02rem;font-weight:500}.g-label small{color:#a99f86;font-size:.78rem;line-height:1.25}.rail-item{box-shadow:none;color:#cbbf9e;background:0 0;border-color:#0000}.rail-item .icon{color:#b9a46c}.rail-item:hover{filter:none;background:#fff0d20f}.rail-item.on{box-shadow:inset .22rem 0 #7a4a08,0 0 1rem #ffc8504d,0 .25rem .6rem #0006}.screen-panel .settings-form section,.screen-panel .settings-form section+section{border-left:.06rem solid #e7c36a38;padding:0}.screen-panel .g-row .g-label{text-align:left;align-items:flex-start}.screen-panel .settings-form .g-row .g-label,.screen-panel .settings-form .g-row.wide .g-label{justify-content:center;align-items:flex-start}.screen-body{align-items:flex-start}.screen-panel{max-height:100%}.screen-body:has(.pager,.dex-layout,.replay-seats,.practice,.st-overview,.st-versus,.tile-skin){align-items:stretch}.tile-skin{gap:var(--gap);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.tile-skin section{background:linear-gradient(#fff6e113,#fff6e108);border:.06rem solid #e7c36a38;flex-direction:column;min-width:0;min-height:0;padding:.45rem .75rem .5rem;display:flex}.screen-panel .tile-skin h3{letter-spacing:.2em;color:#e7c36a;align-items:baseline;gap:.55em;margin:0 0 .2rem;font-size:.88rem;display:flex}.screen-panel .tile-skin h3:after{content:none}.tile-skin h3 span{letter-spacing:0;color:var(--muted);font-family:-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;font-size:.72rem;font-weight:400}.tile-skin .swatches{background:0 0;border:none;flex-wrap:nowrap;flex:none;align-items:center;gap:.15rem;min-height:0;margin:0;padding:0}.tile-skin .swatches:has(.swatch-chip){flex-wrap:wrap}.tile-skin .swatch{flex:0 auto;gap:.12rem;min-width:0;padding:.2rem .3rem}.tile-skin .swatch small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.68rem;overflow:hidden}.tile-skin .swatch-chip{width:2.1rem;height:1.55rem}@media (max-height:440px){.tile-skin{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;gap:.4rem;display:grid}.tile-skin:has(>:nth-child(3)){grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.tile-skin:has(>:nth-child(3)) section:first-child{grid-column:1/-1}.tile-skin section{padding:.28rem .5rem .32rem}.screen-panel .tile-skin h3{margin:0 0 .08rem;font-size:.8rem}.tile-skin .swatch{padding:.08rem .16rem}.tabs-content>.char-picker{flex:auto;min-height:0;overflow:hidden}.tabs-content .char-stage{width:auto;max-width:38%;height:100%}}:is(.screen-body,.screen-body:has(.settings-form),.screen-body:has(.pager,.dex-layout,.replay-seats,.practice,.st-overview,.st-versus)){flex-direction:column;align-items:stretch;gap:0}:is(.screen-body .screen-panel,.screen-body .screen-panel:has(.settings-form)){flex:auto}.screen-rail,.screen-rail:empty{width:auto;padding:0 .3rem .4rem}.screen-rail:empty{display:none}.rail,.rail.dense{flex-flow:wrap;align-items:center;gap:.25rem 0;display:flex}.rail-item,.rail-item:hover,.rail-item.on,.rail-item.on:hover,.rail.dense .rail-item{height:auto;box-shadow:none;filter:none;font-family:var(--brush-font);letter-spacing:.14em;color:#a89a78;background:0 0;border:none;border-radius:0;padding:.25rem 0;font-size:1.1rem;transition:color .15s}.rail-item:hover{color:#e6d6ad}.rail-item.on,.rail-item.on:hover{color:#fbeecb}.rail-item:active{transform:none}.rail-item+.rail-item:before{content:"◆";letter-spacing:0;color:#c9a24e73;align-self:center;margin:0 .85rem;font-size:.42rem}.rail-item span{flex:none;position:relative;overflow:visible}.rail-item.on span:after{content:"";background:#c23a24;border-radius:.07rem;height:.14rem;position:absolute;bottom:-.3rem;left:0;right:.14em}.rail-item .rail-badge{letter-spacing:.02em;opacity:.55;margin:0 0 0 .35em;font-size:.72em;display:inline}.rail-item.on:after,.rail.dense .rail-item.on:after{content:none}.rail.dense .rail-item{letter-spacing:.04em;font-size:1rem}.rail.dense .rail-item+.rail-item:before{content:none}.rail.dense .rail-item+.rail-item{margin-left:1.1rem}.rail.dense .rail-item.on span:after{right:.04em}@media (max-height:520px){.screen-rail{padding-bottom:.25rem}.rail-item,.rail.dense .rail-item{padding:.1rem 0;font-size:.98rem}}.screen-panel{border:.08rem solid #c9a24e8c;border-radius:.2rem;box-shadow:inset 0 0 0 .22rem #00000047,inset 0 0 0 .28rem #c9a24e47,0 .6rem 1.8rem #00000073}.screen-panel :is(.g-row,.ach,.dex-card,.dex-chip,.dex-detail,.challenge,.seat-list .seat-row,.char-cell,.char-stage,.swatch,.card-btn,.g-seg,.g-stepper,.g-picker,.settings-form section,.tile-skin section),.screen-panel .g-seg button{border-radius:.2rem}.screen-panel :is(.g-seg button.on,.dex-chip.on){color:#9c2418;background:linear-gradient(#ffffff8c,#0000 46%),linear-gradient(165deg,#f8f3e8 0%,#f3e6cf 42%,#e7d3b0 100%);border-color:#6b4324;box-shadow:inset 0 .06rem #ffffffd9,0 .14rem .28rem #3a241447}.screen-panel .dex-chip.on small{color:#3a2618}.screen-panel{font-family:var(--title-font)}.screen-panel :is(small,p,.note,.g-label small){font-family:-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif}.lobby-primary{color:#9c2418;background:linear-gradient(#ffffff8c,#0000 46%),linear-gradient(165deg,#f8f3e8 0%,#f3e6cf 42%,#e7d3b0 100%);border:.08rem solid #6b4324;border-radius:.2rem;animation:none;box-shadow:inset 0 .06rem #ffffffd9,0 .14rem .28rem #3a241447,0 .5rem 1rem #0006}.lobby-primary small{color:#3a2618;opacity:.62}.lobby-item{border-radius:.2rem;box-shadow:inset 0 0 0 .18rem #00000047,inset 0 0 0 .24rem #c9a24e38,0 .3rem #0e0805,0 .5rem 1rem #00000059}.lobby-nameplate{border-radius:.2rem}.game .avatar-card{border-radius:.16rem;box-shadow:inset 0 0 0 .12rem #0000004d,inset 0 0 0 .17rem #c9a24e40}.game .avatar-name{font-family:var(--title-font);letter-spacing:.06em}.game .round-info,.turn-cue .play-hint{font-family:var(--title-font);letter-spacing:.06em;border-radius:.16rem}.screen-page{--gutter:1.1rem;--pad:1rem;--gap:.65rem;padding:0 max(var(--gutter), env(safe-area-inset-right)) max(var(--gutter), env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left))}.screen-page .screen-panel{padding:var(--pad);gap:var(--gap)}.screen-page .tabs-content,.screen-page .settings-form{gap:var(--gap)}.screen-page .screen-footer{padding-top:var(--gap)}.screen-page .pager{gap:var(--gap)}.screen-page .screen-rail{padding:0 calc(var(--pad) + .1rem) calc(var(--gap) * .7)}.screen-panel .pager-grid .challenge{padding:.8rem 1rem}@media (max-height:520px){.screen-page{--gutter:.9rem;--pad:.85rem;--gap:.55rem}}.screen-page .screen-panel h3{margin:0 0 .35rem}.screen-page .screen-panel *+h3{margin-top:var(--gap)}.screen-page .two-col .g-row+.g-row{margin-top:.3rem}.tool-btn{color:#f3e6c8b8;width:2.4rem;height:2.4rem;box-shadow:none;background:#0a060380;border:1px solid #c9a24e38;border-radius:.2rem;place-items:center;padding:0;transition:color .15s,border-color .15s,background .15s;display:grid;position:relative}.tool-btn:hover,.tool-btn.open{color:#fff3c4;background:#0a0603bf;border-color:#c9a24e8c}.tool-btn.on{color:var(--gold);border-color:var(--trim)}.tool-btn.on:after{content:"";background:#5fe39a;border-radius:50%;width:.4rem;height:.4rem;position:absolute;top:.3rem;right:.3rem;box-shadow:0 0 .3rem #5fe39a}.table-tools{z-index:9;flex-direction:column;gap:.45rem;display:flex;position:absolute;top:max(1rem,0px);right:max(1rem,0px)}.tool-pop{border:1px solid var(--trim-dim);background:linear-gradient(#1e120af0,#0a0603f0);border-radius:.2rem;padding:.6rem .8rem;animation:.18s ease-out fan-in;position:absolute;top:0;right:calc(100% + .5rem);box-shadow:0 .5rem 1.4rem #00000080}.tool-pop.auto{min-width:11rem}.tool-pop.auto .g-row{min-height:2rem;margin:.25rem 0}.tool-pop.auto .g-label{font-family:var(--title-font);letter-spacing:.06em;font-size:.875rem}.tool-pop.tracker{flex-direction:column;gap:.3rem;display:flex}.tracker-row{gap:.2rem;display:flex}.tracker-cell{flex-direction:column;align-items:center;gap:.05rem;display:flex}.tracker-cell b{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:600;line-height:1}.tracker-cell.left-0 b{color:#fff3}.tracker-cell.left-1 b{color:#e8835f}.tracker-cell.wait b{color:var(--gold)}.tracker-cell.weak b{color:var(--muted)}.tracker-cell.weak .mj-tile:after{box-shadow:none;border-color:#f0d06066}.modal.pause{flex-direction:column;align-items:stretch;gap:.6rem;width:min(30rem,100%);display:flex}.modal.pause h2{text-align:center;margin:0;font-size:1.1rem}.modal.pause .note{margin:0}.pause-body{flex-direction:column;gap:.6rem;display:flex}.pause-settings .g-row{min-height:2rem;margin:.15rem 0}.score-log{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.875rem}.score-log th,.score-log td{text-align:center;padding:.2rem .3rem;font-weight:400}.score-log tbody th,.score-log tfoot th{color:var(--muted);width:2rem;font-size:.75rem}.score-log thead th.me .face{outline:2px solid var(--gold);outline-offset:1px}.score-log .face{vertical-align:middle;border-radius:50%}.score-log tbody td{color:#f3e6c8b3}.score-log tfoot td{border-top:1px solid #c9a24e40;font-weight:700}.score-log .pos{color:#f0c060}.score-log .neg{color:#e8835f}.st-overview,.st-versus,.st-fans{flex:1;gap:1rem;min-height:0;display:flex}.st-versus,.st-fans{flex-direction:column;gap:.9rem}.st-cols{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:2.4rem;display:grid}.st-cap{letter-spacing:.2em;color:var(--gold);align-items:baseline;gap:.6rem;margin-bottom:.45rem;font-size:.92rem;display:flex}.st-cap span{letter-spacing:0;color:var(--muted);opacity:.8;font-family:-apple-system,PingFang SC,sans-serif;font-size:.75rem}.st-overview .note,.st-fans .note{color:var(--muted);margin:0}.st-hero{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.8rem;padding:0 .8rem;display:flex}.st-ring{aspect-ratio:1;width:min(13rem,42vh);position:relative}.st-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.st-ring circle{fill:none;stroke-width:7px}.st-ring circle.track{stroke:#fff0c814}.st-ring-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.st-ring-center b{color:var(--gold);font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:400;line-height:1.1}.st-ring-center small,.st-figs small{color:var(--muted);font-size:.75rem}.st-legend{color:var(--muted);gap:1rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.st-legend li{align-items:center;gap:.3rem;display:flex}.st-legend i{border-radius:50%;width:.5rem;height:.5rem}.st-legend span{color:var(--text);font-variant-numeric:tabular-nums}.st-side{border-left:.06rem solid #e7c36a2e;flex-direction:column;flex:1;justify-content:center;gap:1.4rem;min-width:0;padding-left:1.2rem;display:flex}.st-figs{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.st-figs>div{flex-direction:column;display:flex}.st-figs b{font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:400}.st-form{flex-wrap:wrap;gap:.3rem;display:flex}.st-form i,.rp-rank{width:1.6rem;height:1.6rem;color:var(--muted);border:.06rem solid #fff0c82e;border-radius:.15rem;place-items:center;font-size:.95rem;font-style:normal;display:grid}.st-form i.r1,.r1>.rp-open .rp-rank{color:#f8f0dc;background:#9c2418;border-color:#c4473a}.st-form i.r2,.r2>.rp-open .rp-rank{color:var(--gold);border-color:#e7c36a80}.st-stack{gap:.12rem;height:1.7rem;display:flex}.st-stack i{min-width:2.4rem;color:var(--muted);background:#fff0c812;justify-content:center;align-items:center;gap:.3rem;font-size:.9rem;font-style:normal;display:flex}.st-stack i.r1{color:#f8f0dc;background:#9c2418}.st-stack i.r2{color:var(--gold);background:#e7c36a33}.st-stack i.empty{flex:1}.st-stack small{opacity:.75;font-variant-numeric:tabular-nums;font-size:.75rem}.st-row,.st-fan{align-items:center;gap:.7rem;display:grid}.st-row{grid-template-columns:4rem minmax(0,1fr) 2.8rem 2.8rem;height:1.7rem}.st-row b,.st-fan b{text-align:right;font-variant-numeric:tabular-nums;font-weight:400}.st-row small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.72rem}.st-row.none{opacity:.4}.st-bar{background:#fff0c814;height:.35rem}.st-bar i{background:linear-gradient(90deg, #a9832f, var(--gold));height:100%;display:block}.st-mosaic{flex-wrap:wrap;gap:.5rem 1.1rem;display:flex}.st-mosaic>div{flex-direction:column;gap:.2rem;display:flex}.st-mosaic small{color:var(--muted);opacity:.7;font-variant-numeric:tabular-nums;font-size:.68rem}.st-mosaic span{gap:.18rem;display:flex}.st-mosaic i{border:.06rem solid #fff0c824;width:.8rem;height:.8rem}.st-mosaic i.on{background:var(--gold);border-color:var(--gold)}.st-fans .pager-grid{gap:0 1.6rem}.st-fan{border-bottom:.06rem solid #fff0c80f;grid-template-columns:5.5rem 2.2rem minmax(0,1fr) 2rem}.st-fan span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.st-fan small{white-space:nowrap;color:var(--muted);text-align:right;font-size:.72rem}.st-fan small:after{content:"番";margin-left:.1em}.pager-grid .rp-card{border-bottom:.06rem solid #fff0c814;align-items:center;gap:.2rem;height:100%;padding-right:.4rem;display:flex}.rp-open{text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:.8rem;min-width:0;height:100%;padding:0 .4rem;display:flex}.rp-open:hover{background:#fff0c80a}.rp-rank{flex:none;width:2rem;height:2rem;font-size:1.15rem}.rp-faces{flex:none;display:flex}.rp-faces .face{border:.1rem solid var(--lacquer2);border-radius:50%}.rp-faces .face+.face{margin-left:-.45rem}.rp-date{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8rem;overflow:hidden}.rp-score{font-variant-numeric:tabular-nums;color:var(--muted);flex:none;font-size:1.25rem;font-weight:400}.rp-score.up{color:var(--gold)}.rp-score.down{color:#d27a6e}.rp-icon{color:#b9b09673;cursor:pointer;background:0 0;border:none;flex:none;place-items:center;min-width:2rem;height:2rem;padding:0 .3rem;display:grid}.rp-icon:hover{color:var(--muted)}.rp-icon.on{color:var(--gold)}.rp-icon.on path{fill:currentColor}.rp-icon.rp-del{color:#f8f0dc;background:#9c2418;border-radius:.15rem;font-size:.8rem}@media (max-height:480px){.st-row{height:1.45rem}.st-cap{margin-bottom:.25rem}}@media (max-width:640px){.st-cols{grid-template-columns:minmax(0,1fr)}.st-overview{flex-direction:column}.st-side{border-left:none;padding-left:0}}