:root{--cinnabar: #b03a2e;--lacquer: #7a1f1a;--gold: #d9b45b;--gold-dim: rgba(217, 180, 91, .45);--gold-faint: rgba(217, 180, 91, .22);--ink: #171512;--ink-deep: #0f0d0b;--charcoal: #26211b;--charcoal-2: #3a332a;--paper: #f6eedc;--paper-dim: #d8cbb0;--card-ink: #26211b;--jade: #4e8e6e;--persimmon: #c4501f;--muted: #8a8172;--serif: "Noto Serif SC", serif;--sans: "Noto Sans SC", system-ui, sans-serif;--cw: clamp(44px, min(6.2vw, 9.5vh), 118px);--ch: calc(var(--cw) * 1.4375);--hand-bottom: clamp(84px, 9vh, 116px);--av: clamp(32px, 2.7vw, 50px);--pod-pad-y: clamp(7px, .7vw, 11px);--pod-h: calc(var(--av) + 2 * var(--pod-pad-y) + 2px);--chip-h: calc(clamp(30px, 2.6vw, 44px) + 2*clamp(5px, .6vh, 8px) + 2px) ;--north-top: calc(16px + var(--chip-h) + 12px);--pod-side: calc(18px + var(--av) + clamp(9px, .9vw, 14px) + clamp(96px, 10vw, 170px) + 2 * clamp(13px, 1.2vw, 20px) + 14px);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.45, .64, 1)}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}.muted{color:var(--muted)}.btn{border-radius:8px;padding:10px 22px;font-size:14px;background:transparent;border:1px solid var(--charcoal-2);color:var(--paper);transition:transform .08s,background .15s,border-color .15s}.btn:hover:not(:disabled){border-color:var(--gold-dim)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.35;cursor:default}.btn.primary{background:var(--cinnabar);border-color:var(--cinnabar);color:var(--paper)}.btn.primary:hover:not(:disabled){background:#c04437}.btn.ghost{border-color:var(--gold-dim);color:var(--gold)}.btn.jade{border-color:var(--jade);color:var(--jade)}.btn.sm{padding:6px 14px;font-size:13px}.btn.lg{padding:13px 30px;font-size:15px;min-width:240px}.muted-btn{text-decoration:line-through;opacity:.6}.topbar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.brand{display:flex;align-items:center;gap:10px}.seal-mini{width:28px;height:28px;background:var(--cinnabar);border-radius:4px;color:var(--paper);font-family:var(--serif);font-size:17px;display:flex;align-items:center;justify-content:center}.brand-name{font-family:var(--serif);font-size:15px;color:var(--gold)}.topbar-actions{display:flex;gap:8px}.landing{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 30%,#1d1915 0%,var(--ink) 70%);position:relative;overflow:hidden}.landing .topbar{position:relative;z-index:2}.float-field{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.float-card{position:absolute;top:0;width:var(--fw);opacity:var(--fop);animation:card-drift linear infinite both;will-change:transform}.float-card .card{width:var(--fw);height:calc(var(--fw) * 1.4375);border-radius:calc(var(--fw) * .095);box-shadow:0 10px 34px #0000008c}@keyframes card-drift{0%{transform:translate3d(0,106vh,0) rotate(var(--r0))}to{transform:translate3d(var(--drift),-32vh,0) rotate(var(--r1))}}body.no-vfx .float-field{display:none}@media (prefers-reduced-motion: reduce){.float-field{display:none}}.landing-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding-bottom:8vh;position:relative;z-index:1}.seal-logo{width:104px;height:104px;background:var(--cinnabar);border:2px solid var(--gold);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--serif);font-size:38px;line-height:1.15;color:var(--paper);box-shadow:0 10px 40px #00000080;animation:stamp .6s cubic-bezier(.2,1.4,.4,1) backwards}.landing-title{font-family:var(--serif);font-size:30px;font-weight:600;margin:10px 0 0;color:var(--paper)}.credit-inline{color:var(--gold-dim);font-size:12.5px;letter-spacing:2.5px;text-transform:uppercase;margin-top:2px}.tagline{color:var(--muted);margin:0 0 14px}.landing-actions{display:flex;flex-direction:column;gap:14px;align-items:center}.landing-primary{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.landing-secondary{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.btn.xl{padding:clamp(14px,1.8vh,19px) clamp(26px,3vw,44px);font-size:clamp(15px,1.3vw,18px);min-width:clamp(190px,18vw,250px);border-radius:10px;font-weight:500;letter-spacing:.4px}.btn.gold{border:1px solid var(--gold);color:var(--gold);background:#d9b45b12}.btn.gold:hover:not(:disabled){background:#d9b45b29}.game-screen{height:100vh;display:flex;flex-direction:column;background:var(--ink-deep)}.game{flex:1;position:relative;padding:0 12px 12px}.table{position:absolute;top:0;right:12px;bottom:12px;left:12px;background:radial-gradient(ellipse at 50% 38%,#1d1915 0%,var(--ink) 75%);border:1px solid var(--gold-dim);border-radius:16px;overflow:hidden}.table:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid var(--gold-faint);border-radius:11px;pointer-events:none}.table.shake{animation:shake .45s}.ornament{position:absolute;width:130px;height:130px;opacity:.1;pointer-events:none;z-index:1}.ornament.tl{top:10px;left:10px;transform:rotate(180deg)}.ornament.br{right:10px;bottom:10px}.hud-seal{position:absolute;top:16px;text-align:center;z-index:3}.hud-seal.left{left:18px}.hud-seal.right{right:18px}.seal{width:46px;height:46px;background:var(--cinnabar);border:1px solid var(--gold);border-radius:5px;color:var(--paper);font-family:var(--serif);font-size:22px;display:flex;align-items:center;justify-content:center}.seal.dim{background:var(--charcoal);color:var(--gold)}.seal.active{box-shadow:0 0 0 2px var(--gold-dim)}.seal-label{font-size:11px;color:var(--gold);margin-top:4px}.top-center{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:clamp(10px,1.2vw,18px);max-width:calc(100vw - 170px);z-index:3}.level-chip{display:flex;align-items:center;flex:0 1 auto;min-width:0;gap:clamp(8px,.8vw,12px);background:var(--charcoal);border:1px solid var(--gold-dim);border-radius:12px;padding:clamp(5px,.6vh,8px) clamp(12px,1.2vw,20px) clamp(5px,.6vh,8px) clamp(6px,.6vw,9px);white-space:nowrap;z-index:3}.lvl-seal{width:clamp(30px,2.6vw,44px);height:clamp(30px,2.6vw,44px);background:var(--cinnabar);border:1px solid var(--gold);border-radius:5px;color:var(--paper);font-family:var(--serif);font-size:clamp(15px,1.4vw,23px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.lvl-text{display:flex;flex-direction:column;line-height:1.28;text-align:left}.lvl-title{color:var(--paper);font-size:clamp(12.5px,1vw,16px);font-weight:500}.lvl-wild{color:var(--gold);font-size:clamp(11px,.9vw,14.5px)}.anti-banner{position:absolute;top:calc(16px + var(--chip-h) + 8px);left:50%;transform:translate(-50%);background:var(--lacquer);color:var(--gold);border-radius:999px;padding:4px 14px;font-size:12px;z-index:3;animation:rise .3s backwards}.pod{position:absolute;display:flex;align-items:center;gap:clamp(9px,.9vw,14px);background:var(--charcoal);border:1px solid var(--charcoal-2);border-radius:12px;padding:var(--pod-pad-y) clamp(13px,1.2vw,20px);z-index:3;transition:border-color .2s,box-shadow .2s}.pod:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:12px;border:1px solid var(--gold);box-shadow:0 0 18px #d9b45b59;opacity:0;pointer-events:none;transition:opacity .3s}.pod.turn{border-color:var(--gold)}.pod.turn:after{opacity:1;animation:glowpulse 1.8s ease-in-out infinite}.pod-north{top:var(--north-top);left:50%;transform:translate(-50%)}.pod-east{right:18px;top:40%}.pod-west{left:18px;top:40%}.pod .av{width:var(--av);height:var(--av);border-radius:50%;background:var(--lacquer);color:var(--paper);font-family:var(--serif);font-size:clamp(15px,1.35vw,25px);display:flex;align-items:center;justify-content:center}.pod .nm{font-size:clamp(12.5px,1vw,16px);line-height:1.3;max-width:clamp(96px,10vw,170px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pod .ct{font-size:clamp(11px,.9vw,14.5px);color:var(--gold)}.center{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.slot{position:absolute;transition:opacity .3s}.slot.faded{opacity:.32}.slot-inner{display:flex;flex-direction:column;align-items:center;gap:6px}.slot-north{top:calc(var(--north-top) + var(--pod-h) + clamp(10px,1.8vh,26px));left:50%;transform:translate(-50%)}.slot-east{right:var(--pod-side);top:38%}.slot-west{left:var(--pod-side);top:38%}.slot-south{bottom:calc(var(--hand-bottom) + var(--ch) + 56px);left:50%;transform:translate(-50%)}.in-north{animation:in-north .3s var(--ease-spring) backwards}.in-east{animation:in-east .3s var(--ease-spring) backwards}.in-west{animation:in-west .3s var(--ease-spring) backwards}.in-south{animation:in-south .3s var(--ease-spring) backwards}.slot-cards{display:flex}.slot-cards .card.mini{margin-left:calc(var(--cw) * -.36)}.slot-cards .card.mini:first-child{margin-left:0}.combo-chip{background:var(--lacquer);border:1px solid var(--gold-dim);color:var(--paper);border-radius:14px;padding:clamp(4px,.5vw,8px) clamp(14px,1.4vw,24px);white-space:nowrap;display:flex;flex-direction:column;align-items:center;line-height:1.2}.combo-chip .chip-zh{font-family:var(--serif);font-size:clamp(14px,1.35vw,20px)}.combo-chip .chip-en{font-size:clamp(10px,.8vw,12px);opacity:.78}.pass-chip{background:#26211bd9;color:var(--muted);font-size:clamp(12px,1vw,15px);border-radius:999px;padding:clamp(4px,.45vw,7px) clamp(14px,1.4vw,22px)}.shockwave{will-change:transform,opacity;position:absolute;left:50%;top:42%;width:24px;height:24px;margin:-12px;border-radius:50%;border:4px solid var(--gold);animation:shock .55s ease-out forwards;pointer-events:none;z-index:6}.shockwave.mega{border-color:var(--cinnabar);box-shadow:0 0 70px #b03a2ee6;animation:shock-mega .8s ease-out forwards}.card{position:relative;width:var(--cw);height:var(--ch);background:var(--paper);border:1px solid var(--paper-dim);border-radius:calc(var(--cw) * .095);flex-shrink:0;-webkit-user-select:none;user-select:none;transition:transform .12s,border-color .12s,box-shadow .12s}.card[role=button]{cursor:pointer}.card[role=button]:hover{transform:translateY(calc(var(--ch) * -.07))}.card.wild{border:2px solid var(--gold);overflow:hidden}.card.wild:after{content:"";position:absolute;top:0;bottom:0;left:0;width:55%;background:linear-gradient(105deg,transparent,rgba(217,180,91,.3),transparent);transform:translate(-130%);animation:sheen 3.4s var(--ease-out) infinite;pointer-events:none;will-change:transform}.card.selected{border:2px solid var(--jade);transform:translateY(calc(var(--ch) * -.18));box-shadow:0 8px 18px #00000073}.card.selected[role=button]:hover{transform:translateY(calc(var(--ch) * -.18))}.card-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;font-family:var(--sans)}.wild-badge{position:absolute;top:3px;right:4px;background:var(--gold);color:#5a430f;font-size:max(10px,calc(var(--cw) * .15));border-radius:3px;padding:1px 3px;z-index:2}.card.mini{width:calc(var(--cw) * .82);height:calc(var(--ch) * .82);border-radius:calc(var(--cw) * .085)}.hand{position:absolute;bottom:var(--hand-bottom);left:50%;transform:translate(-50%);display:flex;z-index:4;padding-top:24px}.hand-slot{transform-origin:50% 130%;margin-left:calc(var(--cw) * -.47)}.hand-slot:first-child{margin-left:0}.hand-slot:hover{z-index:5}.deal-wrap.dealing{animation:deal-in .45s var(--ease-out) backwards;will-change:transform,opacity}.controls{position:absolute;bottom:20px;left:0;right:0;display:flex;align-items:center;padding:0 22px;z-index:5}.controls-left{display:flex;gap:8px}.controls-mid{flex:1;display:flex;align-items:center;justify-content:center;gap:12px}.turn-note{color:var(--gold);font-size:13px}.sel-label{background:var(--charcoal);border:.5px solid var(--charcoal-2);color:var(--paper);font-size:13.5px;border-radius:999px;padding:5px 15px;animation:rise .18s backwards}.controls-right{display:flex;gap:10px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0d0b9e;-webkit-backdrop-filter:blur(7px) saturate(.85);backdrop-filter:blur(7px) saturate(.85);display:flex;align-items:center;justify-content:center;z-index:20;animation:fade .2s backwards}.panel{background:var(--charcoal);border:1px solid var(--gold-dim);border-radius:14px;padding:26px 30px;max-width:540px;width:calc(100% - 48px);box-shadow:0 2px 10px #00000059,0 28px 90px #0000008c;animation:rise .25s cubic-bezier(.2,.9,.3,1.1) backwards}.panel h2{font-family:var(--serif);font-weight:600;font-size:20px;color:var(--gold);margin:0 0 16px}.panel.center-text{text-align:center}.prompt{color:var(--paper);font-size:13.5px;margin:14px 0 4px}.panel-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.panel.center-text .panel-actions{justify-content:center}.tribute-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:13.5px}.pick-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;max-height:220px;overflow-y:auto}.pick-disabled{opacity:.3;pointer-events:none}.order-list{display:flex;flex-direction:column;gap:8px}.order-row{display:flex;align-items:center;gap:12px;font-size:14px}.order-badge{min-width:52px;text-align:center;background:var(--charcoal-2);color:var(--paper);border-radius:4px;padding:3px 8px;font-size:12px}.order-badge.first{background:var(--cinnabar);border:1px solid var(--gold);animation:stamp .5s cubic-bezier(.2,1.4,.4,1) backwards}.team-dot{width:9px;height:9px;border-radius:50%;margin-left:auto}.team-dot.t0{background:var(--gold)}.team-dot.t1{background:var(--muted)}.victory-seal{width:84px;height:84px;margin:0 auto 14px;background:var(--cinnabar);border:2px solid var(--gold);border-radius:10px;color:var(--paper);font-family:var(--serif);font-size:44px;display:flex;align-items:center;justify-content:center;animation:stamp .55s cubic-bezier(.2,1.4,.4,1) backwards}.cheat-table{display:flex;flex-direction:column;gap:6px}.cheat-row{display:flex;justify-content:space-between;font-size:13px;border-bottom:.5px solid var(--charcoal-2);padding-bottom:5px}.cheat-example{color:var(--muted)}@keyframes deal-in{0%{opacity:0;transform:translateY(-46vh) rotate(-6deg) scale(.75)}to{opacity:1;transform:none}}@keyframes in-north{0%{opacity:0;transform:translateY(-30px)}}@keyframes in-east{0%{opacity:0;transform:translate(30px)}}@keyframes in-west{0%{opacity:0;transform:translate(-30px)}}@keyframes in-south{0%{opacity:0;transform:translateY(30px)}}@keyframes shock{0%{transform:scale(.4);opacity:.9}to{transform:scale(16);opacity:0}}@keyframes shock-mega{0%{transform:scale(.4);opacity:1}to{transform:scale(28);opacity:0}}@keyframes shake{15%,85%{transform:translate(-1px,1px)}30%,70%{transform:translate(2px,-1px)}45%{transform:translate(-2px,1px)}60%{transform:translate(2px)}}@keyframes glowpulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes sheen{0%{transform:translate(-130%)}42%{transform:translate(300%)}to{transform:translate(300%)}}@keyframes stamp{0%{transform:scale(2.1) rotate(-7deg);opacity:0}60%{transform:scale(.94) rotate(-1deg);opacity:1}to{transform:scale(1) rotate(-2deg)}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@media (max-width: 900px){.slot-east{right:78px}.slot-west{left:78px}.btn.lg{min-width:200px}}@media (max-width: 640px){:root{--cw: clamp(40px, 12vw, 52px);--hand-bottom: 86px}.hand{left:0;right:0;transform:none;justify-content:flex-start;overflow-x:auto;padding:20px 14px 6px;-webkit-overflow-scrolling:touch}.hand-slot{transform:none!important}.pod{padding:5px 9px;gap:6px}.pod .av{width:26px;height:26px;font-size:13px}.pod .nm{font-size:11px}.pod-east{right:10px;top:34%}.pod-west{left:10px;top:34%}.slot-east{right:54px;top:36%}.slot-west{left:54px;top:36%}.slot-north{top:122px}.level-chip .muted{display:none}.hud-seal .seal{width:38px;height:38px;font-size:18px}.controls{padding:0 12px}.btn{padding:9px 16px}.btn.sm{padding:5px 10px;font-size:12px}.turn-note{display:none}.topbar-actions{gap:5px}.panel{padding:20px 18px}.ornament{width:84px;height:84px}}.lobby{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 50% 30%,#1d1915 0%,var(--ink) 70%)}.lobby-panel{width:620px;max-width:calc(100vw - 40px)}.room-code{color:var(--paper);background:var(--lacquer);border:1px solid var(--gold-dim);border-radius:6px;padding:2px 12px;letter-spacing:3px;margin-left:6px}.teams{display:flex;gap:14px;align-items:stretch;margin-top:6px}.team-col{flex:1;display:flex;flex-direction:column;gap:8px}.team-label{font-size:12px;color:var(--gold)}.vs{align-self:center;color:var(--muted);font-size:13px}.seat-card{background:var(--ink);border:1px solid var(--charcoal-2);border-radius:10px;padding:12px 14px;min-height:58px}.seat-card.you{border-color:var(--gold-dim)}.seat-card.empty{cursor:pointer;border-style:dashed}.seat-card.empty:hover{border-color:var(--gold-dim)}.seat-name{font-size:14px}.seat-badges{display:flex;gap:6px;margin-top:5px}.badge{font-size:10.5px;background:var(--charcoal-2);color:var(--paper);border-radius:4px;padding:1px 7px}.badge.gold{background:var(--gold);color:#5a430f}.badge.dim{background:transparent;border:1px solid var(--charcoal-2);color:var(--muted)}.invite-row{display:flex;gap:8px;margin-top:14px}.invite-input{flex:1;font-size:12.5px;color:var(--muted)}.lobby-wait{font-size:12.5px;align-self:center}.input{background:var(--ink);border:1px solid var(--charcoal-2);color:var(--paper);border-radius:8px;padding:11px 14px;font-size:14px;font-family:inherit;width:260px}.input:focus{outline:none;border-color:var(--gold-dim)}.room-input{letter-spacing:4px;text-transform:uppercase}.conn-banner{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:40;background:var(--lacquer);border:1px solid var(--gold-dim);color:var(--gold);border-radius:999px;padding:6px 18px;font-size:12.5px;animation:rise .25s backwards}.conn-banner.err{background:var(--persimmon);color:var(--paper);border-color:transparent}.timer-chip{background:var(--charcoal);border:1px solid var(--gold-dim);color:var(--gold);border-radius:999px;padding:3px 10px;font-size:12px;min-width:40px;text-align:center;display:inline-block}.timer-chip.urgent{border-color:var(--persimmon);color:var(--persimmon)}@media (max-width: 640px){.teams{flex-direction:column}.vs{display:none}.landing-actions .input{width:240px}}.icon-pick{display:flex;flex-direction:column;gap:8px;align-items:center}.icon-label{font-size:12px;color:var(--muted)}.icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.icon-choice{width:40px;height:40px;border-radius:50%;background:var(--lacquer);border:2px solid transparent;color:var(--paper);font-family:var(--serif);font-size:18px;display:flex;align-items:center;justify-content:center;transition:transform .1s,border-color .15s}.icon-choice:hover{transform:scale(1.08)}.icon-choice.picked{border-color:var(--gold);box-shadow:0 0 10px #d9b45b59}.seat-head{display:flex;align-items:center;gap:8px}.seat-av{width:28px;height:28px;border-radius:50%;background:var(--lacquer);color:var(--paper);font-family:var(--serif);font-size:14px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.table:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;box-shadow:inset 0 0 0 1px var(--gold),inset 0 0 52px #d9b45b17;opacity:0;transition:opacity .5s;pointer-events:none;z-index:2}.table.your-turn:before{opacity:.8}.seal{animation:seal-in .45s cubic-bezier(.2,1.4,.4,1)}.btn.primary{position:relative}.btn.primary:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:10px;box-shadow:0 0 18px #d9b45b80;opacity:0;pointer-events:none}.btn.primary.pulse:after{animation:glowpulse-soft 1.6s ease-in-out infinite}.slot-cards.boom{animation:pop .32s var(--ease-spring)}.slot-cards.boom .card.mini{border-color:var(--gold);box-shadow:0 0 16px #d9b45b59}.slot.faded .slot-inner{transform:scale(.88);filter:saturate(.55);transition:transform .35s,filter .35s}.table-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 42%,rgba(217,180,91,.55),rgba(176,58,46,.25) 45%,transparent 75%);animation:flashout .75s ease-out forwards;pointer-events:none;z-index:5}.celebration{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:15}.petal{position:absolute;top:-6vh;border-radius:85% 0;will-change:transform,opacity;animation-name:petal-fall;animation-timing-function:linear;animation-iteration-count:infinite}.victory-wrap{position:relative;width:84px;height:84px;margin:0 auto 14px}.victory-wrap .victory-seal{margin:0}.victory-rays{position:absolute;left:50%;top:50%;width:240px;height:240px;transform:translate(-50%,-50%);background:repeating-conic-gradient(rgba(217,180,91,.16) 0deg 9deg,transparent 9deg 26deg);border-radius:50%;-webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent 92%);mask-image:radial-gradient(closest-side,#000 30%,transparent 92%);animation:rays-spin 16s linear infinite;will-change:transform;pointer-events:none}.timer-chip.urgent{animation:urgentpulse 1s ease-in-out infinite}.row-in{animation:rise .3s cubic-bezier(.2,.9,.3,1.1) backwards}@keyframes seal-in{0%{transform:scale(1.7) rotate(-6deg);opacity:0}to{transform:none;opacity:1}}@keyframes glowpulse-soft{0%,to{opacity:.1}50%{opacity:.85}}@keyframes pop{0%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes flashout{0%{opacity:1}to{opacity:0}}@keyframes petal-fall{0%{transform:translate(0) rotate(0);opacity:0}8%{opacity:.95}to{transform:translate(var(--drift),112vh) rotate(var(--rot));opacity:.7}}@keyframes rays-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes urgentpulse{50%{transform:scale(1.12)}}.shockwave.ring2{border-width:2px;animation-duration:.62s;animation-delay:.07s;animation-fill-mode:both;animation-name:shock}@media (prefers-reduced-motion: reduce){.petal,.card.wild:after,.pod.turn:after,.btn.primary.pulse:after,.victory-rays,.table.shake,.timer-chip.urgent{animation:none!important}.deal-wrap,.slot-inner,.slot-cards.boom,.shockwave,.panel,.overlay,.seal,.order-badge.first,.victory-seal,.seal-logo{animation-duration:.01s!important}}body.no-vfx .celebration,body.no-vfx .shockwave,body.no-vfx .table-flash,body.no-vfx .victory-rays{display:none!important}body.no-vfx .card.wild:after,body.no-vfx .btn.primary.pulse:after{animation:none!important;opacity:0!important}body.no-vfx .pod.turn:after{animation:none!important;opacity:1;box-shadow:none}body.no-vfx .table.your-turn:before{opacity:.45;box-shadow:inset 0 0 0 1px var(--gold)}body.no-vfx .deal-wrap,body.no-vfx .slot-inner,body.no-vfx .slot-cards.boom,body.no-vfx .seal,body.no-vfx .order-badge.first,body.no-vfx .victory-seal,body.no-vfx .seal-logo,body.no-vfx .panel,body.no-vfx .overlay,body.no-vfx .anti-banner,body.no-vfx .sel-label,body.no-vfx .row-in,body.no-vfx .conn-banner,body.no-vfx .table.shake,body.no-vfx .timer-chip.urgent{animation:none!important}body.no-vfx .overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0f0d0bd1}body.no-vfx .slot-cards.boom .card.mini{border-color:var(--paper-dim);box-shadow:none}body.no-vfx .slot.faded .slot-inner{transform:none;filter:none}.pod.partner{border-color:#4e8e6ea6}.pod.partner .av{box-shadow:0 0 0 2px var(--jade)}.pod.partner.turn{border-color:var(--gold)}.partner-badge{display:inline-block;background:#4e8e6e2e;border:1px solid rgba(78,142,110,.5);color:#8fc4a8;font-size:10.5px;border-radius:4px;padding:0 6px;margin-left:7px;vertical-align:1px}.vol-group{display:flex;align-items:center;gap:8px}.vol-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:88px;height:4px;background:var(--charcoal-2);border-radius:999px;outline:none;cursor:pointer}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--gold);border:none;cursor:pointer;transition:transform .1s}.vol-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.vol-slider::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--gold);border:none;cursor:pointer}@media (max-width: 640px){.vol-slider{width:52px}.vol-slider.emote{width:40px}}.btn.action{padding:clamp(12px,1.4vh,17px) clamp(28px,3vw,52px);font-size:clamp(15px,1.25vw,20px);min-width:clamp(108px,10vw,170px);border-radius:10px;font-weight:500}.turn-banner{background:var(--gold);color:#3d2e0a;font-family:var(--serif);font-weight:600;font-size:clamp(14px,1.3vw,19px);border-radius:10px;padding:clamp(8px,1vh,12px) clamp(18px,1.9vw,32px);white-space:nowrap;animation:banner-in .35s var(--ease-spring) backwards,banner-glow 1.8s ease-in-out .5s infinite}.turn-marker{position:absolute;top:-25px;left:50%;margin-left:-9px;color:var(--gold);font-size:18px;text-shadow:0 0 10px rgba(217,180,91,.7);animation:bob 1.1s ease-in-out infinite;pointer-events:none;z-index:4}.pod.turn .av{transform:scale(1.12);box-shadow:0 0 0 2px var(--gold);transition:transform .25s var(--ease-spring),box-shadow .25s}.pod.turn:after{top:-2px;right:-2px;bottom:-2px;left:-2px;border-width:2px;box-shadow:0 0 24px #d9b45b8c}@keyframes banner-in{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:none}}@keyframes banner-glow{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}body.no-vfx .turn-banner,body.no-vfx .turn-marker{animation:none!important}@media (prefers-reduced-motion: reduce){.turn-banner,.turn-marker{animation:none!important}}@media (max-width: 640px){.btn.action{padding:11px 22px;font-size:15px;min-width:96px}.turn-banner{display:inline-block;font-size:13px;padding:7px 14px}.turn-marker{top:-21px;font-size:15px}}.game-screen{height:100dvh}.landing,.lobby{min-height:100dvh}body{-webkit-tap-highlight-color:transparent}.btn,.card,.icon-choice,.seat-card,.vol-slider{touch-action:manipulation}.table{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@media (max-width: 640px){.brand-name,.hide-sm{display:none}.topbar{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.topbar-actions{gap:4px}.topbar-actions .btn.sm{padding:5px 8px;font-size:12px}.card.mini{width:calc(var(--cw) * .7);height:calc(var(--ch) * .7)}.slot-cards .card.mini{margin-left:calc(var(--cw) * -.31)}.hand-slot{margin-left:calc(var(--cw) * -.42)}.hand{scrollbar-width:none}.hand::-webkit-scrollbar{display:none}.controls{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}.controls-mid{min-width:0;gap:8px}.combo-chip .chip-zh{font-size:13px}.combo-chip .chip-en{display:none}.level-chip{font-size:11px;padding:4px 12px;max-width:62vw;overflow:hidden;text-overflow:ellipsis}.top-center{gap:6px;max-width:calc(100vw - 120px)}.team-clock{font-size:14px;padding:4px 9px;border-radius:7px}.hud-seal.left{left:8px}.hud-seal.right{right:8px}.hud-seal .seal{width:34px;height:34px;font-size:16px}.seal-label{font-size:10px}.pod-north{top:60px}.slot-north{top:calc(60px + clamp(48px,6vh,62px))}.ornament{display:none}.panel h2{font-size:17px}}@media (max-height: 480px) and (orientation: landscape){:root{--hand-bottom: 56px;--cw: clamp(38px, min(6vw, 13vh), 64px)}.topbar{height:38px}.topbar-actions .btn.sm{padding:4px 8px;font-size:11.5px}.pod-north{top:42px}.top-center{top:6px}.level-chip{font-size:11px}.hud-seal{top:6px}.hud-seal .seal{width:32px;height:32px;font-size:15px}.slot-north{top:96px}.slot-south{bottom:calc(var(--hand-bottom) + var(--ch) + 26px)}.slot-east{right:clamp(150px,14vw,220px)}.slot-west{left:clamp(150px,14vw,220px)}.controls{bottom:8px}.btn.action{padding:8px 18px;min-width:84px;font-size:14px}.turn-banner{font-size:12px;padding:6px 12px}.anti-banner{top:38px}}@media (min-width: 641px){.controls-left,.controls-right{flex:1 1 0;min-width:max-content}.controls-right{justify-content:flex-end}.controls-mid{flex:0 1 auto}}@media (max-width: 640px){:root{--av: 26px;--pod-pad-y: 5px;--pod-side: 116px}.pod .nm{display:none}.pod-north{top:var(--north-top)}.slot-north{top:calc(var(--north-top) + var(--pod-h) + 10px)}.slot-east{right:var(--pod-side)}.slot-west{left:var(--pod-side)}.level-chip{max-width:none;overflow:visible;padding:4px 10px 4px 5px;gap:7px}.lvl-seal{width:27px;height:27px;font-size:14px}.lvl-title{font-size:12px}.lvl-wild{font-size:10.5px}}@media (max-height: 480px) and (orientation: landscape){:root{--north-top: calc(8px + var(--chip-h) + 8px)}.top-center,.hud-seal{top:8px}.pod-north{top:var(--north-top)}.slot-north{top:calc(var(--north-top) + var(--pod-h) + 8px)}.slot-east{right:var(--pod-side)}.slot-west{left:var(--pod-side)}}.hand .deal-wrap{touch-action:pan-x;transition:transform .18s var(--ease-out)}.hand .card[role=button]{cursor:grab}.hand-slot.lift-slot{z-index:40}.lift-slot .card{border-color:var(--gold);box-shadow:0 16px 34px #0000008c}.lift-slot .card[role=button]{cursor:grabbing}.controls-left{flex-direction:column;align-items:flex-start;gap:8px}.left-stack{display:inline-flex;flex-direction:column;align-items:stretch;gap:8px}.controls-left-row{display:flex;gap:8px}.emote-anchor{position:relative}.emote-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;font-size:13px;color:var(--gold)}.emote-btn.open{border-color:var(--gold);background:#d9b45b14}.emote-menu{position:absolute;bottom:calc(100% + 10px);left:0;display:flex;gap:8px;padding:10px;background:var(--charcoal);border:1px solid var(--gold-dim);border-radius:12px;box-shadow:0 12px 40px #00000080;animation:rise .18s var(--ease-spring) backwards;z-index:26}.emote-choice{width:clamp(46px,3.8vw,62px);height:clamp(46px,3.8vw,62px);padding:4px;background:var(--ink);border:1px solid var(--charcoal-2);border-radius:10px;transition:transform .1s,border-color .15s}.emote-choice img{width:100%;height:100%;object-fit:contain;display:block}.emote-choice:hover{transform:scale(1.12);border-color:var(--gold-dim)}.emote-choice:active{transform:scale(.94)}.emote-float{position:absolute;bottom:calc(100% + 6px);left:50%;width:clamp(54px,4.6vw,82px);height:clamp(54px,4.6vw,82px);margin-left:calc(clamp(54px,4.6vw,82px)/-2);pointer-events:none;z-index:25;will-change:transform,opacity;animation:float-rise 2.5s cubic-bezier(.25,.46,.45,.94) forwards}.emote-float img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));animation:float-pop .34s var(--ease-spring) backwards}.my-floats{position:absolute;left:50%;bottom:calc(var(--hand-bottom) + var(--ch) + 44px);width:0;height:0;z-index:25;pointer-events:none}@keyframes float-rise{0%{opacity:0;transform:translateY(12px)}6%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate(var(--fx),-185px)}}@keyframes float-pop{0%{transform:scale(.4)}60%{transform:scale(1.12)}to{transform:scale(1)}}@media (max-width: 640px){.emote-menu{flex-wrap:wrap;max-width:64vw}}.bot-badge{display:inline-block;background:var(--charcoal-2);border:1px solid transparent;color:var(--paper-dim);font-size:10.5px;border-radius:4px;padding:0 6px;margin-left:7px;vertical-align:1px;white-space:nowrap}.bot-badge.auto{background:#c4501f33;border-color:#c4501f8c;color:#e8926b}.bot-badge.offline{background:transparent;border-color:var(--charcoal-2);color:var(--muted)}.pod.auto .av{filter:grayscale(.55);opacity:.85}.victory-seal.pause{background:var(--charcoal);color:var(--gold);border-color:var(--gold-dim)}.vol-ico-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px}.vol-slider.emote{width:66px}.replay-bar{display:flex;align-items:center;gap:8px;width:100%}.replay-tag{font-family:var(--serif);color:var(--gold);font-size:13px;border:1px solid var(--gold-dim);border-radius:6px;padding:3px 9px;white-space:nowrap}.rb-play{min-width:46px}.rb-speed{min-width:42px;font-variant-numeric:tabular-nums}.scrub-wrap{position:relative;flex:1;display:flex;align-items:center;min-width:60px}.scrub{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;background:var(--charcoal-2);border-radius:999px;outline:none;cursor:pointer}.scrub::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:var(--gold);border:none;cursor:pointer;position:relative;z-index:2}.scrub::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--gold);border:none;cursor:pointer}.scrub-marks{position:absolute;top:0;right:7px;bottom:0;left:7px;pointer-events:none}.scrub-marks span{position:absolute;top:50%;transform:translate(-50%,-50%);width:2px;height:11px;border-radius:1px;background:var(--gold-dim)}.replay-pos{font-size:12px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.pod.peek{cursor:pointer}.pod.peek:hover{border-color:var(--gold-dim)}.open-hand{position:absolute;display:flex;flex-wrap:wrap;row-gap:3px;z-index:2;pointer-events:none;filter:drop-shadow(0 3px 8px rgba(0,0,0,.45))}.open-hand .oh{flex:0 1 calc(var(--cw) * .17);min-width:12px}.open-hand .oh:last-child{flex:0 0 auto}.open-hand .card.mini{width:calc(var(--cw) * .52);height:calc(var(--ch) * .52);border-radius:5px}.open-hand.north{top:var(--north-top);right:calc(50% + clamp(110px,11vw,190px));max-width:26vw;justify-content:flex-end}.open-hand.east{top:calc(40% + var(--pod-h) + 10px);right:18px;max-width:calc(var(--pod-side) - 44px);justify-content:flex-end}.open-hand.west{top:calc(40% + var(--pod-h) + 10px);left:18px;max-width:calc(var(--pod-side) - 44px)}.overlay.replay-pass{pointer-events:none}.overlay.replay-pass .panel{pointer-events:auto}.replays-panel{width:min(680px,94vw)}.replay-list{display:flex;flex-direction:column;gap:10px;max-height:56vh;overflow-y:auto;margin:12px 0 4px;padding-right:4px}.replay-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--ink);border:1px solid var(--charcoal-2);border-radius:10px;padding:10px 14px}.replay-title{font-size:14.5px;color:var(--paper);display:flex;align-items:center;gap:8px}.replay-result{font-size:11px;border-radius:4px;padding:1px 7px}.replay-result.win{background:#4e8e6e2e;color:#8fc4a8;border:1px solid rgba(78,142,110,.5)}.replay-result.loss{background:#b03a2e29;color:#d98d84;border:1px solid rgba(176,58,46,.5)}.replay-sub{font-size:12.5px;color:var(--paper-dim);margin-top:2px}.replay-sub.muted{color:var(--muted)}.replay-actions{display:flex;gap:6px;flex-shrink:0}.err-text{color:#d98d84}@media (max-width: 640px){.replay-bar{flex-wrap:wrap;gap:6px;row-gap:8px}.scrub-wrap{flex-basis:100%;order:10}.replay-tag{display:none}.replay-pos{margin-left:auto}.open-hand.east,.open-hand.west{top:calc(34% + var(--pod-h) + 8px)}.open-hand.north{top:60px;right:calc(50% + 96px);max-width:34vw}.replay-row{flex-direction:column;align-items:stretch}.replay-actions{justify-content:flex-end}}.team-clock{flex-shrink:0;background:var(--charcoal);border:1px solid var(--charcoal-2);border-radius:10px;padding:clamp(5px,.6vh,9px) clamp(13px,1.4vw,22px);font-variant-numeric:tabular-nums;font-size:clamp(17px,1.9vw,30px);font-weight:500;line-height:1.15;color:var(--paper-dim);transition:border-color .2s,color .2s,box-shadow .2s}.team-clock.running{color:var(--gold);border-color:var(--gold-dim);box-shadow:0 0 0 1px var(--gold-faint)}.team-clock.urgent{color:#e08a7e;border-color:#b03a2e99}.team-clock.grace,.team-clock.grace.urgent{color:var(--jade);border-color:#4e8e6e8c}.tc-grace{font-size:.6em;color:var(--jade);margin-left:7px;vertical-align:2px}.team-clock.running.urgent{animation:clock-pulse 1s infinite}@keyframes clock-pulse{0%,to{box-shadow:0 0 0 1px #b03a2e59}50%{box-shadow:0 0 0 3px #b03a2e8c}}.timeout-note{color:#e08a7e}.blitz-row{border-top:1px solid var(--charcoal-2);margin-top:14px;padding-top:12px;display:flex;flex-direction:column;gap:8px}.blitz-head{display:flex;align-items:center;justify-content:space-between}.blitz-title{color:var(--gold);font-size:14px}.blitz-mins{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px}.blitz-input{width:76px;padding:6px 10px;font-size:13px}.blitz-input::-webkit-outer-spin-button,.blitz-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}