:root{color-scheme:dark;--felt: #123a52;--felt-light: #1a4d69;--gold: #e6c66b;--cream: #f5f5f0;--tile-bg: #fbfbf5;--tile-ink: #14140f;--panel-rgb: 6, 22, 33;--accent-solo: #e6c66b;--accent-online: #e58b62;--accent-learn: #6fd3c4}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at 50% 20%,var(--felt-light),var(--felt) 70%);color:var(--cream)}.app-shell{min-height:100vh;display:flex;flex-direction:column;gap:12px;--card-gutter: 0px;--chat-gutter: 0px;padding:12px calc(20px + var(--chat-gutter)) 20px calc(20px + var(--card-gutter));--hand-reserved: calc(40px + var(--card-gutter) + var(--chat-gutter));--hand-tile: clamp(38px, calc((100vw - var(--hand-reserved) - 160px) / 14), 84px)}.app-shell.with-card{--card-gutter: 406px}.topbar{display:flex;align-items:baseline;justify-content:space-between}.topbar h1{margin:0;font-size:1.4rem;color:var(--gold);letter-spacing:.02em}.topbar-actions{display:flex;align-items:center;gap:12px}.topbar-actions button{white-space:nowrap}.app-shell.with-card .topbar h1{font-size:1.15rem}.seed{font-size:.8rem;opacity:.6}.settings-wrap{position:relative;display:inline-flex}.settings-toggle{white-space:nowrap}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:44}.settings-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:45;width:max-content;min-width:260px;max-width:min(340px,calc(100vw - 24px));display:flex;flex-direction:column;gap:10px;padding:12px;background:rgba(var(--panel-rgb),.98);border:1px solid rgba(230,198,107,.35);border-radius:12px;box-shadow:0 10px 26px #00000080;text-align:left}.modal.settings-modal{width:min(420px,100%);display:flex;flex-direction:column;gap:12px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-label{display:flex;flex-direction:column;font-size:.85rem;opacity:.9}.settings-note{font-size:.7rem;opacity:.55}.settings-section{border-top:1px solid rgba(255,255,255,.12);padding-top:10px;display:flex;flex-direction:column;gap:8px}.settings-section-title{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}.settings-profile{font-size:.85rem;line-height:1.4}.settings-row .record{flex-wrap:wrap;justify-content:flex-end}.settings-email{font-size:.78rem;opacity:.7;overflow-wrap:anywhere}.settings-msg{font-size:.78rem;color:var(--gold);background:#e6c66b24;border-radius:8px;padding:6px 8px}button{font:inherit;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:var(--cream);padding:6px 14px;border-radius:8px;cursor:pointer;transition:transform .08s ease,background .15s ease}@media (hover: hover){button:hover:not(:disabled){background:#ffffff29}button.primary:hover:not(:disabled){background:#f0d488}button.win:hover:not(:disabled){background:#e96b52}}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--gold);color:#2a2410;border-color:transparent;font-weight:600}button.win{background:#e0533b;border-color:transparent;font-weight:700}.scoreboard{display:flex;gap:14px;flex-wrap:wrap}.score-chip{font-size:.85rem;opacity:.9;white-space:nowrap}.pos{color:#7ee0a0}.neg{color:#ff9a86}.win-result{background:#e0533b29;border:1px solid rgba(224,83,59,.5);border-radius:10px;padding:10px 14px;text-align:center}.win-result-tiles{display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;gap:6px 12px;margin-bottom:10px}.win-tile-group{display:inline-flex;gap:2px}.win-result-tiles .tileface-svg{filter:drop-shadow(0 3px 3px rgba(0,0,0,.45))}.win-result-head{font-size:1.05rem;color:#ffd9cf}.win-result-section{font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(230,198,107,.45);border-radius:999px;padding:1px 8px;vertical-align:.1em}.win-result-breakdown{font-size:.82rem;opacity:.8;margin:4px 0 8px}.win-result-payments{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.pay-chip{font-size:.85rem}.status{text-align:center;padding:8px;border-radius:8px;font-weight:600;background:#0003}.status.win{background:#e0533b40;color:#ffd9cf}.status.draw{background:#e6c66b2e}.status.problem{background:#f0a08f29;border:1px solid rgba(240,160,143,.4);color:#f0a08f}.card-drawer{position:fixed;left:14px;top:50%;transform:translateY(-50%);width:min(400px,calc(100vw - 28px));max-height:64vh;display:flex;flex-direction:column;background:rgba(var(--panel-rgb),.95);border:1px solid rgba(230,198,107,.35);border-radius:12px;padding:10px 12px 12px;z-index:8;box-shadow:0 8px 24px #0006}.card-drawer-head{display:flex;align-items:baseline;gap:6px;margin-bottom:8px;font-size:.8rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--gold)}.card-drawer-note{font-size:.66rem;font-weight:400;letter-spacing:0;text-transform:none;opacity:.55;color:var(--cream)}.card-drawer-close{margin-left:auto;background:none;border:none;color:var(--cream);opacity:.6;font-size:1.1rem;line-height:1;padding:0 2px;cursor:pointer}.card-drawer-close:hover{opacity:1;background:none}.card-side{position:fixed;left:14px;top:50%;transform:translateY(-50%);z-index:8;display:flex;align-items:center;gap:10px}.card-tab{display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1px solid transparent;background:var(--gold);color:#2a2410;font-size:.82rem;font-weight:600;cursor:pointer}.card-tab:hover{background:#f0d47f}.card-tab-label{white-space:nowrap}.charleston-track{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid rgba(230,198,107,.35);background:rgba(var(--panel-rgb),.95);color:var(--cream);font-size:.78rem;font-weight:600;white-space:nowrap}.charleston-track-steps{display:flex;gap:5px}.charleston-step{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border:1.5px solid rgba(230,198,107,.45);color:#f5eedc8c}.charleston-step.done{background:#e6c66b47;border-color:#e6c66b47;color:#f5eedccc}.charleston-step.active{background:var(--gold);border-color:var(--gold);color:#2a2410;box-shadow:0 0 0 3px #e6c66b40}@media (min-width: 501px) and (max-width: 1199px) and (min-height: 501px){.card-side{flex-direction:column;align-items:flex-start;gap:6px;transform:translateY(-17px)}.charleston-track-title{display:none}.charleston-track{padding:4px 7px}}.card-ready-badge{min-width:18px;padding:1px 5px;border-radius:999px;background:#e0533b;color:var(--cream);font-size:.7rem;font-weight:700;text-align:center}.card-hands-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:4px}.card-section+.card-section{margin-top:8px}.card-section-title{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);opacity:.65;margin:0 0 3px 2px;position:sticky;top:0;background:rgba(var(--panel-rgb),.96);padding:3px 0;z-index:1}.card-section-title.ready{color:#7fe0a0;opacity:1;font-weight:700}.card-section-title.gone{color:#f0a08f;opacity:.8}.card-gone-why{font-weight:400;letter-spacing:0;text-transform:none;opacity:.75}.card-section.gone .card-hand-row{opacity:.4}.card-section.gone .card-hand-points{background:#e6c66b59}.card-closest{padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid rgba(230,198,107,.25)}.card-closest-title{font-size:.8rem;font-weight:700;letter-spacing:.04em;color:var(--gold);margin:2px 0 6px 2px}.card-closest-title.ready{color:#7fe0a0}.card-next{padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid rgba(230,198,107,.25)}.card-next-title,.card-rest-title{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;opacity:.5;margin:4px 0 6px 2px}.card-section-best{font-weight:400;letter-spacing:0;text-transform:none;opacity:.8}.card-hand-away{font-size:.7rem;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.75}.card-hand-away.ready{color:#7fe0a0;font-weight:700;opacity:1}.card-hand-away.gone{color:#f0a08f}.card-hand-row.gone{opacity:.4}.card-dead{font-size:.66rem;font-weight:700;letter-spacing:.04em;color:#f0a08f;border:1px solid rgba(240,160,143,.5);border-radius:999px;padding:1px 7px}.card-hands{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}.card-hand-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;background:#ffffff0d;border:1px solid transparent;border-radius:6px;padding:3px 8px}.card-hand-row.ready{background:#7fe0a029;border-color:#7fe0a099}.card-hand-row.won,.card-hand-row.won.ready{background:#e6c66b33;border-color:var(--gold);box-shadow:0 0 12px #e6c66b59}.card-hand-tiles{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.hand-chip{display:inline-flex;flex-direction:column;align-items:center;gap:2px}.chip-count{font-size:.62rem;line-height:1;opacity:.55}.chip-pips{display:flex;gap:2px;height:5px}.chip-pip{width:5px;height:5px;border-radius:50%;border:1px solid rgba(245,245,240,.4)}.chip-pip.have{background:var(--gold);border-color:var(--gold)}.hand-chip.none .tileface-svg{opacity:.5}.hand-chip.done .chip-pips{filter:drop-shadow(0 0 3px rgba(230,198,107,.7))}.card-hand-meta{display:flex;align-items:center;gap:10px;white-space:nowrap}.card-hand-suits{font-size:.72rem;opacity:.6}.card-hand-points{color:#2a2410;background:var(--gold);font-weight:700;font-size:.8rem;border-radius:10px;padding:1px 9px}.table{flex:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"top    top    top" "left   center right";gap:8px;min-height:0}.table-over{display:flex;flex-wrap:wrap;align-content:start;align-items:flex-start;gap:8px;flex:0 1 auto;min-height:0;overflow-y:auto}.table-over .opponent{flex:1 1 260px}.table-over .seat-left,.table-over .seat-right{max-width:none;overflow:visible}.table-over .seat-left .opponent-name,.table-over .seat-right .opponent-name{flex-direction:row;justify-content:center;gap:6px}.table-over .seat-left .exposures,.table-over .seat-right .exposures{flex-direction:row;flex-wrap:wrap;justify-content:center}.table-over .seat-left .meld,.table-over .seat-right .meld{flex-direction:row}.seat-top{grid-area:top}.seat-left{grid-area:left}.seat-right{grid-area:right}.seat-bottom{grid-area:center;align-self:end}.opponent{padding:8px;border-radius:10px;background:#0000002e;border:1px solid transparent;text-align:center;min-width:0;min-height:0}.seat-left,.seat-right{display:flex;flex-direction:column;align-items:center;gap:4px;max-width:33vw;overflow-x:hidden;overflow-y:auto}.seat-left .meld,.seat-right .meld{flex-direction:column;padding:2px}.seat-left .exposures,.seat-right .exposures{flex-direction:column;flex-wrap:nowrap;align-items:center;gap:6px;margin-top:0}.seat-left .opponent-name,.seat-right .opponent-name{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:4px;font-size:.78rem;line-height:1.15;word-break:break-word}.opponent.active{border-color:var(--gold);box-shadow:0 0 12px #e6c66b59}.opponent-name{font-weight:600;margin-bottom:6px}.tile-backs{display:flex;flex-wrap:wrap;justify-content:center;gap:1px;line-height:1}.tile-count{display:inline-block;min-width:20px;padding:0 5px;border-radius:999px;background:#ffffff1a;font-size:.72rem;font-variant-numeric:tabular-nums;opacity:.75}.opponent-closest{margin-top:4px;font-size:.72rem;color:var(--gold);opacity:.85}.seat-left .opponent-closest,.seat-right .opponent-closest{font-size:.66rem;line-height:1.2;word-break:break-word}.opponent.revealed .tile-backs{gap:2px}.opponent.revealed .tile-backs .tileface-svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.table-center{grid-area:center;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.discard-label{display:inline-flex;align-items:center;gap:8px;padding:3px 10px;border:1px solid transparent;border-radius:999px;background:none;color:inherit;font:inherit;font-size:.8rem;opacity:.7;cursor:pointer}.discard-label:hover:not(:disabled){border-color:#e6c66b73;opacity:1}.discard-label:disabled{cursor:default}.table-center-head{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}.wall-count{padding:2px 10px;border-radius:999px;background:#0000004d;border:1px solid rgba(230,198,107,.3);font-size:.74rem;font-variant-numeric:tabular-nums;opacity:.85}.discard-label-more{padding:0 6px;border-radius:999px;background:#e6c66b29;border:1px solid rgba(230,198,107,.3);font-size:.7rem;color:var(--gold)}.discard-sheet{position:fixed;z-index:30;right:0;top:0;bottom:0;width:min(420px,100vw);display:flex;flex-direction:column;padding:calc(12px + var(--safe-t)) calc(14px + var(--safe-r)) calc(12px + var(--safe-b)) 14px;background:rgba(var(--panel-rgb),.97);border-left:1px solid rgba(230,198,107,.35);box-shadow:-8px 0 24px #0006}.discard-sheet-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--gold);font-weight:700}.discard-sheet-note{flex:1 1 auto;font-size:.76rem;font-weight:400;opacity:.7;color:var(--cream)}.discard-sheet-scroll{flex:1 1 auto;overflow-y:auto;padding-bottom:4px}.discard-sheet-title{margin:12px 0 6px;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;opacity:.6}.discard-sheet-title:first-child{margin-top:0}.discard-face-groups{display:flex;flex-wrap:wrap;gap:6px}.discard-face-group{display:inline-flex;align-items:center;gap:3px;padding:3px 6px 3px 3px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(230,198,107,.2)}.discard-face-count{font-size:.76rem;font-variant-numeric:tabular-nums;opacity:.8}.discard-sheet-order{--discard-tile: 26px;display:grid;grid-template-columns:repeat(auto-fill,var(--discard-tile));gap:4px;align-content:start}.discard-sheet-order .tileface-svg{width:var(--discard-tile);height:auto}.discard-sheet-order .tile-slot.latest{outline:2px solid var(--gold);outline-offset:1px;border-radius:3px}.discard-pile{--discard-tile: 24px;display:grid;grid-template-columns:repeat(auto-fill,var(--discard-tile));gap:4px;justify-content:center;align-content:start;max-width:720px;min-height:56px;padding:10px;border-radius:10px;background:#00000026}.discard-pile .tile-slot.latest{outline:2px solid var(--gold);outline-offset:1px;border-radius:3px}.discard-pile .muted{grid-column:1 / -1}.discard-hint{margin-top:6px;max-width:720px;font-size:.78rem;line-height:1.35;text-align:center;opacity:.65}.muted{opacity:.4}.player-area{padding:12px;border-radius:12px;background:#00000038;border:1px solid transparent}.player-area.active{border-color:var(--gold);box-shadow:0 0 16px #e6c66b4d}.player-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.player-name{font-weight:600}.controls{display:flex;align-items:center;gap:10px}.hint{font-size:.85rem;opacity:.7}.hand-over-actions{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(360px,100%);margin:16px auto 0}.hand-over-actions .start-btn,.hand-over-actions .online-btn{width:100%;margin-top:0}.topbar-actions.hidden-at-end{display:none}.hand{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding-top:22px}.tile-slot{display:inline-flex;align-items:center;justify-content:center;line-height:1;color:var(--tile-ink)}.tileface-svg{transition:filter .12s ease}.discard-pile .tile-slot{padding:0}.discard-pile .tileface-svg{width:var(--discard-tile);height:auto;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.hand-tile{background:none;border:none;box-shadow:none;padding:2px}.hand .tileface-svg{width:var(--hand-tile, 56px);height:auto}.hand-tile .tileface-svg{filter:drop-shadow(0 4px 3px rgba(0,0,0,.45))}@media (hover: hover){.hand-tile:hover:not(:disabled){transform:translateY(-6px)}.hand-tile:hover:not(:disabled) .tileface-svg{filter:drop-shadow(0 9px 6px rgba(0,0,0,.5))}}.hand-tile.selected:not(:disabled){transform:translateY(-20px)}.hand-tile.selected .tileface-svg{filter:drop-shadow(0 12px 7px rgba(0,0,0,.55)) drop-shadow(0 0 8px rgba(246,223,160,.8))}.hand:has(.hand-tile.selected) .hand-tile:not(.selected) .tileface-svg{filter:drop-shadow(0 4px 3px rgba(0,0,0,.45)) saturate(.85) brightness(.88)}.stage-label{font-size:.9rem;font-weight:600;color:var(--gold);margin-right:6px}.discard{font-size:2rem;background:var(--tile-bg);border-radius:5px;padding:1px 3px 3px}.tab-bar{display:none}.tab-icon{font-size:1.02rem;line-height:1}.account-sheet{display:flex;flex-direction:column;gap:8px}.account-sheet .account-btn{width:100%;text-align:left}.home{min-height:100dvh;padding:calc(24px + var(--safe-t)) calc(20px + var(--safe-r)) calc(28px + var(--safe-b)) calc(20px + var(--safe-l));display:flex;justify-content:center;align-items:flex-start}.gated-main .home{min-height:0;padding-top:20px}.gated-layout.signed-out .home{padding-top:calc(20px + var(--safe-t))}.home-inner{width:min(560px,100%);display:flex;flex-direction:column;gap:20px;margin-block:auto}.home-greeting{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.home-greeting h1{margin:0;color:var(--gold);font-size:clamp(1.6rem,6vw,2.1rem);line-height:1.1}.home-sub{margin:4px 0 0;font-size:.88rem;opacity:.65}.home-record{display:inline-flex;gap:6px;padding:5px 10px;border-radius:999px;background:#00000047;border:1px solid rgba(230,198,107,.28);font-size:.78rem;font-variant-numeric:tabular-nums;white-space:nowrap}@media (max-width: 500px),(max-height: 500px) and (orientation: landscape){.home-record{display:none}}.modes{display:flex;flex-direction:column;gap:14px}.mode{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:14px;border:1px solid var(--mode-edge, rgba(230, 198, 107, .3));background:var(--mode-bg, rgba(0, 0, 0, .22));position:relative}.mode-dismiss{position:absolute;top:8px;right:8px;width:34px;height:34px;display:grid;place-items:center;padding:0;font-size:1.15rem;line-height:1;border:1px solid transparent;border-radius:9px;background:none;color:var(--cream);opacity:.4}.mode-dismiss:hover,.mode-dismiss:focus-visible{opacity:1;border-color:var(--mode-edge, rgba(230, 198, 107, .35));background:#ffffff12}.mode-restore{align-self:center;padding:7px 14px;font-size:.82rem;background:none;border:1px dashed rgba(230,198,107,.3);border-radius:10px;color:var(--cream);opacity:.6}.mode-restore:hover,.mode-restore:focus-visible{opacity:1;border-style:solid;border-color:#e6c66b80}.mode-kind{display:flex;align-items:center;gap:8px;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mode-accent, var(--gold))}.mode-badge{padding:1px 7px;border-radius:999px;background:#6fd3c42e;border:1px solid rgba(111,211,196,.5);color:var(--accent-learn);letter-spacing:.06em}.mode h2{margin:0;font-size:1.32rem;line-height:1.15;color:var(--cream)}.mode-desc{margin:0;font-size:.88rem;line-height:1.45;opacity:.72}.mode-options{display:flex;flex-direction:column;gap:12px;margin-top:4px}.opt{display:flex;flex-direction:column;gap:5px}.opt-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;opacity:.6}.opt-note{font-size:.76rem;opacity:.6}.mode-go{margin-top:6px;width:100%;padding:12px;border-radius:10px;font-size:.98rem;font-weight:600;border:1px solid var(--mode-accent, var(--gold));background:#ffffff0f;color:var(--mode-accent, var(--gold))}.mode-go:hover:not(:disabled){background:#ffffff1f}.mode-go.primary{background:var(--gold);border-color:transparent;color:#2a2410}.mode-go.primary:hover:not(:disabled){background:#f0d488}.mode-solo{--mode-accent: var(--accent-solo);--mode-edge: rgba(230, 198, 107, .4);--mode-bg: rgba(230, 198, 107, .07)}.mode-online{--mode-accent: var(--accent-online);--mode-edge: rgba(229, 139, 98, .42);--mode-bg: rgba(229, 139, 98, .08)}.mode-learn{--mode-accent: var(--accent-learn);--mode-edge: rgba(111, 211, 196, .36);--mode-bg: rgba(111, 211, 196, .07)}.tile-picker{display:flex;flex-wrap:wrap;gap:8px}.tile-option{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 7px 6px;border:1px solid rgba(230,198,107,.28);border-radius:10px;background:#00000038;color:var(--cream);font:inherit;cursor:pointer;outline:1px solid transparent}.tile-option:hover{border-color:#e6c66b8c}.tile-option.active{border-color:var(--gold);outline-color:var(--gold);background:#e6c66b24}.tile-option-label{font-size:.7rem;letter-spacing:.03em;opacity:.72;white-space:nowrap}.tile-option.active .tile-option-label{color:var(--gold);opacity:1}.settings-row-tiles{flex-direction:column;align-items:stretch;gap:8px}.tile-choice{align-items:flex-start}.tile-choice-card{width:min(560px,100%);margin-block:auto;text-align:left}.tile-choice-card h1,.tile-choice-card .subtitle{text-align:center}.tile-choice-list{display:flex;flex-direction:column;gap:8px;margin:14px 0 4px}.tile-choice-row{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px;border:1px solid rgba(230,198,107,.28);border-radius:12px;background:#00000038;color:var(--cream);font:inherit;text-align:left;cursor:pointer;outline:1px solid transparent}.tile-choice-row:hover{border-color:#e6c66b8c}.tile-choice-row.active{border-color:var(--gold);outline-color:var(--gold);background:#e6c66b24}.tile-choice-sample{display:flex;gap:5px}.tile-choice-name{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-weight:700;font-size:.92rem}.tile-choice-row.active .tile-choice-name{color:var(--gold)}.tile-choice-note{font-weight:400;font-size:.74rem;opacity:.6}@media (max-height: 760px){.tile-choice-sample .tileface-svg{width:32px;height:45px}.tile-choice-row{padding:7px 10px;gap:4px}.tile-choice-list{gap:6px;margin:10px 0 2px}.tile-choice-card .subtitle{margin-bottom:8px}}.tile-sheet{padding:24px;max-width:1100px;margin:0 auto}.tile-sheet h1{color:var(--gold);margin:0 0 4px}.tile-sheet h2{color:var(--gold);margin:0 0 2px;font-size:1.1rem}.tile-sheet-id{font-size:.72rem;opacity:.5;font-weight:400}.tile-sheet-note{margin:0 0 10px;font-size:.78rem;opacity:.6}.tile-sheet-set{padding:14px 0 18px;border-top:1px solid rgba(230,198,107,.25)}.tile-sheet-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}.tile-sheet-label{width:150px;flex:0 0 150px;font-size:.76rem;opacity:.7}.tile-sheet-tiles{display:flex;gap:4px;align-items:flex-end}.tile-sheet-tiles.small{gap:2px;padding:6px 8px;background:#00000040;border-radius:8px}.setup{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.setup-card{background:#00000047;border:1px solid rgba(230,198,107,.35);border-radius:16px;padding:28px 32px;width:min(460px,100%);text-align:center}.setup-card h1{color:var(--gold);margin:0 0 2px}.subtitle{opacity:.6;margin:0 0 20px;font-size:.85rem}.setup-note{display:block;font-size:.78rem;opacity:.6;margin-top:6px}.segmented{display:inline-flex;gap:4px;flex-wrap:wrap}.segmented button{font-weight:600}.segmented button.active{background:var(--gold);color:#2a2410;border-color:transparent}.start-btn{margin-top:12px;width:100%;background:var(--gold);color:#2a2410;border-color:transparent;font-weight:700;padding:12px;font-size:1.05rem}.curtain{position:fixed;top:0;right:0;bottom:0;left:0;background:#061e16f7;display:flex;align-items:center;justify-content:center;z-index:10}.curtain-card{text-align:center;max-width:420px;padding:24px}.curtain-card h2{color:var(--gold)}.exposures{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;justify-content:center}.meld{display:inline-flex;gap:1px;padding:2px 4px;background:#e6c66b26;border:1px solid rgba(230,198,107,.4);border-radius:5px;cursor:default;transition:none}.meld:disabled{opacity:1}.meld .tileface-svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.meld-wrap{display:inline-flex;align-items:center;gap:3px}.meld-swap{padding:2px 6px;border-radius:5px;background:#8e44ad4d;border:1px solid #b06fd6;color:#e3c6f5;font-size:.66rem;font-weight:600;line-height:1.2;white-space:nowrap;pointer-events:none}.seat-left .meld-swap,.seat-right .meld-swap{display:none}.swap-hint{color:#e3c6f5}.meld-grow{padding:2px 6px;font-size:.7rem;font-weight:700;line-height:1.2;border-radius:5px;background:#7fe0a038;border:1px solid rgba(127,224,160,.55);color:#b6f0cd;white-space:nowrap}.meld-grow:hover:not(:disabled){background:#7fe0a061}.meld.redeemable{cursor:pointer;border-color:#b06fd6;background:#8e44ad47;box-shadow:0 0 8px #b06fd673}.meld.redeemable:hover,.meld.redeemable:focus-visible{background:#8e44ad73;border-color:#d3a3ee}.auth-splash{color:var(--cream);opacity:.7}.auth-card{width:min(400px,100%)}.auth-tabs{display:flex;width:100%;margin-bottom:18px}.auth-tabs button{flex:1}.auth-form{display:flex;flex-direction:column;gap:14px;text-align:left}.auth-form label{display:flex;flex-direction:column;gap:5px;font-size:.85rem;opacity:.9}.auth-form input{font:inherit;padding:9px 11px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#ffffff12;color:var(--cream)}.auth-form input:focus{outline:none;border-color:var(--gold)}.field-hint{font-size:.72rem;opacity:.55}.auth-fineprint{font-size:.75rem;opacity:.6;text-align:center;margin:4px 0 0}.auth-error{background:#e0533b2e;border:1px solid rgba(224,83,59,.5);color:#ffd9d0;border-radius:8px;padding:9px 12px;font-size:.85rem;margin-bottom:14px}.auth-notice{background:#e6c66b29;border:1px solid rgba(230,198,107,.5);color:var(--gold);border-radius:8px;padding:9px 12px;font-size:.85rem;margin-bottom:14px}.gated-layout{min-height:100vh;display:flex;flex-direction:column}.gated-main{flex:1;display:flex;flex-direction:column;min-height:0}.gated-main>.setup,.gated-main>.app-shell{flex:1;min-height:0}.account-bar{display:flex;align-items:center;gap:12px;padding:8px 20px;background:#00000052;border-bottom:1px solid rgba(230,198,107,.25);font-size:.85rem;flex-wrap:wrap;position:relative}.account-menu{display:flex;align-items:center;gap:12px}.account-menu-toggle,.account-menu-backdrop,.board-in-menu{display:none}.account-bar .account-menu-host{display:contents}.topbar .account-menu-host{display:none;position:relative}.account-spacer{flex:1}.record{display:inline-flex;gap:6px}.rec{padding:2px 8px;border-radius:999px;font-weight:700;font-size:.78rem;background:#ffffff14}.rec.win{color:#7fe0a0}.rec.loss{color:#f0a08f}.rec.wall{color:var(--gold)}.rec.forfeit{color:#c98b7d}.account-btn{padding:5px 12px;font-size:.82rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:#0e4634;border:1px solid rgba(230,198,107,.4);border-radius:14px;padding:20px 22px;width:min(560px,100%);max-height:85vh;overflow:auto}.admin-modal{width:min(720px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modal-head h2{margin:0;color:var(--gold);font-size:1.2rem}.modal-close{border:none;background:transparent;font-size:1.4rem;line-height:1;padding:2px 8px}.admin-subhead{font-size:.9rem;opacity:.8;margin:16px 0 8px;display:flex;align-items:center;gap:8px}.badge{background:var(--gold);color:#2a2410;border-radius:999px;padding:1px 8px;font-size:.75rem;font-weight:700}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-table td,.admin-table th{padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left}.admin-table th{opacity:.6;font-weight:600}.admin-email{opacity:.7;font-size:.8rem}.admin-phone{white-space:nowrap}.phone-cell{padding:2px 6px;font-size:.8rem;font-variant-numeric:tabular-nums;letter-spacing:.02em;background:none;border:1px solid transparent;border-radius:6px;color:inherit;cursor:pointer}.phone-cell:hover,.phone-cell:focus-visible{border-color:#e6c66b73;background:#e6c66b1a}.phone-edit{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.phone-edit input{width:9.5rem;padding:4px 7px;font-size:.82rem}.phone-error{flex-basis:100%;font-size:.74rem;color:#f0a08f}.admin-actions{display:flex;gap:6px;flex-wrap:wrap}tr.busy{opacity:.5}.admin-add-open{align-self:flex-start;margin-top:4px}.admin-add,.admin-made{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding:12px 14px;background:#ffffff0a;border:1px solid rgba(230,198,107,.3);border-radius:10px}.admin-add .admin-subhead,.admin-made .admin-subhead{margin:0}.admin-add-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.admin-add-fields label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;opacity:.85}.admin-add-fields label .muted{font-size:.72rem}.admin-add-fields input{font-size:.9rem;padding:7px 9px}.admin-made-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-creds{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:#00000047;border-radius:8px}.admin-creds div{display:flex;align-items:baseline;gap:10px}.admin-creds span{flex:0 0 74px;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;opacity:.6}.admin-creds code{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:1rem;letter-spacing:.04em;color:var(--gold);-webkit-user-select:all;user-select:all}button.mini{padding:3px 10px;font-size:.78rem}button.mini.approve{background:#7fe0a033;border-color:#7fe0a080}button.mini.reject{background:#f0a08f26;border-color:#f0a08f73}button.mini.danger{background:#e0533b26;border-color:#e0533b80}.status-pill{display:inline-block;padding:1px 8px;border-radius:999px;font-size:.72rem;font-weight:600;margin-right:4px}.status-pending{background:#e6c66b33;color:var(--gold)}.status-approved{background:#7fe0a033;color:#7fe0a0}.status-rejected{background:#f0a08f33;color:#f0a08f}.status-suspended{background:#96aac338;color:#b8c8dc}.status-admin{background:#ffffff24;color:var(--cream)}.board-table th:not(:first-child),.board-table td:not(:first-child){text-align:center;width:70px}tr.me-row{background:#e6c66b1f}.online-btn{margin-top:10px;width:100%;padding:11px;font-size:.95rem;border-color:#e6c66b80;color:var(--gold)}.lobby{min-height:100vh;padding:18px calc(22px + var(--safe-r)) calc(32px + var(--safe-b)) calc(22px + var(--safe-l));display:flex;flex-direction:column;gap:16px}.lobby-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.lobby-head h1{color:var(--gold);margin:0 0 2px;font-size:1.5rem}.lobby-head .subtitle{margin:0}.lobby-error{align-self:center;padding:8px 14px;border-radius:8px;background:#f0a08f29;border:1px solid rgba(240,160,143,.4);color:#f0a08f;font-size:.88rem}.lobby-outdated{align-self:center;max-width:46ch;padding:10px 14px;border-radius:8px;background:#d6ad6024;border:1px solid rgba(214,173,96,.42);color:#e6c884;font-size:.88rem;line-height:1.45;text-align:center}.lobby-empty{text-align:center;padding:40px}.lobby-tables{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.lobby-table{background:#0000003d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 16px 16px}.lobby-table.mine{border-color:var(--gold);box-shadow:0 0 16px #e6c66b38}.lobby-table.playing{opacity:.75}.lobby-table-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.lobby-table-head h2{margin:0;font-size:1.05rem;color:var(--gold)}.lobby-table-tag{font-size:.75rem;opacity:.65}.lobby-table-note{margin:10px 0 0;font-size:.78rem;opacity:.65;text-align:center}.chair-layout{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto;gap:6px;align-items:center;justify-items:center}.chair-felt{grid-column:2;grid-row:2;width:100%;min-height:62px;border-radius:999px;background:radial-gradient(circle at 50% 35%,var(--felt-light),var(--felt));border:1px solid rgba(230,198,107,.25);display:flex;align-items:center;justify-content:center}.chair-felt-label{font-size:.72rem;opacity:.55}.chair{width:100%;min-height:58px;padding:5px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#ffffff0d;font:inherit;color:inherit;text-align:center}button.chair:not(:disabled){cursor:pointer;border-style:dashed}button.chair:not(:disabled):hover{background:#e6c66b24;border-color:var(--gold)}button.chair:disabled{opacity:.4}.chair.taken{background:#ffffff1a;border-style:solid}.chair.you{border-color:var(--gold);background:#e6c66b29}.chair.away{opacity:.55}.chair-n{grid-column:2;grid-row:1}.chair-w{grid-column:1;grid-row:2}.chair-e{grid-column:3;grid-row:2}.chair-s{grid-column:2;grid-row:3}.chair-seat{font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;opacity:.55}.chair-name{font-size:.86rem;font-weight:600}.chair-state{font-size:.68rem;opacity:.6}.chair-state.ready{color:#7fe0a0;opacity:1}.lobby-controls{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;align-items:center;gap:8px}.segmented.small button{padding:4px 9px;font-size:.78rem}.start-btn.small{width:auto;margin-top:0;padding:7px 14px;font-size:.85rem}.start-btn:disabled{background:#ffffff1f;color:var(--cream);opacity:.6;cursor:not-allowed}.ready-check{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;cursor:pointer}.join-modal{width:min(400px,92vw)}.join-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.leave-modal{width:min(440px,92vw)}.leave-btn{padding:5px 12px;font-size:.82rem;background:#e0533b4d;border-color:#f0a08f80;color:#ffd9cf}.leave-btn:hover{background:#e0533b73}.lobby-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}@media (max-width: 900px){.lobby-body{grid-template-columns:minmax(0,1fr)}}.lobby-rail{display:flex;flex-direction:column;gap:12px;position:sticky;top:12px}.rail-card{background:#0000003d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px}.rail-card h3{margin:0 0 8px;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:var(--gold);opacity:.85}.small{font-size:.78rem}.online-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;max-height:220px;overflow-y:auto}.online-list li{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.82rem}.online-list li.me .online-name{color:var(--gold)}.online-name{font-weight:600}.online-where{font-size:.72rem;opacity:.6;text-align:right}.chat-card{display:flex;flex-direction:column;min-height:260px}.chat-log{flex:1;max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:7px;padding-right:4px}.chat-line{display:flex;flex-direction:column;font-size:.82rem;line-height:1.3}.chat-who{font-size:.7rem;font-weight:700;opacity:.75}.chat-line.mine .chat-who{color:var(--gold)}.chat-at{font-weight:400;opacity:.6}.chat-text{overflow-wrap:anywhere}.chat-input{display:flex;gap:6px;margin-top:10px}.chat-input input{flex:1;min-width:0;padding:6px 9px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#00000040;color:inherit;font:inherit;font-size:.82rem}.chat-input button:disabled{opacity:.4;cursor:not-allowed}.table-name{display:flex;align-items:center;gap:6px}.rename-btn{padding:1px 6px;font-size:.75rem;line-height:1.4;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:inherit;cursor:pointer}.rename-btn:hover{border-color:var(--gold);color:var(--gold)}.table-name-input{font:inherit;font-size:1.05rem;font-weight:700;color:var(--gold);background:#0000004d;border:1px solid var(--gold);border-radius:8px;padding:2px 8px;max-width:190px}.chair.arrived{animation:chair-arrive .7s ease-out 2}@keyframes chair-arrive{0%{box-shadow:0 0 #e6c66b00}40%{box-shadow:0 0 14px 3px #e6c66b8c;border-color:var(--gold)}to{box-shadow:0 0 #e6c66b00}}@media (prefers-reduced-motion: reduce){.chair.arrived{animation:none;border-color:var(--gold)}}.status.waiting{background:#f0a08f2e;color:#f0a08f}.status.done{background:#7fe0a029;color:#b9f0cf}.inline-btn{font:inherit;font-weight:700;margin-left:6px;padding:3px 10px;border-radius:7px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:inherit;cursor:pointer}.inline-btn:hover{border-color:var(--gold);color:var(--gold)}.watch-row{justify-content:center;border-top:none;padding-top:0;margin-top:8px}.watch-row .lobby-table-note{margin:0}.link-btn{background:none;border:none;padding:4px;font:inherit;font-size:.82rem;color:var(--gold);opacity:.85;cursor:pointer;text-decoration:underline}.link-btn:hover:not(:disabled){background:none;opacity:1}.forgot-intro{text-align:left;margin:0 0 4px}.table-chat{position:fixed;right:14px;top:50%;transform:translateY(-50%);width:min(300px,calc(100vw - 28px));max-height:46vh;display:flex;flex-direction:column;background:rgba(var(--panel-rgb),.95);border:1px solid rgba(230,198,107,.35);border-radius:12px;padding:10px 12px 12px;z-index:8;box-shadow:0 8px 24px #0006}.table-chat-head{display:flex;align-items:baseline;gap:6px;margin-bottom:8px;font-size:.8rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--gold)}.table-chat-note{font-size:.66rem;font-weight:400;letter-spacing:0;text-transform:none;opacity:.55;color:var(--cream)}.table-chat-close{margin-left:auto;background:none;border:none;color:var(--cream);opacity:.6;font-size:1.1rem;line-height:1;padding:0 2px;cursor:pointer}.table-chat-close:hover{opacity:1}.table-chat .chat-log{max-height:30vh}.table-chat-tab{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:8;display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1px solid rgba(230,198,107,.35);background:rgba(var(--panel-rgb),.95);color:var(--cream);font-size:.82rem;cursor:pointer}.table-chat-tab:hover{border-color:var(--gold)}.chat-unread{min-width:18px;padding:1px 5px;border-radius:999px;background:var(--gold);color:#2a2410;font-size:.7rem;font-weight:700;text-align:center}.online-table.with-chat .app-shell{--chat-gutter: 306px}@media (max-width: 700px){.online-table.with-chat .app-shell{--chat-gutter: 0px}.table-chat{top:auto;bottom:10px;transform:none;max-height:38vh}}@media (max-width: 1100px){.app-shell.with-card{--card-gutter: 0px}}@media (max-height: 700px){.app-shell{gap:8px;padding-top:8px;padding-bottom:10px}.table{gap:10px}.discard-pile{min-height:44px;padding:6px}.player-area{padding:8px}.hand{padding-top:16px}.app-shell:not(.with-card) .player-header{padding-left:104px}}:root{--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}@media (max-width: 500px){.app-shell{padding:calc(6px + var(--safe-t)) calc(8px + var(--safe-r)) calc(8px + var(--safe-b)) calc(8px + var(--safe-l));gap:6px;--hand-tile: clamp(38px, calc((100vw - var(--safe-l) - var(--safe-r) - 84px) / 7), 56px)}.topbar{flex-wrap:wrap;gap:4px 8px}.topbar h1,.app-shell.with-card .topbar h1{font-size:1rem;flex:1 1 100%}.scoreboard{gap:8px;font-size:.78rem}.score-chip{font-size:.75rem}.topbar-actions{flex-wrap:wrap;gap:6px}.topbar-actions button{padding:5px 9px;font-size:.75rem}.seed,.topbar h1,.actions-in-menu .board-action{display:none}.board-in-menu{display:block}.settings-panel{left:0;right:auto;min-width:min(300px,calc(100vw - 20px - var(--safe-l) - var(--safe-r)));max-width:calc(100vw - 20px - var(--safe-l) - var(--safe-r))}.settings-row{flex-direction:column;align-items:stretch;gap:5px}.settings-row .segmented.small{display:flex}.settings-row .record{justify-content:flex-start}.settings-row .segmented.small button{flex:1 1 0;min-height:40px;font-size:.85rem}.settings-section .mini{min-height:44px;font-size:.85rem}.status{font-size:.85rem;padding:6px}.gated-layout.off-board .account-bar,.gated-layout.board-live .account-bar{display:none}.topbar .account-menu-host{display:block}.topbar .account-menu.open{right:0}.gated-layout.off-board .home{padding-top:calc(12px + var(--safe-t))}.tab-bar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:20;padding:6px calc(6px + var(--safe-r)) calc(6px + var(--safe-b)) calc(6px + var(--safe-l));background:rgb(var(--panel-rgb));border-top:1px solid rgba(230,198,107,.25)}.tab-bar .tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;border:none;border-radius:10px;background:none;color:var(--cream);font-size:.68rem;letter-spacing:.02em;opacity:.62}.tab-bar .tab.active{background:#e6c66b24;color:var(--gold);opacity:1}.gated-layout.off-board .gated-main{padding-bottom:74px}.app-shell{max-height:100dvh;overflow:hidden}.table{gap:4px}.seat-left,.seat-right{max-width:74px;padding:4px 2px}.seat-top{padding:4px 8px}.opponent{min-width:0;padding:5px 8px}.opponent .tile-backs{display:none}.opponent.revealed .tile-backs{display:flex}.opponent.revealed .tile-count{display:none}.app-shell:has(.opponent.revealed) .discard-pile{max-height:52px}.app-shell:has(.opponent.revealed){--hand-tile: 34px}.app-shell:has(.opponent.revealed) .player-area{padding:6px 8px}.win-result{padding:8px 10px}.win-result-tiles{margin-bottom:6px;gap:4px 8px}.win-result-tiles .tileface-svg{width:26px;height:auto}.opponent.revealed .tile-backs .tileface-svg{width:15px;height:auto}.opponent-name{margin-bottom:0;font-size:.85rem}.tile-count{margin-top:0;font-size:.72rem}.opponent .exposures{flex-basis:100%;margin-top:2px;justify-content:flex-start;gap:4px}.opponent .exposures .tileface-svg{width:20px;height:auto}.table-center{flex:1 1 auto;gap:4px}.discard-label{font-size:.74rem}.table-center{justify-content:flex-start}.discard-pile{--discard-tile: 26px;flex:1 1 auto;max-width:100%;min-height:40px;max-height:34dvh;overflow-y:auto;gap:3px;padding:5px}.discard-hint{max-width:100%;font-size:.74rem}.player-area{padding:8px}.player-header{flex-wrap:wrap;gap:6px;margin-bottom:6px;padding-left:0}.app-shell:not(.with-card) .player-header{padding-left:0}.player-name{font-size:.85rem}.hand{display:grid;grid-template-columns:repeat(7,var(--hand-tile));justify-content:center;gap:4px;padding-top:12px}.hand-tile{padding:0;width:var(--hand-tile)}.hand .tileface-svg{width:100%}@media (hover: hover){.hand-tile:hover:not(:disabled){transform:none}}.hand-tile.selected:not(:disabled){transform:translateY(-10px)}.controls{flex-wrap:wrap;gap:6px;width:100%}.controls button{flex:1 1 auto;min-height:44px;padding:8px 12px}.stage-label{flex-basis:100%;font-size:.8rem;margin-right:0}.card-drawer,.table-chat{position:fixed;left:0;right:0;top:0;bottom:0;width:auto;max-width:none;max-height:none;transform:none;border-radius:0;border:none;z-index:30;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l))}.card-drawer .card-hands-scroll,.table-chat .chat-log{max-height:none;flex:1 1 auto;-webkit-overflow-scrolling:touch}.card-drawer-close,.table-chat-close{min-width:44px;min-height:44px;font-size:1.4rem}.card-side{position:static;transform:none;align-self:flex-start}.card-tab{padding:7px 12px;min-height:38px}.table-chat-tab{top:auto;bottom:calc(6px + var(--safe-b));right:calc(8px + var(--safe-r));transform:none;padding:6px 11px;font-size:.76rem;z-index:25}.online-table .app-shell{padding-bottom:calc(48px + var(--safe-b))}.setup{padding:calc(12px + var(--safe-t)) calc(14px + var(--safe-r)) calc(12px + var(--safe-b)) calc(14px + var(--safe-l));align-items:flex-start}.setup-card{padding:14px 16px;width:100%;margin-top:auto;margin-bottom:auto}.setup-card h1{font-size:1.3rem}.subtitle{margin:0 0 12px;font-size:.78rem}.setup-note{font-size:.72rem;margin-top:4px}.start-btn{margin-top:8px;padding:11px;font-size:1rem}.online-btn{margin-top:7px;padding:10px}.auth-tabs{margin-bottom:12px}.account-bar{gap:6px 10px;padding:calc(5px + var(--safe-t)) calc(12px + var(--safe-r)) 5px calc(12px + var(--safe-l));font-size:.85rem;flex-wrap:nowrap}.account-spacer{display:block}.record-inbar{display:none}.account-menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:36px;padding:4px 10px;font-size:1.15rem;line-height:1;flex:0 0 auto}.account-menu{display:none}.account-menu.open{display:flex;flex-direction:column;align-items:stretch;gap:6px;position:absolute;top:100%;right:calc(8px + var(--safe-r));left:auto;min-width:210px;max-width:calc(100vw - 16px - var(--safe-l) - var(--safe-r));padding:10px;background:rgba(var(--panel-rgb),.98);border:1px solid rgba(230,198,107,.35);border-radius:12px;box-shadow:0 10px 24px #00000080;z-index:40}.account-menu.open .account-btn{width:100%;text-align:left;min-height:44px;padding:8px 12px;font-size:.9rem}.account-menu-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:39}.rec{font-size:.76rem;padding:2px 7px}.modal-backdrop{padding:calc(8px + var(--safe-t)) calc(8px + var(--safe-r)) calc(8px + var(--safe-b)) calc(8px + var(--safe-l))}.modal{max-width:100%;max-height:100%;overflow-y:auto}.join-modal,.leave-modal{width:100%}.admin-modal{padding-left:12px;padding-right:12px}.admin-table{font-size:.8rem}.admin-table td{padding:6px 4px}.admin-email{overflow-wrap:anywhere}.chair-layout{gap:4px}}@supports (min-height: 100dvh){@media (max-width: 500px),(max-height: 500px){.app-shell,.setup,.gated-layout{min-height:100dvh}}}@media (max-height: 500px) and (orientation: landscape){.app-shell{padding:calc(4px + var(--safe-t)) calc(8px + var(--safe-r)) calc(4px + var(--safe-b)) calc(8px + var(--safe-l));gap:3px;--hand-tile: clamp(34px, calc((100vw - var(--safe-l) - var(--safe-r) - 140px) / 14), 62px)}.topbar h1,.app-shell.with-card .topbar h1{font-size:.95rem}.topbar-actions button{padding:4px 9px;font-size:.75rem}.status{padding:4px;font-size:.82rem}.app-shell{max-height:100dvh;overflow:hidden}.gated-layout:not(.signed-out) .gated-main>.app-shell{padding-top:4px}.table{gap:4px}.discard-pile{max-width:100%}.seat-left,.seat-right{max-width:96px;padding:3px}.seat-top{padding:2px 8px}.opponent{min-width:0;gap:1px;padding:3px 6px}.opponent .tile-backs{display:none}.opponent.revealed .tile-backs{display:flex}.opponent.revealed .tile-count{display:none}.app-shell:has(.opponent.revealed) .discard-pile{max-height:52px}.app-shell:has(.opponent.revealed){--hand-tile: 34px}.app-shell:has(.opponent.revealed) .player-area{padding:6px 8px}.win-result{padding:8px 10px}.win-result-tiles{margin-bottom:6px;gap:4px 8px}.win-result-tiles .tileface-svg{width:26px;height:auto}.opponent.revealed .tile-backs .tileface-svg{width:15px;height:auto}.opponent-name{margin-bottom:0;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tile-count{margin-top:0;font-size:.68rem}.opponent .exposures{margin-top:1px;gap:3px;justify-content:center}.opponent .exposures .tileface-svg{width:15px;height:auto}.opponent .meld{padding:1px 2px}.table-center{flex:0 1 auto;gap:2px}.table-center{justify-content:flex-start}.discard-pile{--discard-tile: 24px;flex:1 1 auto;min-height:28px;max-height:44px;overflow-y:auto;padding:4px;gap:3px}.discard-label,.discard-hint{font-size:.72rem}.player-area{padding:6px}.player-header{margin-bottom:2px;padding-left:0}.app-shell:not(.with-card) .player-header{padding-left:0}.player-area .exposures{margin-top:2px;gap:3px}.player-area .exposures .tileface-svg{width:16px;height:auto}.player-area .meld{padding:1px 3px}.hand{padding-top:8px;gap:4px}.hand-tile{padding:0}@media (hover: hover){.hand-tile:hover:not(:disabled){transform:none}}.hand-tile.selected:not(:disabled){transform:translateY(-8px)}.controls button{min-height:38px}.card-drawer,.table-chat{position:fixed;top:0;right:0;bottom:0;left:0;width:auto;max-width:none;max-height:none;transform:none;border-radius:0;z-index:30;padding:calc(8px + var(--safe-t)) calc(12px + var(--safe-r)) calc(10px + var(--safe-b)) calc(12px + var(--safe-l))}.card-side{position:static;transform:none;align-self:flex-start}.card-tab{padding:5px 11px}.setup{align-items:flex-start;padding:calc(8px + var(--safe-t)) calc(14px + var(--safe-r)) calc(8px + var(--safe-b)) calc(14px + var(--safe-l))}.setup-card{padding:14px 16px;margin-top:auto;margin-bottom:auto}.account-bar{gap:4px 10px;padding:calc(4px + var(--safe-t)) calc(12px + var(--safe-r)) 4px calc(12px + var(--safe-l));font-size:.78rem}.record-inbar{display:none}.account-btn{padding:4px 10px;font-size:.75rem}.modal-backdrop{padding:calc(6px + var(--safe-t)) calc(8px + var(--safe-r)) calc(6px + var(--safe-b)) calc(8px + var(--safe-l))}.modal{max-height:100%;overflow-y:auto}}.lesson-screen{align-items:flex-start}.lesson-menu-card{width:min(780px,100%);margin-block:auto}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:4px 0 14px}.lesson-tile{display:flex;flex-direction:column;align-items:flex-start;position:relative;gap:4px;padding:14px;text-align:left;background:#ffffff0d;border:1px solid rgba(230,198,107,.28);border-radius:10px;color:inherit;font:inherit;cursor:pointer;height:100%}@media (hover: hover){.lesson-tile:hover{background:#e6c66b1f;border-color:#e6c66b99}}.lesson-tile-done{position:absolute;top:10px;right:12px;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:#e6c66b24;border:1px solid rgba(230,198,107,.5);color:var(--gold);font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.5}.lesson-tile-no{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e6c66b2e;border:1px solid rgba(230,198,107,.45);font-size:.82rem;font-weight:700;color:#e6c66b}.lesson-tile-title{font-size:.95rem;line-height:1.25}.lesson-tile-blurb{font-size:.78rem;line-height:1.35;opacity:.72}.lesson-tile-steps{margin-top:auto;padding-top:6px;font-size:.72rem;opacity:.6;white-space:nowrap}.lesson-list-note{margin-bottom:4px}@media (max-width: 480px){.lesson-tile{display:grid;grid-template-columns:26px 1fr;column-gap:10px;row-gap:2px;align-items:center;padding:12px 14px}.lesson-tile-title{padding-right:62px}.lesson-tile-blurb,.lesson-tile-steps{grid-column:2}.lesson-tile-steps{margin-top:2px;padding-top:0}}.lesson-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.lesson-shell>.app-shell{flex:1 1 auto;min-height:0}.gated-main>.lesson-shell{flex:1;min-height:0;height:auto}.gated-layout:has(.lesson-shell){height:100vh;min-height:0;overflow:hidden}.lesson-sheet{flex:0 1 auto;min-height:0;z-index:45;padding:12px calc(14px + var(--safe-r)) calc(12px + var(--safe-b)) calc(14px + var(--safe-l));background:rgba(var(--panel-rgb),.97);border-top:1px solid rgba(230,198,107,.45);box-shadow:0 -8px 24px #00000073;display:flex;flex-direction:column;gap:6px;max-height:45vh;overflow-y:auto}.lesson-sheet-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.lesson-step-of{font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--gold);opacity:.85}.lesson-quit{padding:3px 10px;font-size:.76rem}.lesson-title{margin:0;font-size:1.05rem;color:var(--gold)}.lesson-body{margin:0;font-size:.9rem;line-height:1.45}.lesson-praise{margin:0;font-size:.88rem;color:#b6f0cd}.lesson-spoiled{margin:0;font-size:.85rem;color:#f0c98f}.lesson-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}.lesson-actions button{min-height:40px;padding:8px 18px}.lesson-spot{position:absolute;z-index:44;pointer-events:none;border:2px solid var(--gold);border-radius:12px;box-shadow:0 0 0 3px #e6c66b38,0 0 18px #e6c66b73}.lesson-spot.gliding{transition:top .18s ease,left .18s ease,width .18s ease,height .18s ease}@media (prefers-reduced-motion: reduce){.lesson-spot.gliding{transition:none}}@media (max-width: 500px){.lesson-sheet{max-height:52vh}.lesson-actions button{flex:1 1 auto;min-height:44px}}@supports (height: 100dvh){.lesson-shell{height:100dvh}.gated-main>.lesson-shell{height:auto}.gated-layout:has(.lesson-shell){height:100dvh}}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:radial-gradient(circle at 50% 20%,var(--felt-light),var(--felt) 70%)}.splash.leaving{animation:splash-out .42s ease-in both}.splash-by{margin:0;font-size:.7rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#f5f5f073;padding-left:.3em;animation:splash-rise .48s ease-out both}.splash-mark{width:clamp(240px,60vw,380px);aspect-ratio:1280 / 309;position:relative;overflow:hidden;-webkit-mask-image:var(--mark);mask-image:var(--mark);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background:linear-gradient(158deg,#e8d193 0%,var(--gold) 38%,#bf9836 100%);animation:splash-rise .48s ease-out both}.splash-mark:after{content:"";position:absolute;top:-40%;right:-8%;bottom:-40%;left:-8%;background:linear-gradient(102deg,transparent 44%,rgba(255,255,255,.5) 48.5%,#fffdf2 50%,rgba(255,255,255,.5) 51.5%,transparent 56%);animation:splash-sheen 1.05s cubic-bezier(.45,.05,.55,.95) .48s both}@keyframes splash-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes splash-sheen{0%{transform:translate(-52%)}to{transform:translate(52%)}}@keyframes splash-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.splash-by,.splash-mark{animation:splash-fade-in .3s ease-out both}.splash-mark:after{display:none}@keyframes splash-fade-in{0%{opacity:0}to{opacity:1}}}@media (max-height: 420px){.splash{gap:12px}.splash-mark{width:clamp(180px,34vw,280px)}}