:root{--felt-lit: #148a52;--felt-1: #0c6a40;--felt-2: #053526;--felt-3: #032018;--wood-dark: #2e180c;--wood: #5c3317;--wood-mid: #7a4520;--wood-lite: #9a6232;--rail: #c9a36a;--rail-hi: #e8d09a;--gold: #e6c06a;--gold-2: #f5e4b0;--gold-deep: #9a6e22;--ink: #f8f3e6;--mute: #b5d0ba;--danger: #e85a5a;--blue: #4aa8e8;--blue-deep: #1a628f;--panel: #1c120ce8;--dock-bg: linear-gradient(180deg, #04281844 0%, #02160cf0 28%, #02120bfa 100%);--dock-solid: #02160cfa;--dock-blur: blur(14px) saturate(1.15);--r-btn: 11px;--r-chip: 7px;--r-panel: 14px;--font-ui: "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, sans-serif;--font-display: "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", "SimSun", "PingFang SC", serif;--shadow-press: 0 3px 0;--ease-press: cubic-bezier(.2, .8, .2, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-soft: cubic-bezier(.45, .05, .55, .95);--dur-press: .1s;--dur-enter: .36s;--dur-play: .3s;--dur-toast: .22s;--dur-exit: .18s;--dur-gate: .44s;--lift-sel: -28px;--pk-shadow: 0 2px 0 #0005, 0 5px 10px #0003;--pk-shadow-sel: 0 10px 0 #0004, 0 18px 22px #0008, 0 0 0 2px var(--gold);--toast-dock-clearance: calc(152px + env(safe-area-inset-bottom, 0px)) }*{box-sizing:border-box}html,body{margin:0;height:100%;overscroll-behavior:none;-webkit-text-size-adjust:100%}body{font-family:var(--font-ui);color:var(--ink);background:var(--wood-dark);overflow-x:hidden}#app{min-height:100dvh;min-height:100svh}button{font:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.gate{min-height:100dvh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:28px 22px calc(28px + env(safe-area-inset-bottom));position:relative;overflow:hidden;background:radial-gradient(ellipse 55% 42% at 18% 22%,#6a422288 0%,transparent 58%),radial-gradient(ellipse 48% 36% at 86% 68%,#0a5a3644 0%,transparent 55%),radial-gradient(90% 55% at 50% 108%,#0a5a3699 0%,transparent 55%),radial-gradient(70% 40% at 50% -8%,#4a2e18bb,transparent 55%),linear-gradient(168deg,#2e1a0e,#161008 46%,#0a0806)}.gate:before{content:"";position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;pointer-events:none;background:radial-gradient(ellipse 38% 26% at 28% 32%,#e8c36a14 0%,transparent 70%),radial-gradient(ellipse 32% 22% at 72% 58%,#1a9a5e18 0%,transparent 68%),repeating-linear-gradient(93deg,transparent 0 9px,#00000010 9px 10px,transparent 10px 22px,#3a221214 22px 23px),repeating-linear-gradient(8deg,transparent 0 36px,#0000000a 36px 37px);opacity:.62;mix-blend-mode:multiply;animation:ambience-drift 34s var(--ease-soft) infinite alternate;will-change:transform}.gate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 50% 40%,#c9a36a08 0%,transparent 55%),radial-gradient(ellipse 90% 75% at 50% 48%,transparent 38%,#00000066 100%)}.gate-mark{position:relative;z-index:1;text-align:center;margin-bottom:26px}.gate-mark .seal{display:inline-block;border:2px solid var(--gold);color:var(--gold);letter-spacing:.35em;font-size:.7rem;font-weight:700;padding:5px 8px 5px 14px;margin-bottom:14px;border-radius:2px;background:#2a180c66;box-shadow:inset 0 0 0 1px #e8c36a33}.gate h1{margin:0;font-family:var(--font-display);font-size:clamp(2.35rem,9vw,2.85rem);font-weight:700;letter-spacing:.32em;text-indent:.32em;color:var(--gold-2);text-shadow:0 1px 0 #fff4,0 3px 0 #6a4a18,0 6px 18px #0009;line-height:1.15}.gate .sub{margin:12px 0 0;color:#c4a574;font-size:.88rem;letter-spacing:.22em;text-indent:.22em}.gate .ver{margin:12px 0 0;color:#8a7355;font-size:.72rem;letter-spacing:.08em;font-variant-numeric:tabular-nums}.hud-ver{margin-left:5px;color:#8aa896;font-size:.58rem;font-weight:500;letter-spacing:.03em;opacity:.42}.btn-invite{opacity:.62;letter-spacing:.06em;font-size:.68rem}.btn-invite:active{opacity:.9}.btn-quiet{flex:.72 1 0;max-width:88px;min-height:46px;border-radius:var(--r-btn);font-weight:700;letter-spacing:.1em;background:linear-gradient(180deg,#1a2818cc,#0e1810cc);color:#b8c8b0;border:1px solid #5a705566;box-shadow:var(--shadow-press) #0a1208,inset 0 1px #ffffff08;transition:transform .1s var(--ease-press),box-shadow .1s ease,opacity .12s ease}.btn-quiet:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #0a1208,inset 0 2px 3px #0004}.gate form,.gate-panel{position:relative;z-index:1;background:linear-gradient(180deg,#2e1c12f2,#1a100af5);border:1px solid var(--rail);border-radius:var(--r-panel);padding:18px;box-shadow:0 12px 32px #0008,inset 0 1px #ffffff14,inset 0 0 0 1px #5c331744}.gate label{display:block;font-size:.74rem;color:#c4a574;margin-top:12px;letter-spacing:.1em;font-weight:600}.gate input{width:100%;margin-top:6px;padding:12px 14px;border-radius:10px;border:1px solid #5c3d24;background:#100a08;color:var(--ink);font-size:16px;box-shadow:inset 0 2px 4px #0006}.gate input:focus{outline:none;border-color:var(--gold);box-shadow:inset 0 2px 4px #0006,0 0 0 2px #e8c36a33}.gate .actions{display:flex;gap:12px;margin-top:18px;align-items:stretch}.gate-enter .gate-mark{animation:gate-mark-in var(--dur-gate) var(--ease-out) both}.gate-enter .gate-panel{animation:gate-panel-in var(--dur-enter) var(--ease-out) .07s both}@keyframes gate-mark-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes gate-panel-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes ambience-drift{0%{transform:translate3d(-1.1%,-.4%,0)}to{transform:translate3d(1.2%,.7%,0)}}.btn{flex:1;min-height:46px;border-radius:var(--r-btn);font-weight:800;letter-spacing:.14em;text-indent:.04em;transition:transform var(--dur-press) var(--ease-press),box-shadow var(--dur-press) ease,filter .12s ease,opacity .12s ease;position:relative}.btn-gold{background:linear-gradient(180deg,#f3d98e,#e0b54a 42%,#c4902e);color:#2a1608;box-shadow:var(--shadow-press) #7a5418,inset 0 1px #fff6;text-shadow:0 1px 0 #ffe9a855}.btn-gold:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #7a5418,inset 0 2px 3px #0003,inset 0 1px #fff3}.btn-play{letter-spacing:.2em;font-size:1.02em;box-shadow:var(--shadow-press) #6a4810,inset 0 1px #fff8,0 0 0 1px #f0d48a40}.btn-play:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #6a4810,inset 0 2px 3px #0003,inset 0 1px #fff4}.btn-ghost{background:linear-gradient(180deg,#2a1c14cc,#1a120ccc);color:var(--gold-2);border:1px solid #8a6238;box-shadow:var(--shadow-press) #1a1008,inset 0 1px #ffffff10}.btn-ghost:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #1a1008,inset 0 2px 3px #0004,inset 0 1px #ffffff08}.btn-blue{background:linear-gradient(180deg,#7ec8ff,#4aa8e8 45%,#2e7eb8);color:#062038;box-shadow:var(--shadow-press) var(--blue-deep),inset 0 1px #fff5}.btn-blue:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 var(--blue-deep),inset 0 2px 3px #0003,inset 0 1px #fff4}.btn:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.35) brightness(.94);box-shadow:none!important;transform:none!important;pointer-events:none;color:inherit}.btn.need-pick,.btn.need-legal{opacity:.58;filter:grayscale(.2) brightness(.96);box-shadow:var(--shadow-press) #5a4018,inset 0 1px #fff3;cursor:pointer}.btn.need-pick:active,.btn.need-legal:active{transform:translateY(2px);box-shadow:0 0 #5a4018,inset 0 2px 3px #0003}.btn.btn-pending{filter:brightness(.92);transform:translateY(2px);pointer-events:none;opacity:.85}.btn.btn-shake{animation:btn-shake .28s var(--ease-press) 1}@keyframes btn-shake{0%,to{transform:translate(0)}30%{transform:translate(-3px)}60%{transform:translate(3px)}}.btn:focus-visible,.btn-link:focus-visible,.gate input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn-gate-go{flex:1.45 1 0;min-height:48px;letter-spacing:.22em}.btn-gate-re{flex:.85 1 0;min-height:48px}.gate input.field-err{border-color:#c06050;box-shadow:inset 0 2px 4px #0006,0 0 0 2px #c0605033}.gate .field-msg{display:block;margin-top:4px;font-size:.72rem;color:#e8a090;letter-spacing:.06em;font-weight:700}.log-err{color:#e8b0a0;font-weight:700}.log-conn,body.conn-lost .log-conn{color:var(--gold-2);font-weight:800;letter-spacing:.04em}body.conn-lost .hud-actions [data-act=reconnect]{color:var(--gold-2);font-weight:800;text-decoration-thickness:2px;opacity:1}body.conn-lost .dock.conn-lost{box-shadow:0 -10px 28px #0008,inset 0 1px #ffffff14,inset 0 0 0 1px #e8c36a33}.btn-link{background:none;color:#c4a574;font-size:.72rem;padding:4px 6px;letter-spacing:.08em;text-decoration:underline;text-underline-offset:3px}.log{min-height:1.3em;text-align:center;color:var(--danger);font-size:.85rem;margin:8px 0 0}.log:not(:empty){animation:float-rise var(--dur-toast) var(--ease-out) both}.hint-gate{margin:12px 0 0;text-align:center;color:#c4a574;font-size:.8rem;line-height:1.4}.table{min-height:100dvh;min-height:100svh;display:flex;flex-direction:column;position:relative;isolation:isolate;padding:10px 10px 0;padding-top:max(10px,env(safe-area-inset-top,0px));padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px));background:radial-gradient(42% 34% at 32% 30%,#2ab87433 0%,transparent 55%),radial-gradient(38% 30% at 72% 62%,#0a4a2e55 0%,transparent 50%),radial-gradient(58% 42% at 50% 38%,#1a9a5e44 0%,transparent 58%),radial-gradient(72% 58% at 50% 44%,var(--felt-lit) 0%,transparent 64%),radial-gradient(100% 88% at 50% 52%,var(--felt-1) 0%,var(--felt-2) 48%,var(--felt-3) 100%),linear-gradient(180deg,#0a5a38,var(--felt-2));box-shadow:inset 0 0 0 10px var(--wood-dark),inset 0 0 0 11px var(--wood-mid),inset 0 0 0 13px var(--rail),inset 0 0 0 14px var(--wood-dark),inset 0 0 64px #0005}.table:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:2px;pointer-events:none;z-index:0;background:radial-gradient(ellipse 46% 34% at 36% 34%,#ffffff0c 0%,transparent 58%),radial-gradient(ellipse 34% 26% at 70% 56%,#e8c36a0a 0%,transparent 55%),repeating-linear-gradient(0deg,transparent 0 3px,#ffffff03 3px 4px),repeating-linear-gradient(90deg,transparent 0 5px,#00000006 5px 6px),radial-gradient(ellipse 88% 78% at 50% 48%,transparent 26%,#00000058 100%);animation:felt-ambience 28s var(--ease-soft) infinite alternate;will-change:transform,opacity}.table:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;border-radius:inherit;box-shadow:inset 0 22px 40px #00000040,inset 0 -36px 52px #0005,inset 44px 0 54px #00000028,inset -44px 0 54px #00000028;background:repeating-linear-gradient(94deg,transparent 0 14px,#2e180c10 14px 15px);mix-blend-mode:multiply;opacity:.55}@keyframes felt-ambience{0%{transform:translateZ(0);opacity:.88}to{transform:translate3d(.7%,.5%,0);opacity:1}}.table>*{position:relative;z-index:1}.hud{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:2px 6px 6px;font-size:.7rem;color:var(--mute);text-shadow:0 1px 2px #0008}.hud-room{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.chips{display:flex;gap:5px;margin-left:auto}.chip{background:linear-gradient(180deg,#0a3420dd,#042018ee);border:1px solid #e8c36a55;color:var(--gold-2);border-radius:var(--r-chip);padding:2px 7px;font-weight:800;letter-spacing:.03em;box-shadow:inset 0 1px #ffffff10,0 1px 2px #0004;font-variant-numeric:tabular-nums;font-size:.72rem}.chip-mult{border-color:#ffb34a88;background:linear-gradient(180deg,#3a2a10dd,#1a1208ee)}.chip-timer{border-color:#5eb8ff88;color:#d7efff;min-width:2.5em;text-align:center;transition:color .35s ease,border-color .35s ease,background .35s ease}.chip-timer small{font-size:.72em;margin-left:1px;opacity:.85}.chip-timer.urgent{border-color:#e8a060aa;color:#ffe8c8;background:linear-gradient(180deg,#4a2810dd,#2a1408ee)}.arena{flex:1;display:grid;grid-template-columns:86px 1fr 86px;grid-template-rows:auto 1fr;gap:6px;min-height:0;padding-bottom:4px}.seat-top{grid-column:1 / -1;justify-self:center}.seat-left{grid-row:2;align-self:center}.seat-right{grid-row:2;grid-column:3;align-self:center}.center{grid-row:2;grid-column:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px;gap:6px}.player{width:82px;text-align:center}.player.wide{width:auto;min-width:150px}.seat-chip{display:flex;flex-direction:column;align-items:center;gap:3px;background:linear-gradient(180deg,#0e3a28f0,#0a3020e8 40%,#041810f2);border:1px solid #c9a36a48;border-radius:9px;padding:5px 5px 6px;box-shadow:0 2px #0004,inset 0 1px #ffffff14,inset 0 -1px #0003;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease,opacity .2s ease}.player.wide .seat-chip{flex-direction:row;justify-content:center;padding:5px 11px 5px 5px;gap:7px}.player.empty .seat-chip{opacity:.55;border-style:dashed;border-color:#c9a36a44;background:linear-gradient(180deg,#0a281888,#04141099);box-shadow:none}.player.empty .avatar{background:linear-gradient(160deg,#3a4a40,#1a2820);border-color:#8a9a8866;color:transparent;box-shadow:inset 0 1px #ffffff08}.player.is-ready .seat-chip{border-color:#6ad08a99;background:linear-gradient(180deg,#0a3a24f0,#042818f2)}.player.is-ready .meta .seat-state.ready{color:#8eefb0}.player.is-wait .meta .seat-state.wait{color:#c4a574}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#1a1208;background:linear-gradient(160deg,#c8e0c0,#7aaa78);border:2px solid var(--gold-2);position:relative;flex-shrink:0;box-shadow:inset 0 1px #fff6,0 1px 2px #0005}.player.s0 .avatar{background:linear-gradient(160deg,#b8dcf0,#5aa0c8)}.player.s1 .avatar{background:linear-gradient(160deg,#e8c0c8,#c07080);color:#2a1014}.player.s2 .avatar{background:linear-gradient(160deg,#f0d888,#c09830)}.player.s3 .avatar{background:linear-gradient(160deg,#c0e0b0,#68a060)}.player.turn .seat-chip{border-color:#e8c36acc;box-shadow:0 0 0 1px #e8c36a44,0 2px #0005,inset 0 1px #ffffff1a}.player.turn .avatar{box-shadow:0 0 0 2px #e8c36abb,inset 0 1px #fff6;animation:turn-breathe 2.4s ease-in-out infinite}.player.is-dz .seat-chip{border-color:#d4a84acc;background:linear-gradient(180deg,#3a2a10f2,#221608f4);box-shadow:0 2px #0005,inset 0 1px #f5d67628,inset 0 0 0 1px #c4891a33}.seat-state{font-weight:700;letter-spacing:.06em}.seat-state.vacant{color:#8aa09099;font-weight:600}@keyframes turn-breathe{0%,to{box-shadow:0 0 0 2px #e8c36a99,inset 0 1px #fff6}50%{box-shadow:0 0 0 2px #e8c36a55,inset 0 1px #fff6}}.badge-dz{position:absolute;top:-7px;right:-10px;font-size:.58rem;font-family:var(--font-display);background:linear-gradient(180deg,#f8e08a,#e0b54a 45%,#b87818);color:#2e1806;border-radius:2px;padding:2px 5px;font-weight:800;letter-spacing:.12em;text-indent:.04em;box-shadow:0 1px #6a4818,0 2px 3px #0006,inset 0 1px #fff6;border:1px solid #8a6018}.badge-dz.inline{position:static;margin-left:4px;vertical-align:middle;display:inline-block}.seat-copy{min-width:0}.player .name{font-size:.7rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:66px}.player.wide .name{max-width:110px}.player .meta{font-size:.62rem;color:var(--mute)}.seat-timer{display:inline-flex;align-items:center;gap:4px;margin-top:2px;font-size:.62rem;font-weight:700;color:#d7efff;font-variant-numeric:tabular-nums;transition:color .35s ease}.seat-timer.urgent{color:#ffd0a0}.seat-timer-dot{width:5px;height:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 2px #5eb8ff22;transition:background .35s ease,box-shadow .35s ease}.seat-timer.urgent .seat-timer-dot{background:#e89040;box-shadow:0 0 0 2px #e8904033;animation:none}.backs{display:flex;justify-content:center;align-items:flex-end;margin-top:6px;min-height:30px}.back{width:20px;height:28px;border-radius:3px;object-fit:fill;box-shadow:0 1px #0007,0 2px 4px #0005,inset 0 0 0 1px #ffffff10;margin-left:-11px;background:#1a2838;border:1px solid #2a3a4a;transform-origin:bottom center}.back:first-child{margin-left:0}.backs .back:nth-child(1){transform:rotate(-6deg);z-index:1}.backs .back:nth-child(2){transform:rotate(-2deg);z-index:2}.backs .back:nth-child(3){transform:rotate(1deg);z-index:3}.backs .back:nth-child(4){transform:rotate(4deg);z-index:4}.backs .back:nth-child(5){transform:rotate(7deg);z-index:5}.seat-trail{margin-top:4px;min-height:18px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end}.seat-trail.pass{font-size:.68rem;font-weight:800;font-family:var(--font-display);color:#e8ffefdd;letter-spacing:.18em;text-indent:.18em;text-shadow:0 1px 3px #000a}.last-play{width:min(100%,280px);min-height:88px;padding:10px 12px 14px;border-radius:14px;background:radial-gradient(70% 80% at 50% 35%,#148a5244 0%,transparent 55%),radial-gradient(90% 100% at 50% 55%,#063820ee,#021810f2);box-shadow:inset 0 0 0 1px #e8c36a38,inset 0 14px 28px #0005,inset 0 -6px 14px #0a5a3822,0 6px #02140c66,0 10px 18px #0004}.last-play.empty{box-shadow:inset 0 0 0 1px #e8c36a22,inset 0 12px 24px #0004,0 4px #02140c44,0 6px 12px #0003}.last-play.has-cards .played .pk{box-shadow:0 3px #0005,0 8px 14px #0005}.last-play.fresh .played{animation:play-drop var(--dur-play) var(--ease-out) both}@keyframes play-drop{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}.last-play-label{min-height:1em;text-align:center;font-size:.62rem;letter-spacing:.28em;text-indent:.28em;color:#e8c36acc;margin-bottom:4px;font-weight:600}.played{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:0;min-height:56px}.played .pk{margin-left:-14px}.played .pk:first-child{margin-left:0}.status{text-align:center;font-size:.78rem;color:#e8ffef;text-shadow:0 1px 2px #0008;max-width:200px;letter-spacing:.06em}.status.muted{opacity:.55;font-size:.72rem;letter-spacing:.04em}.status-call,.status-auction{font-family:var(--font-display);font-size:.88rem;font-weight:700;letter-spacing:.22em;text-indent:.22em;color:var(--gold-2);padding:4px 14px;border-radius:8px;background:#04281888;border:1px solid #e8c36a44;box-shadow:inset 0 1px #ffffff0a,0 2px 6px #0004}.bottoms{display:flex;justify-content:center;align-items:flex-end;min-height:0;opacity:.95}.bottoms.revealed,.bottoms.face-down{margin-top:2px;padding:8px 14px 10px;border-radius:12px;background:radial-gradient(70% 90% at 50% 40%,#148a5233 0%,transparent 55%),linear-gradient(180deg,#063820cc,#021810e8);box-shadow:inset 0 0 0 1px #e8c36a33,inset 0 8px 16px #0004,0 4px #02140c55,0 6px 12px #00000040;animation:tray-in .28s var(--ease-press) both}.bottoms.face-down{gap:0;padding:10px 16px 12px}.bottoms .pk{transform:scale(.72);transform-origin:bottom center;margin:0 -8px}.bottoms .bottom-back{width:28px;height:40px;margin-left:-10px;border-radius:4px;transform:none;box-shadow:0 2px #0006,0 4px 8px #0005,inset 0 0 0 1px #ffffff12}.bottoms .bottom-back:first-child{margin-left:0}.bottoms .bottom-back:nth-child(1){transform:rotate(-4deg)}.bottoms .bottom-back:nth-child(2){transform:rotate(0);z-index:2}.bottoms .bottom-back:nth-child(3){transform:rotate(4deg)}@keyframes tray-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.dock{position:sticky;bottom:0;z-index:20;padding:6px max(0px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(0px,env(safe-area-inset-left,0px));background:var(--dock-bg);-webkit-backdrop-filter:var(--dock-blur);backdrop-filter:var(--dock-blur);border-top:1px solid #e8c36a40;box-shadow:0 -10px 28px #0008,inset 0 1px #ffffff14;overscroll-behavior:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.dock{background:var(--dock-solid)}}@media(prefers-reduced-transparency:reduce){.dock{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--dock-solid)}}.me-bar{display:flex;justify-content:space-between;align-items:center;padding:0 10px 4px;font-size:.75rem;color:var(--mute)}.me-chip{background:linear-gradient(180deg,#0a3420dd,#042018ee);border:1px solid #e8c36a55;border-radius:var(--r-chip);padding:4px 11px;color:var(--gold-2);font-weight:700;box-shadow:inset 0 1px #ffffff10}.me-count{background:#042018cc;border:1px solid #ffffff22;border-radius:var(--r-chip);padding:4px 10px}.hand{display:flex;justify-content:center;align-items:flex-end;min-height:128px;padding:30px 6px 12px;overflow:visible;perspective:720px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer;isolation:isolate;position:relative;z-index:1}.hand.picking-active{cursor:grabbing}.hand.has-sel{padding-bottom:14px}.hand.nudge-pick{animation:hand-nudge .48s var(--ease-press) 1}@keyframes hand-nudge{0%,to{filter:none}35%{filter:brightness(1.08) saturate(1.06)}55%{filter:brightness(1.02)}}.hand.dealing .pk{animation:deal-in var(--dur-enter) var(--ease-out) both;animation-delay:calc(var(--i, 0) * 12ms)}@keyframes deal-in{0%{transform:translateY(28px) scale(.88);opacity:0}to{opacity:1}}.action-bar{display:flex;flex-wrap:nowrap;gap:10px;justify-content:center;align-items:center;padding:6px max(8px,env(safe-area-inset-left,0px)) 4px max(8px,env(safe-area-inset-right,0px));min-height:56px;position:sticky;bottom:0;z-index:40;transition:opacity .16s ease,filter .16s ease}.action-bar.my-turn{opacity:1;filter:none}.action-bar.my-turn.urgent .btn-play:not(.need-pick):not(.need-legal),.action-bar.my-turn.urgent .btn-gold:not(.need-pick):not(.need-legal){box-shadow:var(--shadow-press) #6a4810,inset 0 1px #fff8,0 0 0 1px #f0d48a55}.action-bar.waiting{opacity:.78;filter:saturate(.85)}.dock.my-turn .action-bar.my-turn{padding-top:8px}.action-bar .btn{flex:1 1 0;min-width:0;max-width:118px;padding:0 12px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.action-bar .btn-thumb{min-height:48px;min-width:64px;font-size:.95rem;letter-spacing:.12em}.action-bar .btn-quiet{max-width:86px;flex:.7 1 0;font-size:.88rem;letter-spacing:.08em;color:#b0c0a8}.action-bar .btn-play{max-width:128px;flex:1.2 1 0;font-size:1.05em}.action-bar.flash-warn{animation:bar-flash .36s var(--ease-press) 1}@keyframes bar-flash{0%,to{filter:none}40%{filter:brightness(1.1) saturate(1.04)}}.wait-hint{color:var(--mute);font-size:.8rem;letter-spacing:.08em;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 4px}.wait-hint.wait-turn{color:#a8b8a0;font-weight:700}.wait-mark{width:8px;height:8px;border-radius:2px;background:#6a8060;box-shadow:inset 0 0 0 1px #9ab09066;flex-shrink:0}.wait-hint.wait-turn .wait-mark{background:#c4a574;box-shadow:inset 0 0 0 1px #e8c36a55;animation:wait-pulse 1.4s ease-in-out infinite}@keyframes wait-pulse{0%,to{opacity:.55}50%{opacity:1}}.me-count.has-sel{color:var(--gold-2);border-color:#e8c36a66;font-weight:700}.pk{position:relative;width:52px;height:73px;border-radius:6px;background:#f7f3ea;box-shadow:var(--pk-shadow);flex-shrink:0;-webkit-user-select:none;user-select:none;overflow:visible}.pk-face{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;border-radius:inherit}.pk.tiny{width:38px;height:54px;border-radius:5px;overflow:hidden}.pk.micro{width:22px;height:31px;border-radius:3px;overflow:hidden}button.pk{padding:0;margin-left:-24px;transition:transform .16s var(--ease-press),box-shadow .16s ease,filter .12s ease;transform-origin:bottom center;touch-action:none;-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}button.pk:first-child{margin-left:0}button.pk:after{content:"";position:absolute;left:-6px;right:-2px;top:-18px;bottom:-14px;z-index:-1}.hand>button.pk:first-child:after{left:-16px}.hand>button.pk:last-child:after{right:-16px}@media(max-width:400px){button.pk{width:46px;height:64px;margin-left:-20px}}@media(max-width:340px){button.pk{width:42px;height:58px;margin-left:-18px}}button.pk.sel{transform:translateY(var(--lift-sel)) rotate(-1.2deg) scale(1.04);z-index:40!important;box-shadow:var(--pk-shadow-sel);filter:brightness(1.04)}button.pk.picking{filter:brightness(.78) saturate(1.04);transform:translateY(-6px);box-shadow:0 4px #0004,0 0 0 2px #e8c36abb;z-index:35!important}button.pk.sel.picking{filter:brightness(.9);transform:translateY(calc(var(--lift-sel) + 4px)) rotate(-1.2deg) scale(1.04);box-shadow:0 12px #0003,0 16px 18px #0007,0 0 0 2px var(--gold-2)}.over-banner{background:linear-gradient(180deg,#0a3420f2,#042018f6);border:1px solid var(--gold);color:var(--gold-2);border-radius:12px;padding:12px 14px;max-width:min(100%,280px);box-shadow:0 10px 28px #0007,inset 0 1px #ffffff12;-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);animation:float-rise var(--dur-enter) var(--ease-out) both}.over-banner.side-dz{border-color:#f0c14b;background:linear-gradient(180deg,#3a2a10f2,#1a1208f6)}.over-banner.side-fm{border-color:#6ad08a99;background:linear-gradient(180deg,#0a3420f2,#042018f6)}.over-title{font-family:var(--font-display);font-weight:800;letter-spacing:.28em;text-indent:.28em;text-align:center;font-size:1.1rem}.over-sub{margin-top:4px;text-align:center;font-size:.7rem;color:var(--mute);letter-spacing:.04em}.score-board{margin-top:10px}.score-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;font-size:.76rem;padding:5px 0;border-top:1px solid #e8c36a28}.score-row.win{color:var(--gold-2)}.score-row.win .score-val{color:var(--gold);font-weight:800}.score-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.score-role{font-size:.68rem;color:var(--mute);letter-spacing:.04em}.score-val{font-variant-numeric:tabular-nums;min-width:2.2em;text-align:right;font-weight:700}@keyframes float-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.tick-banner{position:relative;display:inline-flex;align-items:baseline;gap:5px;padding:5px 16px 7px;border-radius:var(--r-chip);background:#042818ee;border:1px solid #e8c36a66;color:var(--gold-2);font-variant-numeric:tabular-nums;pointer-events:none;animation:float-rise var(--dur-toast) var(--ease-out) both;box-shadow:0 2px 8px #0005,inset 0 1px #ffffff10;overflow:hidden;transition:color .35s ease,border-color .35s ease,background .35s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tick-banner:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:calc(var(--pct, 1) * 100%);background:linear-gradient(90deg,var(--gold-deep),var(--gold));transition:width .2s linear,background .35s ease}.tick-banner .tick-num{font-size:1.65rem;font-weight:800;line-height:1;min-width:1.15em;text-align:center;font-variant-numeric:tabular-nums}.tick-banner .tick-label{font-size:.68rem;letter-spacing:.08em;opacity:.85}.tick-banner.urgent{border-color:#e8a060aa;color:#ffe8c8;background:#3a2010ee}.tick-banner.urgent .tick-num{color:#fff4e0}.tick-banner.urgent:after{background:linear-gradient(90deg,#c06020,#e8a060)}.turn-ring{position:fixed;right:14px;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-variant-numeric:tabular-nums;color:#fff;background:conic-gradient(var(--gold) calc(var(--pct, 1) * 1turn),#0a241888 0),#042818f2;box-shadow:0 4px 14px #0007,inset 0 0 0 3px #042818,0 0 0 1px #e8c36a33;z-index:30;pointer-events:none;transition:filter .35s ease}.turn-ring span{width:36px;height:36px;border-radius:50%;background:linear-gradient(180deg,#0a3420,#042018);display:grid;place-items:center;font-size:.95rem;box-shadow:inset 0 1px #ffffff12}.turn-ring.urgent{background:conic-gradient(#e89040 calc(var(--pct, 1) * 1turn),#2a180888 0),#2a160cf2;filter:saturate(1.08)}.turn-ring.urgent span{background:linear-gradient(180deg,#3a2010,#1a1008);color:#ffe8c8}@media(prefers-reduced-motion:reduce){.player.turn .avatar,.hand.dealing .pk,.hand.nudge-pick,.action-bar.flash-warn,.btn.btn-shake,.wait-hint.wait-turn .wait-mark,.over-banner,.tick-banner,.gate-enter .gate-mark,.gate-enter .gate-panel,.last-play.fresh .played,.bottoms.revealed,.bottoms.face-down,.log:not(:empty),.gate:before,.table:before{animation:none!important}button.pk,.btn{transition:none!important}.toast{transition:opacity .01s linear!important}}@media(max-width:430px){.dock{padding-top:2px}.hand{min-height:120px;padding-top:24px;padding-bottom:10px}.action-bar{gap:6px;padding-left:6px;padding-right:6px}.action-bar .btn-thumb{min-height:46px;letter-spacing:.08em;font-size:.9rem}}@media(orientation:landscape){:root{--lift-sel: -12px;--pk-shadow-sel: 0 5px 0 #0004, 0 10px 14px #0006, 0 0 0 2px var(--gold);--toast-dock-clearance: calc(96px + env(safe-area-inset-bottom, 0px)) }.gate{min-height:100dvh;min-height:100svh;justify-content:flex-start;padding:max(12px,env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px));overflow-y:auto}.gate-mark{margin-bottom:14px}.gate h1{font-size:2rem}.table{height:100dvh;height:100svh;min-height:0;max-height:100dvh;max-height:100svh;overflow:hidden;padding-top:max(6px,env(safe-area-inset-top,0px));padding-left:max(8px,env(safe-area-inset-left,0px));padding-right:max(8px,env(safe-area-inset-right,0px));box-shadow:inset 0 0 0 8px var(--wood),inset 0 0 0 9px var(--rail),inset 0 0 0 10px var(--wood-dark),inset 0 0 40px #00000050}.table:before{top:10px;right:10px;bottom:10px;left:10px}.hud{padding:2px 6px 4px;font-size:.68rem;flex-shrink:0}.arena{grid-template-columns:70px 1fr 70px;gap:4px;padding-bottom:2px}.player{width:68px}.player.wide{min-width:120px}.center{min-height:0;gap:4px}.status{font-size:.75rem;max-width:220px}.last-play{min-height:64px;padding:6px 8px 10px;width:min(100%,240px);border-radius:10px;box-shadow:inset 0 0 0 1px #e8c36a30,inset 0 10px 20px #00000050,0 4px #02140c55,0 8px 14px #00000040}.played{min-height:42px}.back{width:16px;height:22px;margin-left:-8px}.backs{margin-top:3px}.seat-trail{min-height:14px;margin-top:2px}.seat-trail.pass{font-size:.62rem}.dock{flex-shrink:0;padding:2px max(4px,env(safe-area-inset-right,0px)) max(6px,env(safe-area-inset-bottom,0px)) max(4px,env(safe-area-inset-left,0px))}.me-bar{padding:0 8px 2px;font-size:.68rem}.hand{min-height:84px;padding:18px 4px 8px}button.pk{width:42px;height:58px;margin-left:-18px}button.pk.sel{transform:translateY(var(--lift-sel)) rotate(-1.2deg) scale(1.04)}button.pk.picking{transform:translateY(-4px)}button.pk.sel.picking{transform:translateY(calc(var(--lift-sel) + 3px)) rotate(-1.2deg) scale(1.04)}button.pk:after{top:-12px;bottom:-10px}.action-bar{min-height:48px;padding:4px max(6px,env(safe-area-inset-left,0px)) 2px max(6px,env(safe-area-inset-right,0px));gap:8px}.action-bar .btn-thumb{min-height:44px;min-width:56px;font-size:.88rem;letter-spacing:.08em}.pk.tiny{width:30px;height:42px}.bottoms .pk{transform:scale(.62);margin:0 -6px}.bottoms.revealed,.bottoms.face-down{padding:5px 10px 7px;border-radius:9px}.bottoms .bottom-back{width:22px;height:31px;margin-left:-8px}.status-call,.status-auction{font-size:.78rem;padding:3px 10px;letter-spacing:.16em}.turn-ring{right:max(10px,env(safe-area-inset-right,0px));width:42px;height:42px;font-size:.78rem}.turn-ring span{width:30px;height:30px;font-size:.82rem}}@media(orientation:landscape)and (max-height:480px){:root{--lift-sel: -8px;--toast-dock-clearance: calc(72px + env(safe-area-inset-bottom, 0px)) }.table{padding-top:max(4px,env(safe-area-inset-top,0px));box-shadow:inset 0 0 0 5px var(--wood),inset 0 0 0 6px var(--rail),inset 0 0 0 7px var(--wood-dark),inset 0 0 28px #00000050}.table:before{top:7px;right:7px;bottom:7px;left:7px}.hud{display:none}.arena{grid-template-columns:56px 1fr 56px;gap:2px}.player{width:54px;font-size:.7rem}.player.wide{min-width:96px}.seat-chip{padding:3px 3px 4px;border-radius:8px;gap:2px}.center{min-height:0}.last-play{min-height:48px;padding:4px 6px 8px;width:min(100%,200px);border-radius:8px}.last-play-label{font-size:.55rem;margin-bottom:2px}.played{min-height:36px}.pk.tiny{width:26px;height:36px}.back{width:14px;height:19px;margin-left:-7px}.avatar{width:28px;height:28px;font-size:.75rem}.me-bar{display:none}.hand{min-height:60px;padding:10px 2px 2px}button.pk{width:36px;height:50px;margin-left:-18px;transform:rotate(calc((var(--i, 0) - 6) * .45deg))}button.pk.sel{transform:translateY(var(--lift-sel)) rotate(calc((var(--i, 0) - 6) * .45deg - .6deg)) scale(1.02)}button.pk.picking{transform:translateY(-2px) rotate(calc((var(--i, 0) - 6) * .45deg))}button.pk.sel.picking{transform:translateY(calc(var(--lift-sel) + 1px)) rotate(calc((var(--i, 0) - 6) * .45deg - .6deg)) scale(1.02)}.action-bar{min-height:44px;padding:3px max(4px,env(safe-area-inset-left,0px)) 3px max(4px,env(safe-area-inset-right,0px));gap:6px;z-index:40}.action-bar .btn-thumb{min-height:42px;min-width:52px;font-size:.82rem;letter-spacing:.05em;padding:0 8px}.log{margin:2px 0 0;font-size:.75rem;min-height:0}.tick-banner{font-size:.75rem}.over-banner{padding:8px 10px;max-width:min(100%,220px)}.gate h1{font-size:1.6rem}.gate form,.gate-panel{padding:12px}}#toast-host{position:fixed;left:0;right:0;bottom:0;top:auto;pointer-events:none;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;max-height:36vh;overflow:hidden;padding:0 16px var(--toast-dock-clearance)}.toast{opacity:0;transform:translateY(10px);transition:opacity var(--dur-toast) var(--ease-out),transform var(--dur-toast) var(--ease-out);padding:8px 18px;border-radius:10px;font-weight:800;font-family:var(--font-display);letter-spacing:.14em;text-indent:.14em;font-size:.92rem;background:linear-gradient(180deg,#0a3420f2,#02160cfa);color:var(--gold-2);border:1px solid #e8c36a55;box-shadow:0 6px 20px #0008,inset 0 1px #ffffff14;-webkit-backdrop-filter:var(--dock-blur);backdrop-filter:var(--dock-blur);flex-shrink:0}.toast.show{opacity:1;transform:translateY(0)}.toast.leave{opacity:0;transform:translateY(6px);transition:opacity var(--dur-exit) var(--ease-in),transform var(--dur-exit) var(--ease-in)}.toast-bomb{background:linear-gradient(180deg,#5a1808f0,#2a0c06f5);border-color:#ff8a4aaa;color:#ffe0c0;font-size:1.02rem}.toast-turn{background:linear-gradient(180deg,#0a4a30f2,#042818fa);border-color:#e8c36a99}.toast-warn{border-color:#e87070aa;color:#ffd8d0;background:linear-gradient(180deg,#3a1818f2,#1a0c0cfa)}.toast-mute{font-size:.8rem;letter-spacing:.08em;font-weight:700;opacity:0}.toast-mute.show{opacity:.92}.toast-mute.leave{opacity:0}