:root{--felt-center: #1a8060;--felt-edge: #0b3d2e;--felt-rim: #07261c;--rail: #5b3a22;--rail-hi: #7a5230;--gold: #e2c069;--gold-soft: #f1dca0;--gold-deep: #b8902f;--active: #ffd86b;--ink: #11151b;--paper: #fbfaf6;--text: #f4f1e9;--text-dim: #c5d2c9;--text-mute: #8fa79a;--suit-red: #c8302b;--suit-black: #1b2230;--good: #5bd394;--bad: #ff6f6b;--warn: #ffcf66;--panel: rgba(8, 28, 22, .82);--panel-edge: rgba(226, 192, 105, .28);--glass: rgba(12, 36, 28, .6);--card-w: clamp(62px, min(7.2vw, 11vh), 108px);--card-h: calc(var(--card-w) * 1.4);--radius: 14px;--radius-sm: 9px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--shadow-card: 0 6px 14px rgba(0, 0, 0, .35), 0 2px 4px rgba(0, 0, 0, .25);--shadow-panel: 0 18px 50px rgba(0, 0, 0, .5);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:var(--text);background:#061a13;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed}h1,h2,h3{font-weight:700;letter-spacing:.01em}.numeric{font-variant-numeric:tabular-nums}.suit-glyph{font-size:1.36em;line-height:1;vertical-align:-.08em;font-weight:700;letter-spacing:0}.suit-glyph.red{color:var(--suit-red)}.suit-glyph.nt{font-size:.92em;vertical-align:0;letter-spacing:.02em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#e2c0694d;border-radius:8px}.card{position:relative;width:var(--card-w);height:calc(var(--card-w) * 1.4);border-radius:var(--radius-sm);flex:0 0 auto;-webkit-user-drag:none}.card-face{width:100%;height:100%;border-radius:inherit;background:linear-gradient(150deg,#ffffff 0%,var(--paper) 55%,#f0ece0 100%);box-shadow:var(--shadow-card);border:1px solid rgba(0,0,0,.12);position:relative;overflow:hidden}.card-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 1px 1px #ffffffe6,inset 0 -8px 18px #0000000a;pointer-events:none}.card.is-red .card-face{color:var(--suit-red)}.card.is-black .card-face{color:var(--suit-black)}.card-index{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.82;font-weight:800;letter-spacing:-.02em;z-index:2}.card-index .rank{font-size:calc(var(--card-w) * .22)}.card-index .pip{font-size:calc(var(--card-w) * .15);margin-top:0}.card-index.tl{top:calc(var(--card-w) * .07);left:calc(var(--card-w) * .08)}.card-index.br{bottom:calc(var(--card-w) * .07);right:calc(var(--card-w) * .08);transform:rotate(180deg)}.card-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--card-w) * .02);z-index:1;line-height:.9}.card-center .big-rank{font-size:calc(var(--card-w) * .42);font-weight:800;letter-spacing:-.04em}.card-center .big-suit{font-size:calc(var(--card-w) * .52);line-height:1;filter:drop-shadow(0 1px 0 rgba(0,0,0,.08))}.card-back{width:100%;height:100%;border-radius:inherit;box-shadow:var(--shadow-card);border:1px solid rgba(0,0,0,.25);background:linear-gradient(135deg,#123e63,#0d2c49);position:relative;overflow:hidden}.card-back:before{content:"";position:absolute;inset:calc(var(--card-w) * .07);border-radius:calc(var(--radius-sm) - 3px);border:1.5px solid rgba(226,192,105,.55);background-image:radial-gradient(rgba(226,192,105,.45) 1.2px,transparent 1.3px),radial-gradient(rgba(226,192,105,.22) 1.2px,transparent 1.3px);background-size:calc(var(--card-w) * .2) calc(var(--card-w) * .2),calc(var(--card-w) * .2) calc(var(--card-w) * .2);background-position:0 0,calc(var(--card-w) * .1) calc(var(--card-w) * .1)}.card-back:after{content:"♠";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:calc(var(--card-w) * .42);color:#e2c069d9;text-shadow:0 1px 2px rgba(0,0,0,.4)}.card.playable .card-face{outline:2px solid transparent;transition:outline-color .18s var(--ease-soft)}.card.playable{cursor:pointer}@media(hover:hover){.card.playable:hover .card-face{outline-color:var(--gold)}}.card.hint .card-face{outline:2px solid var(--gold);animation:hint-glow 1.1s var(--ease-soft) infinite}@keyframes hint-glow{0%,to{box-shadow:var(--shadow-card),0 0 0 2px var(--gold),0 0 8px #e2c06973}50%{box-shadow:var(--shadow-card),0 0 0 2px var(--gold),0 0 22px #e2c069f2}}.card.confirm-armed .card-face{outline:2px solid var(--gold);box-shadow:var(--shadow-card),0 0 0 3px var(--gold),0 0 20px #e2c069e6}.card.confirm-armed:after{content:"tap to play";position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);padding:3px 9px;border-radius:999px;font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:#20180a;background:linear-gradient(180deg,var(--gold-soft),var(--gold-deep));box-shadow:0 4px 12px #00000073;pointer-events:none;z-index:1}.card.disabled-card .card-face{filter:saturate(.55) brightness(.82)}.card.disabled-card{cursor:default}.app{display:flex;flex-direction:column;height:100%;position:relative}.topbar{display:flex;align-items:center;gap:18px;padding:10px 18px;background:linear-gradient(180deg,#04120df2,#04120db3);border-bottom:1px solid rgba(226,192,105,.18);position:relative;z-index:20}.topbar .brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:.02em;white-space:nowrap}.topbar .brand .mark{color:var(--gold);font-size:1.6rem;line-height:1}.topbar .brand-name-short{display:none}.topbar .brand .sub{font-size:.72rem;color:var(--text-mute);letter-spacing:.18em;text-transform:uppercase}.topbar .spacer{flex:1}.topbar .meta{display:flex;gap:16px;align-items:center}.meta-chip{display:flex;flex-direction:column;align-items:center;line-height:1.1}.meta-chip .k{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute)}.meta-chip .v{font-weight:700;font-size:.95rem;white-space:nowrap}.meta-chip .v.trump-red{color:var(--suit-red)}.meta-chip .v.trump-black{color:var(--paper)}.meta-chip .v.game-over{color:#ff9b97}.meta-chip .v.game-under{color:var(--good)}.ghost-btn{padding:7px 14px;border-radius:10px;font-weight:600;font-size:.82rem;color:var(--text);border:1px solid rgba(226,192,105,.35);background:#e2c06914;transition:background .16s var(--ease-soft),transform .1s var(--ease-soft)}.icon-btn{display:inline-flex;align-items:center;gap:6px}.sound-ic{display:block}.topbar-primary{display:flex;align-items:center;gap:10px}.topbar-more{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px;border-radius:10px;font-size:1.2rem;line-height:1;color:var(--gold-soft);border:1px solid rgba(226,192,105,.32);background:#e2c06914}.topbar-more:hover{background:#e2c06929}.topbar-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55}.topbar-menu{position:absolute;top:calc(100% + 6px);right:max(12px,env(safe-area-inset-right));display:flex;flex-direction:column;align-items:stretch;gap:3px;min-width:196px;padding:8px;background:var(--panel);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 12px 30px #0000008c;z-index:60;max-height:calc(100vh - 90px);max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}.menu-row{padding:4px 4px 8px;margin-bottom:3px;border-bottom:1px solid rgba(255,255,255,.08)}.menu-section{padding-top:4px;margin-top:4px;border-top:1px solid rgba(255,255,255,.08)}.menu-parent{justify-content:space-between}.menu-caret{color:var(--text-mute);font-size:.7rem}.menu-sub{padding-left:26px;font-weight:600;color:var(--text-mute)}.menu-sub:hover{color:var(--text)}.menu-btn{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border-radius:9px;font-size:.86rem;font-weight:700;color:var(--text-dim);text-align:left}.menu-btn:hover{background:#e2c06924;color:var(--text)}.menu-btn.install-row{color:var(--gold-soft);background:#e2c0691f;border:1px solid rgba(226,192,105,.4)}.menu-btn.install-row:hover{background:#e2c06933}.menu-check{width:18px;text-align:center;font-size:1rem;line-height:1}.menu-btn[aria-checked=true] .menu-check{color:var(--gold-soft)}.ghost-btn:hover{background:#e2c0692e}.ghost-btn:active{transform:translateY(1px)}.table-wrap{flex:1;position:relative;background:radial-gradient(120% 90% at 50% 38%,var(--felt-center) 0%,var(--felt-edge) 62%,var(--felt-rim) 100%);overflow:hidden}.table-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:3px 3px;pointer-events:none}.table-wrap:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:48%/38%;border:10px solid transparent;box-shadow:inset 0 0 0 2px #e2c06929,0 0 60px #00000073 inset;pointer-events:none}.table{position:absolute;top:0;right:0;bottom:0;left:0}.seat{position:absolute;display:flex;flex-direction:column;align-items:center;gap:7px;z-index:5}.seat.north{top:16px;left:50%;transform:translate(-50%)}.seat.west{left:18px;top:44%;transform:translateY(-50%);align-items:flex-start}.seat.east{right:18px;top:44%;transform:translateY(-50%);align-items:flex-end}.seat-info{display:flex;align-items:center;gap:14px;padding:11px 17px 11px 12px;border-radius:999px;background:var(--panel);border:1px solid rgba(255,255,255,.06);box-shadow:0 6px 18px #00000059;transition:box-shadow .25s var(--ease),border-color .25s var(--ease);min-width:212px}.seat.is-turn .seat-info{border-color:var(--active);box-shadow:0 0 0 1px var(--active),0 0 22px #ffd86b66}.avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:1.35rem;color:#10231a;background:linear-gradient(150deg,var(--gold-soft),var(--gold-deep));box-shadow:inset 0 1px 2px #ffffff80;flex:0 0 auto}.seat.is-turn .avatar{animation:pulse-ring 1.6s var(--ease-soft) infinite}.seat-text{display:flex;flex-direction:column;line-height:1.15;flex:1}.seat-text .name{font-weight:700;font-size:1.14rem}.seat-text .status{font-size:.95rem;color:var(--text-dim)}.seat-text .status .suit-glyph{font-size:1.55em;vertical-align:-.12em}.seat-text .status .bid-status{font-size:1.5rem;font-weight:800;color:var(--text);letter-spacing:.01em}.seat-text .status .bid-status .suit-glyph{font-size:1.5em;vertical-align:-.14em}.seat-text .status .suit-glyph.nt,.seat-text .status .bid-status .suit-glyph.nt{font-size:1em;vertical-align:0}.seat-badges{display:flex;gap:6px;align-items:center}.badge{font-size:.8rem;font-weight:700;padding:3px 10px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);white-space:nowrap}.badge.contract{background:#e2c06929;border-color:#e2c06966;color:var(--gold-soft)}.badge.tricks{background:#5bd3941f;border-color:#5bd3944d;color:var(--good)}.badge.dealer{background:#ffffff1a;color:var(--text-dim)}.badge.declarer{background:#78aaff29;border-color:#78aaff66;color:#b9d0ff}.mini-fan{display:flex;justify-content:center;height:calc(var(--card-w) * .62)}.mini-fan .mini-card{width:calc(var(--card-w) * .46);height:calc(var(--card-w) * .64);margin-left:calc(var(--card-w) * -.3);border-radius:5px}.mini-fan .mini-card:first-child{margin-left:0}.seat.west .mini-fan{height:auto;justify-content:flex-start}.seat.east .mini-fan{height:auto;justify-content:flex-end}.seat.opponent.north .mini-fan{height:calc(var(--card-w) * .9)}.seat.opponent .mini-fan .mini-card{width:calc(var(--card-w) * .58);height:calc(var(--card-w) * .8);margin-left:calc(var(--card-w) * -.37);border-radius:6px}.seat.opponent .mini-fan .mini-card:first-child{margin-left:0}.trick-area{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:calc(var(--card-w) * 3.7);height:calc(var(--card-h) * 2.5);z-index:6;pointer-events:none}.trick-slot{position:absolute;width:var(--card-w);height:var(--card-h)}.trick-slot.north{left:50%;top:0;margin-left:calc(var(--card-w) / -2)}.trick-slot.south{left:50%;bottom:0;margin-left:calc(var(--card-w) / -2)}.trick-slot.west{left:0;top:50%;margin-top:calc(var(--card-h) / -2)}.trick-slot.east{right:0;top:50%;margin-top:calc(var(--card-h) / -2)}.trick-slot.winner{z-index:7}.trick-slot.winner .card-face{box-shadow:0 0 0 2px var(--active),0 0 26px #ffd86b99}.trick-center-tag{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:calc(var(--card-w) * .95);line-height:1;color:#ffffff29;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.25)}.hand-zone{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding-bottom:10px;z-index:12}.player-seat-info{display:flex;align-items:center;gap:12px}.hand-fan{--card-w: clamp(78px, min(8.6vw, 14vh), 132px);--card-h: calc(var(--card-w) * 1.4);position:relative;display:flex;justify-content:center;align-items:flex-end;height:calc(var(--card-h) * 1.32);padding-top:calc(var(--card-h) * .22)}.hand-fan .card{transition:transform .18s var(--ease);transform-origin:bottom center}@media(hover:hover){.hand-fan .card.playable:hover{transform:translateY(calc(var(--card-h) * -.18)) rotate(0)!important;z-index:50!important}}@keyframes pulse-ring{0%{box-shadow:inset 0 1px 2px #ffffff80,0 0 #ffd86b8c}70%{box-shadow:inset 0 1px 2px #ffffff80,0 0 0 8px #ffd86b00}to{box-shadow:inset 0 1px 2px #ffffff80,0 0 #ffd86b00}}@media(max-width:720px){.seat-info{min-width:0}.seat-text .status{display:none}}.coach{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;z-index:13}.coach-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;font-size:.82rem;font-weight:700;color:var(--gold-soft);background:#e2c0691f;border:1px solid rgba(226,192,105,.4);transition:background .15s var(--ease-soft)}.coach-btn:hover{background:#e2c06938}.coach-text{padding:3px 10px;border-radius:999px;background:#071a14d1;border:1px solid var(--panel-edge);font-size:.82rem;font-weight:600;color:var(--gold-soft)}.coach-mini{display:inline-flex;align-items:center;gap:4px;flex:none;padding:2px 9px;border-radius:999px;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:none;color:var(--gold-soft);background:#e2c06929;border:1px solid rgba(226,192,105,.45);transition:background .15s var(--ease-soft)}.coach-mini:hover{background:#e2c06942}.panel-suggestion{margin:-4px 0 10px;padding:6px 10px;border-radius:9px;background:#e2c0691f;border:1px solid rgba(226,192,105,.32);color:var(--gold-soft);font-size:.78rem;font-weight:600;text-align:center}.action-dock{width:min(640px,94vw);margin:0 auto 4px;z-index:14}.panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:18px;box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 18px}.panel-title{display:flex;align-items:center;gap:8px;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:12px}.panel-title .hint{margin-left:auto;color:var(--text-mute);letter-spacing:.04em;text-transform:none;font-size:.74rem;font-weight:500}.bid-grid{display:flex;flex-direction:column;gap:12px}.denom-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.denom-btn{display:flex;align-items:center;gap:5px;padding:8px 15px;border-radius:12px;font-weight:800;font-size:1.7rem;line-height:1;background:linear-gradient(180deg,#fff,#ece8dc);color:var(--suit-black);border:2px solid transparent;box-shadow:0 3px 8px #0000004d;transition:transform .1s var(--ease-soft),border-color .15s,box-shadow .15s;min-width:62px;justify-content:center}.denom-btn.red{color:var(--suit-red)}.denom-btn.nt{color:#1b2230;font-size:1.15rem}.denom-btn.selected{border-color:var(--gold);box-shadow:0 0 0 3px #e2c0694d,0 3px 8px #0000004d;transform:translateY(-2px)}.denom-btn:disabled{opacity:.34;filter:grayscale(.5)}.denom-btn:not(:disabled):hover{transform:translateY(-2px)}.tricks-row{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.trick-btn{width:38px;height:38px;border-radius:10px;font-weight:800;font-size:.95rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text);transition:background .14s,transform .1s,border-color .14s}.trick-btn:not(:disabled):hover{background:#e2c0692e}.trick-btn.selected{background:var(--gold);color:#1a130a;border-color:var(--gold-soft);transform:translateY(-2px)}.trick-btn:disabled{opacity:.26}.trick-btn.forbidden{position:relative}.trick-btn.forbidden:after{content:"✕";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--bad)}.panel-actions{display:flex;gap:10px;justify-content:center;margin-top:14px}.btn{padding:11px 22px;border-radius:12px;font-weight:700;font-size:.92rem;transition:transform .1s var(--ease-soft),filter .15s,box-shadow .15s}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg,var(--gold-soft),var(--gold-deep));color:#20180a;box-shadow:0 6px 16px #b8902f66}.btn.primary:not(:disabled):hover{filter:brightness(1.06)}.btn.primary:disabled{opacity:.45;box-shadow:none}.btn.subtle{background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:var(--text)}.btn.subtle:hover{background:#ffffff24}.btn.secondary{background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:var(--text)}.btn.secondary:not(:disabled):hover{background:#ffffff24}.btn.danger{background:#ff6f6b29;border:1px solid rgba(255,111,107,.4);color:var(--bad)}.bid-summary{text-align:center;font-size:.86rem;color:var(--text-dim);margin-top:4px;min-height:1.2em}.bid-summary strong{color:var(--gold-soft)}.auction-log{position:absolute;top:14px;right:14px;width:252px;background:var(--glass);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px 16px;z-index:9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auction-log h4{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-mute);margin-bottom:10px}.log-row{display:flex;justify-content:space-between;align-items:center;font-size:1rem;padding:5px 0;border-bottom:1px dashed rgba(255,255,255,.06)}.log-row:last-child{border-bottom:none}.log-row .who{color:var(--text-dim)}.log-row .what{font-weight:800;font-size:1.18rem}.log-row .what.pass{color:var(--text-mute);font-weight:500}.log-row .what.red{color:#ff8d88}.log-row.high .who{color:var(--gold-soft);font-weight:700}.log-row.high .what{color:var(--gold-soft)}.high-tag{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--gold-soft);background:#e2c06929;padding:2px 5px;border-radius:6px;margin-right:7px;vertical-align:.12em}.contract-info{text-align:center;font-size:.84rem;color:var(--text-dim);margin-bottom:10px}.contract-info .trump-pill{display:inline-flex;align-items:center;gap:4px;font-weight:800;padding:2px 9px;border-radius:8px;background:#fff;color:var(--suit-black);margin:0 2px}.contract-info .trump-pill.red{color:var(--suit-red)}.difficulty{display:flex;align-items:center;gap:8px}.difficulty-label{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute)}.seg{display:inline-flex;gap:2px;padding:2px;border-radius:11px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.length-select{padding:5px 9px;border-radius:10px;font-size:.78rem;font-weight:700;color:var(--text);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);cursor:pointer}.length-select:hover{background:#ffffff1a}.length-select option,.length-select optgroup{color:#11151b}.seg-btn{padding:5px 11px;border-radius:9px;font-size:.78rem;font-weight:700;color:var(--text-dim);transition:background .15s var(--ease-soft),color .15s,box-shadow .15s}.seg-abbr{display:none}.seg-btn:hover{color:var(--text)}.seg-btn.active{background:linear-gradient(180deg,var(--gold-soft),var(--gold-deep));color:#20180a;box-shadow:0 2px 6px #b8902f59}.modal-difficulty{display:flex;justify-content:center;margin-top:20px}.announce{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:16;padding:8px 20px;border-radius:999px;background:var(--panel);border:1px solid var(--panel-edge);font-weight:600;font-size:.9rem;color:var(--text);box-shadow:0 8px 24px #0006;display:flex;align-items:center;gap:8px;white-space:nowrap}.announce .dot{width:8px;height:8px;border-radius:50%;background:var(--active);box-shadow:0 0 8px var(--active)}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#030c099e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(560px,92vw);background:linear-gradient(180deg,#0d281ffa,#081a14fa);border:1px solid var(--panel-edge);border-radius:22px;box-shadow:var(--shadow-panel);padding:26px 26px 22px;max-height:calc(100vh - 24px);max-height:calc(var(--app-h, 100dvh) - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto}.modal h2{font-size:1.4rem;margin-bottom:4px}.modal .modal-sub{color:var(--text-dim);font-size:.88rem;margin-bottom:18px}.modal .game-type-pill{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:8px;margin-left:8px}.game-type-pill.over{background:#ff6f6b2e;color:#ff9b97}.game-type-pill.under{background:#5bd3942e;color:var(--good)}.score-table{width:100%;border-collapse:collapse}.score-table th{text-align:right;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute);padding:6px 10px;font-weight:700}.score-table th:first-child{text-align:left}.score-table td{padding:9px 10px;text-align:right;font-variant-numeric:tabular-nums;border-top:1px solid rgba(255,255,255,.07)}.score-table td:first-child{text-align:left;font-weight:700}.score-table tr.you td{background:#e2c0690f}.score-table .pts.pos{color:var(--good);font-weight:700}.score-table .pts.neg{color:var(--bad);font-weight:700}.score-table .made-yes{color:var(--good)}.score-table .made-no{color:var(--text-mute)}.score-table .name-cell{display:flex;align-items:center;gap:8px}.dot-mini{width:9px;height:9px;border-radius:50%;background:var(--gold)}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:22px}.lasttrick-modal{width:min(440px,94vw);text-align:center}.lasttrick-title{margin-bottom:14px}.lasttrick-cards{--card-w: 54px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.lasttrick-slot{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 8px 4px;border-radius:10px}.lasttrick-slot.winner{background:#e2c06929;box-shadow:inset 0 0 0 1px #e2c06966}.lasttrick-name{font-size:.78rem;color:var(--text-dim)}.lasttrick-slot.winner .lasttrick-name{color:var(--gold-soft);font-weight:700}.lasttrick-badge{min-height:.8em;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gold-soft)}.lasttrick-foot{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--text-mute);font-size:.82rem;margin:0 0 2px}.lasttrick-modal .modal-actions{justify-content:center}.confirm-modal{width:min(400px,92vw);text-align:center}.confirm-body{color:var(--text-dim);font-size:.92rem;margin:8px 0 2px}.confirm-modal .modal-actions{justify-content:center}.reset-modal{width:min(420px,92vw);text-align:center}.reset-warn{font-size:2.4rem;line-height:1;margin-bottom:6px}.reset-lead{color:var(--text-dim);font-size:.9rem;margin:6px 0 12px}.reset-list{list-style:none;display:inline-flex;flex-direction:column;gap:4px;margin:0 auto 12px;padding:10px 18px;border-radius:10px;background:#ffffff0d;font-size:.9rem;text-align:left}.reset-list strong{color:var(--gold-soft)}.reset-keep{color:var(--text-mute);font-size:.82rem;margin:0}.reset-modal .modal-actions{justify-content:center}.trophy{font-size:2.6rem;text-align:center;margin-bottom:6px;filter:drop-shadow(0 4px 10px rgba(226,192,105,.5))}.winner-line{text-align:center;font-size:1.5rem;font-weight:800}.winner-line .gold{color:var(--gold-soft)}.standings{position:absolute;top:14px;left:14px;z-index:9;background:var(--glass);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:150px}.standings h4{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-mute);margin-bottom:7px}.standings .s-row{display:flex;justify-content:space-between;gap:12px;padding:3px 0;font-size:.84rem}.standings .s-row.you{color:var(--gold-soft);font-weight:700}.standings .s-row .s-score{font-variant-numeric:tabular-nums;font-weight:700}.felt-corner-btn{display:none;position:absolute;top:max(8px,env(safe-area-inset-top));z-index:10;align-items:center;gap:5px;padding:6px 11px;font-size:.78rem;font-weight:700;color:var(--text);border-radius:999px;background:var(--glass);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #00000059}.corner-scores{left:max(8px,env(safe-area-inset-left))}.corner-auction{right:max(8px,env(safe-area-inset-right))}.scores-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:41;display:grid;place-items:center;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.scores-overlay-inner{display:flex;flex-direction:column;align-items:stretch;gap:10px}.scores-overlay .standings{position:static;display:block;min-width:240px;font-size:1rem}.scores-overlay .standings h4{font-size:.7rem}.scores-overlay .auction-log{display:block;position:static;width:auto;min-width:240px}.scores-overlay .standings .s-row{font-size:1.02rem;padding:5px 0}.scores-close{padding:9px 14px;border-radius:12px;font-weight:700;color:var(--text);background:#ffffff1a;border:1px solid rgba(255,255,255,.16)}.chat-fab{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:30;display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;font-weight:700;color:var(--text);background:var(--glass);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 14px #0006}.chat-fab-icon{font-size:1.5rem;line-height:1}.chat-fab-label{font-size:1.02rem;letter-spacing:.01em}.call-fab{position:fixed;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));z-index:30;display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;font-weight:700;color:var(--text);text-decoration:none;background:var(--glass);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 14px #0006}.call-fab-icon{font-size:1.45rem;line-height:1}.call-fab-label{font-size:1.02rem;letter-spacing:.01em}.call-fab-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--good);color:#08160f;font-size:.72rem;font-weight:800}@media(min-width:1024px)and (hover:hover){.call-fab,.chat-fab{gap:10px;padding:clamp(13px,1.7vh,19px) clamp(20px,2.2vw,32px)}.call-fab-icon,.chat-fab-icon{font-size:clamp(1.7rem,2.6vh,2.4rem)}.call-fab-label,.chat-fab-label{font-size:clamp(1.1rem,1.7vh,1.45rem)}.call-fab-count{min-width:24px;height:24px;font-size:.85rem}}.call-embed{position:fixed;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));z-index:33;width:min(380px,92vw);height:min(58vh,460px);display:flex;flex-direction:column;background:var(--panel);border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 14px 38px #0009;overflow:hidden}.call-embed.is-min{display:none}.call-embed-head{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:6px 7px;font-weight:700;font-size:.9rem;background:#00000040;border-bottom:1px solid rgba(255,255,255,.08);cursor:grab;touch-action:none}.call-embed-head:active{cursor:grabbing}.call-embed-title{display:inline-flex;align-items:center;gap:6px;padding-left:4px}.call-embed-spacer{margin-left:auto}.call-ic{width:34px;height:30px;display:inline-grid;place-items:center;border-radius:8px;font-size:1rem;color:var(--text);background:#ffffff1a;border:1px solid rgba(255,255,255,.16)}.call-ic:hover{background:#ffffff29}.call-ic.active{background:#5bd3942e;border-color:#5bd39473}.call-ic.off,.call-ic.leave{color:var(--bad);background:#ff6f6b29;border-color:#ff6f6b66}.call-grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-auto-rows:1fr;gap:6px;padding:8px;overflow-y:auto;background:#04130d}.call-embed.duo:not(.strip){height:min(36vh,280px)}.call-embed.duo:not(.strip) .call-grid{grid-template-rows:1fr}.call-tile{position:relative;display:flex;align-items:center;justify-content:center;min-height:96px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);overflow:hidden}.call-tile.has-video{background:#000}.call-video{width:100%;height:100%;object-fit:cover}.call-avatar{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:2rem;font-weight:800;color:#08160f;background:linear-gradient(180deg,var(--gold-soft),var(--gold-deep))}.call-emoji{font-size:4.2rem;line-height:1;transform-origin:center bottom;animation:idle-breathe 3.4s ease-in-out infinite}.call-tile.speaking .call-emoji{filter:drop-shadow(0 3px 7px rgba(91,211,148,.55))}.call-emoji.pa-float{animation:idle-float 4s ease-in-out infinite}.call-emoji.pa-chill{animation:idle-chill 4.6s ease-in-out infinite}.call-emoji.pa-flicker{animation:idle-twinkle 2.2s ease-in-out infinite}@keyframes idle-breathe{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-2px) rotate(-2.5deg) scale(1.02)}50%{transform:translateY(-3px) rotate(0) scale(1.04,.98)}75%{transform:translateY(-2px) rotate(2.5deg) scale(1.02)}}@keyframes idle-float{0%,to{transform:translate(-2px) rotate(-1deg)}50%{transform:translate(2px,-6px) rotate(1deg)}}@keyframes idle-chill{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(1.5deg)}}@keyframes idle-twinkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.06) rotate(5deg)}}.call-tile.speaking .call-emoji.pa-bouncy{animation:talk-bouncy .52s ease-in-out infinite}.call-tile.speaking .call-emoji.pa-hop{animation:talk-hop .5s cubic-bezier(.3,.7,.4,1) infinite}.call-tile.speaking .call-emoji.pa-robot{animation:talk-robot .44s steps(4,end) infinite}.call-tile.speaking .call-emoji.pa-sly{animation:talk-sly .7s ease-in-out infinite}.call-tile.speaking .call-emoji.pa-roar{animation:talk-roar .7s ease-out infinite}.call-tile.speaking .call-emoji.pa-float{animation:talk-float .9s ease-in-out infinite}.call-tile.speaking .call-emoji.pa-flicker{animation:talk-flicker .3s ease-in-out infinite}.call-tile.speaking .call-emoji.pa-chill{animation:talk-chill .8s ease-in-out infinite}@keyframes talk-bouncy{0%,to{transform:translateY(0) rotate(0) scale(1)}15%{transform:translateY(-7px) rotate(-7deg) scale(1.1,1.18)}35%{transform:translateY(2px) rotate(6deg) scale(1.18,.84)}55%{transform:translateY(-4px) rotate(-4deg) scale(1.05,1.1)}78%{transform:translateY(0) rotate(3deg) scale(1.1,.93)}}@keyframes talk-hop{0%{transform:translateY(0) scale(1.14,.86)}30%{transform:translateY(-16px) scale(.9,1.18)}55%{transform:translateY(0) scale(1.18,.82)}75%{transform:translateY(-5px) scale(.97,1.06)}to{transform:translateY(0) scale(1)}}@keyframes talk-robot{0%{transform:translate(0) rotate(0)}25%{transform:translate(-3px) rotate(-5deg)}50%{transform:translate(3px) rotate(5deg) scale(1.06)}75%{transform:translate(-2px) rotate(-3deg)}to{transform:translate(2px) rotate(2deg)}}@keyframes talk-sly{0%,to{transform:rotate(0) translateY(0) scale(1)}25%{transform:rotate(-9deg) translateY(-2px) scale(1.06)}50%{transform:rotate(0) translateY(0) scale(1.02)}75%{transform:rotate(9deg) translateY(-2px) scale(1.06)}}@keyframes talk-roar{0%,to{transform:scale(1) translateY(0) rotate(0)}30%{transform:scale(1.2,1.24) translateY(-7px) rotate(-3deg)}50%{transform:scale(1.28,1.1) translateY(-5px) rotate(0)}72%{transform:scale(1.06,1.04) translateY(0) rotate(3deg)}}@keyframes talk-float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-4px,-6px) rotate(-4deg)}50%{transform:translateY(-9px) rotate(0)}75%{transform:translate(4px,-6px) rotate(4deg)}}@keyframes talk-flicker{0%,to{transform:scale(1) rotate(0) skew(0)}20%{transform:scale(1.16) rotate(-6deg) skew(5deg)}40%{transform:scale(.92) rotate(5deg) skew(-4deg)}60%{transform:scale(1.12) rotate(-4deg) skew(3deg)}80%{transform:scale(.98) rotate(3deg) skew(-2deg)}}@keyframes talk-chill{0%,to{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-3px) rotate(2.5deg) scale(1.05)}}@media(prefers-reduced-motion:reduce){.call-emoji{animation:none!important}}.call-tile-name{position:absolute;left:6px;bottom:5px;padding:1px 7px;border-radius:999px;font-size:.7rem;font-weight:700;color:var(--text);background:#0000008c}.call-tile.self{border-color:#5bd39499;box-shadow:inset 0 0 0 1px #5bd39459}.call-tile.self .call-video{transform:scaleX(-1)}.mic-wave{position:absolute;bottom:6px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:3px;height:22px;z-index:3;opacity:0;transition:opacity .2s var(--ease);pointer-events:none}.mic-wave.on{opacity:1}.mic-wave-bar{width:3px;height:100%;border-radius:2px;background:var(--good);transform:scaleY(.14);transform-origin:bottom center;box-shadow:0 0 6px #5bd39499;will-change:transform}.call-error{padding:8px 12px;font-size:.8rem;color:var(--bad);background:#ff6f6b1f;text-align:center}.call-avatars{display:flex;flex-wrap:wrap;gap:4px;padding:6px 8px;background:#04130dd9;border-bottom:1px solid rgba(255,255,255,.08)}.call-av{width:34px;height:34px;display:inline-grid;place-items:center;font-size:1.3rem;border-radius:8px;background:#ffffff0f;border:1px solid transparent}.call-av:hover{background:#ffffff24}.call-av.sel{border-color:var(--gold);background:#e2c0692e}.call-op-row{display:flex;align-items:center;gap:8px;padding:5px 12px;font-size:.8rem;color:var(--text-dim);background:#04130db3}.call-op{flex:1;accent-color:var(--gold)}.call-embed.strip{width:auto;height:auto;max-width:96vw}.call-embed.strip .call-grid{display:flex;grid-template-columns:none;overflow-x:auto;padding:6px}.call-embed.strip .call-tile{width:60px;height:60px;min-height:0;flex:0 0 auto}.call-embed.strip .call-avatar{width:30px;height:30px;font-size:.95rem}.call-embed.strip .call-emoji{font-size:1.6rem}.call-embed.strip .call-tile-name{left:3px;bottom:3px;padding:0 4px;font-size:.55rem;max-width:calc(100% - 6px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-tile.speaking{border-color:var(--good);box-shadow:inset 0 0 0 2px var(--good),0 0 12px #5bd39473}.call-unlock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:9px 16px;border-radius:999px;font-weight:800;font-size:.84rem;color:#08160f;background:linear-gradient(180deg,var(--gold-soft),var(--gold-deep));box-shadow:0 6px 18px #00000080}.call-embed.ghost{background:transparent;border-color:transparent;box-shadow:none;pointer-events:none}.call-embed.ghost .call-embed-head,.call-embed.ghost .call-op-row,.call-embed.ghost .call-avatars{pointer-events:auto}.call-embed.ghost .call-grid{background:transparent;pointer-events:none}.call-embed.ghost .call-tile{background:transparent;border-color:transparent}.call-embed.ghost .call-tile:not(.speaking){opacity:var(--ghost-op, .5)}.call-pill{position:fixed;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));z-index:30;display:inline-flex;align-items:center;gap:4px;padding:4px 6px 4px 4px;border-radius:999px;background:var(--glass);border:1px solid rgba(91,211,148,.5);box-shadow:0 4px 14px #0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.call-pill-main{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;font-weight:700;color:var(--text)}.call-live-dot{width:9px;height:9px;border-radius:50%;background:#5bd394;box-shadow:0 0 #5bd39499;animation:call-pulse 1.6s ease-out infinite}@keyframes call-pulse{0%{box-shadow:0 0 #5bd3948c}70%{box-shadow:0 0 0 8px #5bd39400}to{box-shadow:0 0 #5bd39400}}.call-pill-leave{width:30px;height:30px;border-radius:50%;color:var(--bad);background:#ff6f6b29;border:1px solid rgba(255,111,107,.36);font-weight:800}.chat-badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#e05a4f;color:#fff;font-size:.66rem;font-weight:800;display:grid;place-items:center}.chat-panel{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:calc(max(12px,env(safe-area-inset-bottom)) + 60px);z-index:31;width:min(320px,88vw);height:min(420px,60vh);display:flex;flex-direction:column;background:var(--panel);border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 10px 30px #00000080;overflow:hidden}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.08)}.chat-close{color:var(--text-dim);font-size:.95rem}.chat-list{flex:1;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.chat-empty{color:var(--text-mute);font-size:.85rem;text-align:center;margin:auto}.chat-msg{display:flex;flex-direction:column;gap:1px;max-width:85%;padding:5px 9px;border-radius:10px;background:#ffffff0f;align-self:flex-start}.chat-note{align-self:center;max-width:90%;text-align:center;font-size:.78rem;font-style:italic;color:var(--text-mute);padding:2px 8px;opacity:.85}.chat-msg.mine{align-self:flex-end;background:#e2c06929}.chat-name{font-size:.64rem;font-weight:700;color:var(--gold-soft);text-transform:uppercase;letter-spacing:.04em}.chat-msg.mine .chat-name{color:var(--text-dim)}.chat-text{font-size:.9rem;word-break:break-word}.chat-input{display:flex;gap:6px;padding:8px;border-top:1px solid rgba(255,255,255,.08)}.chat-input input{flex:1;min-width:0;padding:7px 10px;border-radius:9px;background:#00000040;border:1px solid rgba(255,255,255,.12);color:var(--text);font-size:.9rem}.chat-input button{padding:7px 12px;border-radius:9px;font-weight:700;color:#10231a;background:linear-gradient(180deg,var(--gold-soft),var(--gold-deep))}.chat-input button:disabled{opacity:.5}.chat-mic{padding:7px 10px;border-radius:9px;font-size:1.05rem;background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.chat-reactions{display:flex;justify-content:space-around;gap:4px;padding:6px 8px 0}.chat-react{font-size:1.15rem;line-height:1;padding:4px 6px;border-radius:8px;transition:background .12s var(--ease-soft),transform .08s var(--ease-soft)}.chat-react:hover{background:#ffffff1a}.chat-react:active{transform:scale(1.25)}.chat-voice{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);color:var(--text);font-weight:700;font-size:.9rem}.chat-msg.mine .chat-voice{background:#e2c0692e}.chat-voice-icon{font-size:.95rem}.chat-voice-dur{color:var(--text-dim);font-variant-numeric:tabular-nums}.chat-rec{display:flex;align-items:center;gap:8px;padding:8px;border-top:1px solid rgba(255,255,255,.08)}.chat-rec-dot{width:11px;height:11px;border-radius:50%;background:#e05a4f;animation:chat-rec-pulse 1s ease-in-out infinite}@keyframes chat-rec-pulse{0%,to{opacity:1}50%{opacity:.3}}.chat-rec-time{flex:1;font-size:.85rem;color:var(--text-dim)}.chat-rec-cancel{color:var(--text-dim);padding:6px 9px;font-size:.9rem}.chat-rec-send{padding:7px 14px;border-radius:9px;font-weight:700;color:#10231a;background:linear-gradient(180deg,var(--gold-soft),var(--gold-deep))}.chat-rec-error{padding:6px 10px;font-size:.78rem;color:#ffb4ae;background:#e05a4f1f}.toast-layer{position:absolute;top:58px;left:50%;transform:translate(-50%);z-index:30;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{padding:7px 16px;border-radius:999px;background:#081c16eb;border:1px solid var(--panel-edge);font-size:.84rem;font-weight:600;box-shadow:0 6px 18px #0006}.help-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:45;display:grid;place-items:center;background:#030c09b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px}.help-card{width:min(620px,94vw);max-height:86vh;overflow:auto;background:linear-gradient(180deg,#0d281ffa,#081a14fa);border:1px solid var(--panel-edge);border-radius:20px;padding:26px 28px;box-shadow:var(--shadow-panel)}.help-card h2{margin-bottom:12px}.help-card h3{color:var(--gold-soft);font-size:.92rem;margin:16px 0 6px}.help-card p,.help-card li{color:var(--text-dim);font-size:.88rem;line-height:1.5}.help-card ul{padding-left:20px}.help-card code{background:#ffffff14;padding:1px 6px;border-radius:5px;color:var(--gold-soft)}.reconnect-banner{position:fixed;left:50%;bottom:84px;transform:translate(-50%);z-index:70;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:9px 14px;border-radius:999px;background:#141a26eb;border:1px solid rgba(255,255,255,.14);box-shadow:0 6px 22px #00000073;color:#eef2f8;font-size:.92rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.reconnect-text strong{color:var(--gold)}.reconnect-spinner{width:16px;height:16px;flex:0 0 auto;border-radius:50%;border:2px solid rgba(255,255,255,.18);border-top-color:var(--gold);animation:spin .9s linear infinite}.reconnect-banner .btn.reconnect-ai{flex:0 0 auto;padding:5px 10px;font-size:.82rem}@media(max-width:560px){.reconnect-banner{bottom:70px;font-size:.84rem;padding:8px 12px}}.spectator-badge,.watchers-badge{position:fixed;top:56px;left:50%;transform:translate(-50%);z-index:60;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:.8rem;color:#eef2f8;background:#141a26db;border:1px solid rgba(255,255,255,.14);box-shadow:0 4px 16px #0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.watchers-badge{top:auto;bottom:132px;left:auto;right:12px;transform:none;font-size:.74rem;opacity:.85}@media(max-width:560px){.spectator-badge{top:50px;font-size:.72rem}.watchers-badge{bottom:118px}}.btn.tiny{padding:4px 10px;font-size:.78rem;border-radius:9px}.btn.tiny.ghost{opacity:.7}.watch-ask{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:75;display:flex;flex-direction:column;gap:12px;align-items:center;max-width:calc(100vw - 32px);padding:16px 20px;border-radius:16px;background:linear-gradient(180deg,#141c28fa,#0e141efa);border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 40px #0000008c;color:#eef2f8;text-align:center}.watch-ask-text{font-size:.96rem}.watch-ask-text strong{color:var(--gold)}.watch-ask-actions{display:flex;gap:10px}.watch-flag{position:fixed;top:84px;left:50%;transform:translate(-50%);z-index:60;display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;font-size:.78rem;color:#ffe2a8;background:#281e0ce6;border:1px solid rgba(226,192,105,.4);box-shadow:0 4px 16px #0006}.watch-spectator{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:60;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:calc(100vw - 120px);padding:7px 12px;border-radius:14px;background:#141a26e6;border:1px solid rgba(255,255,255,.14);box-shadow:0 6px 20px #00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.watch-status{display:inline-flex;align-items:center;gap:8px;font-size:.84rem;color:#eef2f8}.watch-pick{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.watch-pick-label{font-size:.82rem;color:var(--text-dim)}.watch-note{font-size:.8rem;color:var(--gold-soft)}@media(max-width:560px){.watch-spectator{bottom:64px;max-width:calc(100vw - 24px)}}.rv-panel{width:min(560px,94vw);max-height:86vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--panel-edge);border-radius:16px;box-shadow:var(--shadow-panel);overflow:hidden}.rv-headbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.rv-title{font-weight:800;font-size:1.05rem}.rv-tabs{display:flex;gap:6px;padding:10px 12px 0}.rv-tab{flex:1;padding:8px 10px;border-radius:10px 10px 0 0;font-weight:700;font-size:.86rem;color:var(--text-dim);background:#ffffff0a}.rv-tab.active{color:var(--gold-soft);background:#e2c0691f}.rv-body{flex:1;overflow-y:auto;padding:14px 16px 18px}.rv-muted{color:var(--text-mute)}.rv-empty{text-align:center;padding:24px 8px;font-size:.9rem}.rv-red{color:#ff8a84}.rv-scorecard{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.rv-scorecard th{font-size:.66rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-mute);padding:6px 4px;text-align:center}.rv-scorecard td{padding:7px 4px;text-align:center;border-top:1px solid rgba(255,255,255,.06)}.rv-row{cursor:pointer}.rv-row:hover{background:#ffffff0d}.rv-cw{display:block;font-size:.72rem;color:var(--text-dim)}.rv-pts{font-weight:700}.rv-pos{color:var(--good)}.rv-neg{color:var(--bad)}.rv-totals td{border-top:2px solid rgba(255,255,255,.16);font-weight:800;padding-top:9px}.rv-games{display:flex;flex-direction:column;gap:8px}.rv-game{width:100%;text-align:left;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.rv-game:hover{background:#ffffff17}.rv-game-title{font-weight:700;font-size:.9rem}.rv-game-sub{font-size:.78rem;color:var(--text-dim)}.rv-back{color:var(--gold-soft);font-weight:700;font-size:.86rem;margin-bottom:10px}.rv-detail-head{font-size:.9rem;margin-bottom:12px}.rv-type{display:inline-block;margin-left:8px;font-size:.64rem;font-weight:800;letter-spacing:.08em;padding:2px 7px;border-radius:6px}.rv-type.over{background:#ff6f6b2e;color:#ff9b97}.rv-type.under{background:#5bd3942e;color:var(--good)}.rv-h{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute);margin:14px 0 6px}.rv-auction{display:flex;flex-wrap:wrap;gap:6px 10px}.rv-bid{font-size:.82rem}.rv-bid-name{color:var(--text-dim);margin-right:4px}.rv-hands{display:flex;flex-direction:column;gap:5px}.rv-hand-row{display:flex;align-items:baseline;gap:8px}.rv-hand-name{flex:0 0 auto;width:56px;text-align:right;font-size:.78rem;color:var(--text-dim)}.rv-hand-cards{display:flex;flex-wrap:wrap;gap:3px}.rv-card{display:inline-block;box-sizing:border-box;width:1.9rem;vertical-align:middle;text-align:center;font-weight:800;font-size:.76rem;line-height:1.5;background:#fff;color:#111;border-radius:4px;padding:0 2px}.rv-card.is-red{color:#c5303a}.rv-play-table{width:100%;border-collapse:collapse}.rv-play-table th,.rv-play-table td{text-align:center;padding:3px 2px}.rv-col-name{display:block;font-size:.74rem;font-weight:700}.rv-col-bid{display:block;font-size:.62rem;color:var(--text-mute)}.rv-tn{width:18px;font-size:.68rem;color:var(--text-mute)}.rv-cell{border-top:1px solid rgba(255,255,255,.05);border-radius:4px}.rv-cell.led{background:#ffffff0f}.rv-bidcell{color:var(--text)}.rv-won{margin-left:9px;font-size:.92rem;color:var(--text-mute);vertical-align:middle}.rv-won.hit{color:var(--gold);font-weight:800}.rv-foot td{border-top:1px solid rgba(255,255,255,.16);font-weight:700;font-size:.78rem;padding-top:6px}.rv-foot td:first-child{font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute);font-weight:800}.rv-legend{margin-top:8px;font-size:.72rem;color:var(--text-mute);display:flex;align-items:center}.rv-swatch{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:4px;vertical-align:middle}.rv-swatch.led{background:#ffffff2e}.rv-hint{font-size:.72rem;color:var(--text-mute);margin:0 0 6px}.rv-trow{cursor:pointer}.rv-trow:hover{background:#ffffff0d}.rv-trow.sel{background:#e2c0691f}.rv-card.played{outline:2px solid var(--gold);box-shadow:0 0 0 3px #e2c06959}.rv-at{margin-top:14px;padding-top:10px;border-top:1px solid rgba(255,255,255,.12)}.rv-at .rv-h{display:flex;align-items:center;justify-content:space-between}.rv-at-close{color:var(--text-dim);font-size:.9rem}.rv-swatch.played{background:var(--gold)}.rv-rowlab{font-size:.66rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-mute);text-align:right;white-space:nowrap;padding-right:6px}.modal-scoring{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px}.ms-label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute)}.ms-toggle{display:inline-flex;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.16)}.ms-opt{padding:7px 14px;font-size:.85rem;font-weight:700;color:var(--text-dim);background:#ffffff0a}.ms-opt.active{background:var(--gold);color:#1b2230}.coachmark-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;pointer-events:auto}.coachmark-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#040e0abd}.coachmark-spotlight{position:absolute;border-radius:12px;pointer-events:none;box-shadow:0 0 0 9999px #040e0abd,0 0 0 2px var(--gold),0 0 20px 3px #e2c06973;transition:top .25s var(--ease-soft),left .25s var(--ease-soft),width .25s var(--ease-soft),height .25s var(--ease-soft)}.coachmark-card{position:fixed;z-index:2001;width:min(320px,calc(100vw - 28px));max-height:calc(100vh - 24px);max-height:calc(var(--app-h, 100dvh) - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden;padding:16px 18px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);box-shadow:var(--shadow-panel);color:var(--text)}.cm-progress{display:flex;gap:6px;margin-bottom:10px;flex:none}.cm-dot{width:6px;height:6px;border-radius:50%;background:#ffffff38}.cm-dot.on{background:var(--gold)}.cm-title{margin:0 0 6px;font-size:1.02rem;color:var(--gold-soft);flex:none}.cm-body{margin:0 0 14px;font-size:.9rem;line-height:1.5;color:var(--text-dim);flex:1 1 auto;min-height:0;overflow-y:auto}.cm-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none}.cm-skip{min-width:36px;padding:4px 2px;border:none;background:none;color:var(--text-mute);font-size:.84rem;text-align:left;cursor:pointer}.cm-skip:hover{color:var(--text-dim)}.cm-nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cm-nav .btn{padding:8px 16px;font-size:.86rem}.guide-info{position:fixed;top:50%;top:50dvh;left:50%;transform:translate(-50%,-50%);z-index:2001}.guide-coach{position:fixed;left:14px;top:66px;z-index:1500;width:min(290px,calc(100vw - 28px));max-height:calc(100vh - 80px);overflow-y:auto;padding:13px 15px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);box-shadow:var(--shadow-panel);color:var(--text);pointer-events:none}.guide-coach button{pointer-events:auto}.guide-coach-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.guide-coach-head strong{font-size:.95rem;color:var(--gold-soft)}.guide-badge{padding:2px 7px;border-radius:999px;font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#20180a;background:var(--gold)}.guide-coach-body{margin:0;font-size:.86rem;line-height:1.45;color:var(--text-dim)}.guide-coach-hint{margin:8px 0 0;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);font-size:.86rem;color:var(--gold-soft)}.guide-exit{margin-top:8px}.menu-screen{height:100%;display:grid;place-items:center;padding:20px;overflow:auto;background:radial-gradient(120% 90% at 50% 32%,var(--felt-center) 0%,var(--felt-edge) 60%,var(--felt-rim) 100%)}.menu-card,.lobby-card{width:min(420px,94vw);background:var(--panel);border:1px solid var(--panel-edge);border-radius:22px;box-shadow:var(--shadow-panel);padding:26px 24px;display:flex;flex-direction:column;gap:12px}.lobby-card{position:relative}.menu-brand{font-size:1.5rem;font-weight:800;letter-spacing:.01em;display:flex;align-items:center;gap:10px}.menu-brand .mark{color:var(--gold);font-size:1.7rem}.menu-sub{color:var(--text-dim);font-size:.9rem;line-height:1.45;margin-top:-4px}.menu-note{font-size:.82rem;color:var(--gold-soft);text-align:center}.menu-error{color:var(--bad);font-size:.95rem;line-height:1.5;padding:8px 0}.btn.big{padding:14px 20px;font-size:1rem;border-radius:14px;width:100%}.btn.gold{background:linear-gradient(180deg,var(--gold-soft),var(--gold-deep));color:#20180a;box-shadow:0 6px 16px #b8902f66}.btn .hint{opacity:.7;font-weight:600;font-size:.82rem;margin-left:6px}.resume-btn{margin:2px 0 14px;letter-spacing:.02em}.name-ask-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#030c09a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.menu-card.name-ask{width:min(360px,92vw);gap:10px;text-align:center}.menu-card.name-ask .menu-brand{justify-content:center}.menu-divider{display:flex;align-items:center;gap:12px;color:var(--text-mute);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;margin:4px 0}.menu-divider:before,.menu-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.menu-field{display:flex;flex-direction:column;gap:5px}.menu-field span{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute)}.menu-field input,.code-input{padding:11px 14px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:var(--text);font-size:1rem;font-family:inherit;outline:none}.menu-field input:focus,.code-input:focus{border-color:var(--gold)}.join-row{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}.code-input{flex:1;min-width:0;text-align:center;letter-spacing:.3em;text-indent:.3em;font-weight:800;font-size:1.3rem;text-transform:uppercase}.join-row .btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;white-space:nowrap}.join-row .scan-btn{padding:0 16px}.scan-hint{color:var(--bad);margin-top:6px}.offline-note{margin:4px 0 2px;padding:9px 12px;border-radius:10px;background:#ff6f6b1f;border:1px solid rgba(255,111,107,.4);color:var(--bad);font-size:.82rem;font-weight:600;line-height:1.35}.qr-scan-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:grid;place-items:center;padding:16px;background:#030c09db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.qr-scan-card{position:relative;width:min(360px,92vw);max-height:calc(100dvh - 32px);overflow-y:auto;padding:18px;border-radius:18px;background:var(--panel);border:1px solid var(--panel-edge);box-shadow:var(--shadow-panel);text-align:center}.qr-scan-title{margin:0 0 12px;font-size:1rem;color:var(--gold-soft)}.qr-scan-viewport{position:relative;width:100%;aspect-ratio:1 / 1;max-height:52dvh;border-radius:14px;overflow:hidden;background:#000}.qr-scan-video{width:100%;height:100%;object-fit:cover;display:block}.qr-scan-frame{position:absolute;top:14%;right:14%;bottom:14%;left:14%;border:3px solid rgba(226,192,105,.9);border-radius:14px}.qr-scan-error{color:var(--bad);font-weight:600;margin:10px 0}.lobby-back{position:absolute;top:16px;left:16px;font-size:.82rem;color:var(--text-dim);font-weight:600}.lobby-back:hover{color:var(--text)}.lobby-card h2{font-size:1.3rem;text-align:center;margin-top:4px}.lobby-code-row{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.lobby-code-block{display:flex;flex-direction:column;align-items:center;gap:4px}.lobby-code-label{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-mute)}.lobby-code{font-size:2.6rem;font-weight:800;letter-spacing:.22em;color:var(--gold-soft);text-shadow:0 2px 10px rgba(0,0,0,.4)}.qr{border-radius:10px;background:var(--paper);padding:6px}.qr-loading{background:#ffffff0f;border-radius:10px}.roster{display:flex;flex-direction:column;gap:7px;margin:4px 0}.roster-row{display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07)}.roster-row.kind-host{border-color:#e2c06966}.roster-row.kind-client{border-color:#78aaff59}.r-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#10231a;background:linear-gradient(150deg,var(--gold-soft),var(--gold-deep))}.r-name{flex:1;font-weight:700}.r-tag{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute);padding:2px 8px;border-radius:8px;background:#ffffff0f}.kind-ai .r-tag{color:var(--text-mute)}.kind-host .r-tag{color:var(--gold-soft)}.kind-client .r-tag{color:#b9d0ff}.lobby-difficulty{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px}.topbar .brand .sub.room{color:var(--gold-soft);letter-spacing:.1em}.friends-btn{border-color:#e2c06980;background:#e2c0691f;color:var(--gold-soft);font-weight:700;white-space:nowrap}.friends-btn:hover{background:#e2c06938}.menu-card.mp-modal,.lobby-card.invite-card,.lobby-card.stats-card{position:relative;max-height:92vh;overflow:auto}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 4px}.stat-box{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 6px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.stat-v{font-size:1.5rem;font-weight:800;color:var(--gold-soft);line-height:1}.stat-of{font-size:.85rem;font-weight:600;color:var(--text-dim)}.stat-k{font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute);text-align:center}.invite-share{display:flex;gap:10px;align-items:stretch}.invite-share .btn.whatsapp{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#25d366;color:#06351d;text-decoration:none;box-shadow:0 6px 16px #25d36659}.invite-share .btn.whatsapp:hover{filter:brightness(1.05)}.invite-share .btn.subtle{background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:var(--text);white-space:nowrap}.menu-card.connecting{align-items:center;text-align:center}.lobby-back.close{font-size:1.1rem;font-weight:700}.connect-spinner{width:42px;height:42px;margin:8px auto;border-radius:50%;border:4px solid rgba(255,255,255,.12);border-top-color:var(--gold);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.watch-btn{width:100%;margin-top:10px}.offline-play{margin-top:14px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.offline-play-row{display:flex;gap:8px;flex-wrap:wrap}.offline-play-row .btn{flex:1;white-space:nowrap}.offline-pair{display:flex;flex-direction:column;align-items:center;gap:8px}.watch-row{display:flex;gap:8px;align-items:stretch}.watch-row .watch-btn{flex:1;margin:0}.plane-toggle{flex:0 1 auto;white-space:nowrap;filter:grayscale(1) opacity(.8)}.watch-row .plane-toggle:only-child{flex:1}.plane-toggle.active{border-color:var(--gold, #e2c069);background:#e2c0692e;filter:none;box-shadow:0 0 0 1px var(--gold, #e2c069) inset}.offline-code-row{justify-content:center}.sound-note{color:var(--gold, #e2c069)}.btn.sound-live{border-color:var(--gold, #e2c069);background:#e2c06924;animation:sound-breathe 2.4s ease-in-out infinite}@keyframes sound-breathe{0%,to{box-shadow:0 0 #e2c06959}50%{box-shadow:0 0 0 6px #e2c06900}}.mic-meter{width:100%;max-width:260px;height:6px;margin:6px auto 0;border-radius:3px;background:#ffffff1f;overflow:hidden}.mic-meter-fill{height:100%;border-radius:3px;background:var(--gold, #e2c069);transition:width .12s linear}.galaxy-note{color:var(--gold, #e2c069)}.galaxy-chip{position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);left:50%;transform:translate(-50%);z-index:60;padding:5px 12px;border-radius:999px;font-size:.82rem;font-weight:600;border:1px solid transparent;background:#0000008c;color:#e2c069;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;white-space:nowrap}.galaxy-chip.status-on{border-color:#e2c0698c;animation:galaxy-pulse 2.6s ease-in-out infinite}.galaxy-chip.status-connecting{color:#cdd6e0;opacity:.85}.galaxy-chip.status-unreachable{color:#e7a07a;border-color:#e77a5a80}@keyframes galaxy-pulse{0%,to{box-shadow:0 0 #e2c0694d}50%{box-shadow:0 0 0 5px #e2c06900}}@supports (height: 100dvh){html,body,#root{height:var(--app-h, 100dvh)}}body{touch-action:manipulation}.install-hint{position:fixed;top:max(8px,env(safe-area-inset-top));left:50%;z-index:500;display:flex;align-items:center;gap:11px;max-width:min(92vw,430px);padding:10px 11px 10px 13px;border-radius:16px;background:linear-gradient(180deg,#0d281ffa,#081a14fa);border:1px solid var(--gold);color:var(--paper);transform:translate(-50%);animation:install-hint-in .42s cubic-bezier(.2,.9,.3,1.2),install-hint-pulse 2.4s ease-in-out .6s infinite}.install-hint-icon{flex:none;width:30px;height:30px;display:grid;place-items:center;color:var(--gold-soft)}.install-hint-icon svg{width:22px;height:22px}.install-hint-text{font-size:.76rem;line-height:1.28;text-align:left;font-weight:600;color:var(--text-dim)}.install-hint-text strong{color:var(--gold-soft);font-weight:800}.install-hint-title{display:block;font-size:.88rem;font-weight:800;color:var(--paper)!important;margin-bottom:1px}.install-hint-btn{flex:none;padding:7px 14px;border-radius:999px;font-weight:800;font-size:.82rem;color:#20180a;background:linear-gradient(180deg,var(--gold-soft),var(--gold-deep));box-shadow:0 3px 10px #b8902f66}.install-hint-x{flex:none;align-self:flex-start;width:24px;height:24px;border-radius:8px;background:#ffffff14;color:var(--text-dim);font-size:.78rem;line-height:1;display:grid;place-items:center}@keyframes install-hint-in{0%{transform:translate(-50%) translateY(-14px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes install-hint-pulse{0%,to{box-shadow:0 10px 30px #00000080,0 0 #e2c06980}50%{box-shadow:0 10px 30px #00000080,0 0 0 7px #e2c06900}}@media(prefers-reduced-motion:reduce){.install-hint{animation:install-hint-in .3s ease}}@media(max-width:950px),(pointer:coarse)and (max-height:600px){:root{--card-w: clamp(36px, min(6.4vw, 12vh), 72px);--radius: 11px;--radius-sm: 7px}.hand-fan{--card-w: clamp(42px, min(8.2vw, 15vh), 88px)}.topbar{gap:8px;padding:6px 9px}.topbar .brand .sub{display:none}.topbar .brand{font-size:.82rem;gap:6px}.topbar .brand .mark{font-size:1.4rem}.topbar .brand-name{display:none}.topbar .brand-name-short{display:inline;font-size:.92rem}.topbar .seg{height:30px;display:inline-flex;align-items:center;justify-content:center}.meta-chip.hand,.meta-chip.dealer{display:none}.topbar-primary{gap:6px}.topbar-more{height:30px;padding:0 12px;font-size:1.25rem}.meta{gap:10px}.meta-chip .k{font-size:.5rem}.meta-chip .v{font-size:.8rem}.trump-name{display:none}.ghost-btn{padding:5px 9px;font-size:.72rem}.difficulty-label,.seg-full{display:none}.seg-abbr{display:inline}.seg{gap:1px}.seg-btn{padding:4px 7px;font-size:.7rem}.seat-info{min-width:0;gap:8px;padding:6px 11px 6px 7px}.avatar{width:36px;height:36px;font-size:1rem}.seat-text .name{font-size:.86rem}.seat-text .status{font-size:.72rem}.seat-text .status .bid-status{font-size:1.1rem}.badge{font-size:.64rem;padding:2px 7px}.seat.west{left:4px}.seat.east{right:4px}.seat.north{top:6px}.seat.opponent .mini-fan{display:none}.topbar{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.seat.west{left:max(4px,env(safe-area-inset-left))}.seat.east{right:max(4px,env(safe-area-inset-right))}.hand-zone{padding-bottom:max(6px,env(safe-area-inset-bottom))}.standings{top:8px;left:8px;min-width:0;padding:7px 10px}.standings h4{font-size:.55rem}.standings .s-row{font-size:.76rem;gap:10px;padding:2px 0}.auction-log{width:156px;top:8px;right:8px;padding:9px 11px}.auction-log h4{font-size:.6rem;margin-bottom:6px}.log-row{font-size:.84rem;padding:3px 0}.log-row .what{font-size:.98rem}.panel{padding:12px;border-radius:16px}.panel-title{font-size:.66rem;margin-bottom:9px}.denom-btn{font-size:1.3rem;min-width:46px;padding:6px 10px}.denom-btn.nt{font-size:.95rem}.trick-btn{width:30px;height:30px;font-size:.84rem}.btn{padding:9px 16px;font-size:.86rem}.action-dock{width:min(540px,96vw)}.announce{font-size:.8rem;padding:6px 14px}.modal{padding:20px 18px 18px}.hand-zone{padding-bottom:6px;gap:3px}}@media(max-height:520px){:root{--card-w: clamp(30px, min(6vw, 13vh), 60px)}.hand-fan{--card-w: clamp(36px, min(6.6vw, 16vh), 72px);height:calc(var(--card-h) * 1.12);padding-top:calc(var(--card-h) * .08)}.topbar{padding:4px max(22px,env(safe-area-inset-right)) 4px max(22px,env(safe-area-inset-left))}.seat.north{top:3px}.standings,.auction-log,.announce{display:none}.felt-corner-btn{display:inline-flex}.panel{background:#071a14f7;-webkit-backdrop-filter:none;backdrop-filter:none;padding:8px 10px}.panel-title{font-size:.58rem;margin-bottom:6px}.bid-grid{gap:6px}.denom-btn{font-size:1.15rem;min-width:38px;padding:4px 7px}.denom-btn.nt{font-size:.82rem}.tricks-row{gap:4px}.trick-btn{width:25px;height:25px;font-size:.76rem;border-radius:7px}.bid-summary,.contract-info{font-size:.7rem;margin:2px 0 0;min-height:1em}.panel-actions{margin-top:8px;gap:8px}.btn{padding:7px 14px;font-size:.8rem}.action-dock{position:fixed;left:50%;top:56%;transform:translate(-50%,-50%);width:min(330px,90vw);max-height:calc(var(--app-h, 100dvh) - 96px);overflow-y:auto;margin:0;z-index:22}.action-dock~.hand-fan{--card-w: clamp(24px, min(4.6vw, 11vh), 42px)}.modal{padding:14px 20px 12px;border-radius:16px}.modal h2{font-size:1.15rem}.trophy{font-size:1.7rem;margin-bottom:2px}.winner-line{font-size:1.15rem}.modal .modal-sub{font-size:.78rem;margin-bottom:6px}.score-table th{padding:3px 8px}.score-table td{padding:4px 8px}.modal-difficulty,.modal-scoring{margin-top:10px}.ms-opt{padding:5px 12px}.modal-actions{margin-top:12px}}@media(max-height:430px){.hand-zone>.action-dock~.seat{display:none}.hand-zone>.seat .seat-info{min-width:0;gap:8px;padding:3px 11px}.hand-zone>.seat .avatar,.hand-zone>.seat .seat-text .name{display:none}.hand-zone>.seat .seat-text{flex-direction:row;align-items:center;gap:8px}.hand-zone>.seat .seat-text .status{font-size:.82rem}}@media(max-height:360px){.action-dock{width:min(300px,86vw);top:57%}.panel{padding:6px 8px}.bid-grid{gap:5px}.denom-btn{font-size:1.02rem;min-width:34px;padding:3px 6px}.trick-btn{width:23px;height:23px;font-size:.72rem}.panel-actions{margin-top:6px}.action-dock~.hand-fan{--card-w: clamp(22px, min(4.2vw, 10vh), 38px)}}@media(min-width:1280px)and (min-height:800px){:root{--card-w: clamp(108px, min(7.6vw, 15vh), 150px)}.hand-fan{--card-w: clamp(140px, min(10vw, 19vh), 184px)}.avatar{width:62px;height:62px;font-size:1.6rem}.seat-info{min-width:248px}.seat.north{top:30px}.seat.west{left:34px}.seat.east{right:34px}}@media(min-width:1200px){.rv-panel{width:min(860px,92vw);max-height:88vh}.rv-title{font-size:1.3rem}.rv-tab{font-size:1rem;padding:10px 12px}.rv-body{padding:18px 24px 22px}.rv-detail-head{font-size:1.05rem}.rv-h{font-size:.78rem}.rv-card{width:2.4rem;font-size:.98rem}.rv-scorecard,.rv-play-table th,.rv-play-table td{font-size:1rem}.rv-scorecard th,.rv-col-bid{font-size:.76rem}.rv-col-name{font-size:.98rem}.rv-cw{font-size:.84rem}.rv-tn{width:26px;font-size:.84rem}.rv-won{font-size:1.05rem}.rv-bid{font-size:.98rem}.rv-hand-name{width:74px;font-size:.95rem}.rv-foot td{font-size:.98rem}.rv-game-title{font-size:1.05rem}.rv-game-sub{font-size:.9rem}.rv-legend{font-size:.84rem}.standings{min-width:224px;padding:14px 18px;border-radius:16px}.standings h4{font-size:.76rem;margin-bottom:10px}.standings .s-row{font-size:1.2rem;padding:5px 0;gap:22px}.action-dock{width:min(780px,92vw)}.panel{padding:22px 28px}.panel-title,.panel-title .hint{font-size:.92rem}.denom-btn{font-size:2.1rem;padding:10px 22px;min-width:80px}.denom-btn.nt{font-size:1.4rem}.trick-btn{width:50px;height:50px;font-size:1.25rem}.bid-summary{font-size:1.05rem}.auction-log{font-size:.95rem}}@media(orientation:portrait){.portrait-proto{--card-w: clamp(40px, 11vw, 58px)}.portrait-proto .standings,.portrait-proto .auction-log{display:none}.portrait-proto .scores-overlay .standings,.portrait-proto .scores-overlay .auction-log{display:block}.portrait-proto .felt-corner-btn{display:inline-flex}.portrait-proto .topbar{flex-wrap:wrap;row-gap:6px;gap:6px;padding:max(8px,env(safe-area-inset-top)) 8px 8px}.portrait-proto .topbar .meta{gap:8px}.portrait-proto .topbar .spacer{display:none}.portrait-proto .topbar .brand{order:1}.portrait-proto .topbar .meta{order:2}.portrait-proto .difficulty{order:3}.portrait-proto .topbar-more{order:4;margin-left:auto}.portrait-proto .topbar-primary{order:5;gap:6px}.portrait-proto .seg-btn{padding:3px 5px;font-size:.62rem}.portrait-proto .seat.north{top:10px}.portrait-proto .felt-corner-btn{top:8px}.portrait-proto .seat-badges .badge.contract,.portrait-proto .seat-badges .badge.tricks{display:none}.portrait-proto .seat.west,.portrait-proto .seat.east{top:16%}.portrait-proto .seat-text .status{display:block;color:var(--text);font-size:.8rem}.portrait-proto .seat-text .status .bid-status{font-size:1.2rem}.portrait-proto .trick-area{top:43%;width:calc(var(--card-w) * 3.1);height:calc(var(--card-h) * 3)}.portrait-proto .announce{display:none}.portrait-proto .hand-fan{--card-w: clamp(34px, 10vw, 52px)}.portrait-proto .hand-zone{padding-bottom:max(10px,env(safe-area-inset-bottom))}.portrait-proto .chat-fab,.portrait-proto .call-fab,.portrait-proto .call-pill{bottom:calc(env(safe-area-inset-bottom) + 132px)}.portrait-proto .action-dock{position:fixed;left:50%;top:54%;transform:translate(-50%,-50%);width:min(300px,88vw);max-height:calc(var(--app-h, 100dvh) - 210px);overflow-y:auto;margin:0;z-index:22}.portrait-proto .guide-info{top:50%;top:50dvh}.portrait-proto .guide-coach{top:auto;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:calc(env(safe-area-inset-bottom) + 8px);width:auto;max-width:none;max-height:34dvh}}