:root,[data-theme=light]{--bg:#f5f7fa;--bg-elevated:#fff;--bg-muted:#eef1f6;--ink:#1a2332;--ink-muted:#5b6577;--ink-dim:#8b95a8;--line:#d8dee8;--blue:#2f6fed;--blue-hover:#2558c7;--blue-soft:#2f6fed1a;--blue-text:#2f6fed;--amber:#c9851a;--amber-soft:#c9851a1f;--good:#1f9d63;--bad:#d64545;--banner-info-fg:#1e4fa8;--shadow-sm:0 1px 2px #1a23320d;--shadow-md:0 8px 24px #1a23320f;--overlay:#10162066;--card-face:#fff;--card-ink:#1a2332;--card-border:#1a23321f}[data-theme=dark]{--bg:#14181f;--bg-elevated:#1c222c;--bg-muted:#262d3a;--ink:#eef1f6;--ink-muted:#9aa3b5;--ink-dim:#6d778c;--line:#313a4a;--blue:#4d8dff;--blue-hover:#3b7af0;--blue-soft:#4d8dff24;--blue-text:#8eb6ff;--amber:#e8a838;--amber-soft:#e8a83824;--good:#3dcf8e;--bad:#f07171;--banner-info-fg:#9ec5ff;--shadow-sm:0 1px 2px #00000040;--shadow-md:0 10px 28px #00000047;--overlay:#0000008c;--card-face:#fff;--card-ink:#1a2332;--card-border:#0000002e}:root{--radius:10px;--radius-sm:8px;--touch:44px;--font:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--nav-h:72px;--safe-bottom:env(safe-area-inset-bottom,0px);--max:720px;--max-wide:1040px}@media (width>=900px){:root{--max:920px;--max-wide:1120px}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font);letter-spacing:-.02em;color:var(--ink);margin:0 0 .4rem;font-weight:600;line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}.app-shell{min-height:100dvh;padding-bottom:calc(var(--nav-h) + var(--safe-bottom));flex-direction:column;display:flex}.game-shell{height:100dvh;max-height:100dvh;padding-bottom:0;overflow:clip hidden}.app-main{flex:1}.page{width:min(var(--max), 100%);margin:0 auto;padding:20px 16px 28px}.page-wide{width:min(var(--max-wide), 100%)}.page-head{margin-bottom:18px}.page-head p{margin:0}.topbar{background:var(--bg-elevated);border-bottom:1px solid var(--line);z-index:20;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.top-nav{flex:1;align-items:center;gap:4px;min-width:0;margin:0 8px;display:none}.top-nav a{border-radius:var(--radius-sm);color:var(--ink-dim);white-space:nowrap;align-items:center;gap:6px;padding:8px 12px;font-size:.86rem;font-weight:600;transition:color .14s,background .14s;display:inline-flex}.top-nav a svg{flex-shrink:0}.top-nav a:hover{color:var(--ink-muted);background:var(--bg-muted)}.top-nav a.active{color:var(--blue-text);background:var(--blue-soft)}.game-topbar{padding:10px 12px}.topbar-title{flex-direction:column;gap:1px;min-width:0;display:flex}.topbar-title strong{white-space:nowrap;text-overflow:ellipsis;font-size:.98rem;overflow:hidden}.topbar-title .muted{font-size:.75rem}.brand{color:var(--ink);cursor:pointer;letter-spacing:-.02em;background:0 0;border:none;padding:0;font-size:1.05rem;font-weight:700}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-elevated);width:40px;height:40px;color:var(--ink-muted);cursor:pointer;justify-content:center;align-items:center;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.icon-btn.icon-btn-sm{width:36px;height:36px;min-height:36px}.topbar-actions{align-items:center;gap:8px}.icon-btn:hover{background:var(--bg-muted);color:var(--ink);border-color:var(--ink-dim)}.bottom-nav{height:calc(var(--nav-h) + var(--safe-bottom));padding:10px 8px calc(10px + var(--safe-bottom));background:var(--bg-elevated);border-top:1px solid var(--line);z-index:30;grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--ink-dim);border-radius:var(--radius-sm);flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:48px;font-size:.7rem;font-weight:600;transition:color .14s,background .14s;display:flex}.bottom-nav a svg{flex-shrink:0;display:block}.bottom-nav a:hover{color:var(--ink-muted);background:var(--bg-muted)}.bottom-nav a.active{color:var(--blue-text);background:var(--blue-soft)}@media (width>=900px){.app-shell{padding-bottom:0}.top-nav{display:flex}.bottom-nav{display:none}.page .game-footer{bottom:var(--safe-bottom)}.pwa-toast-stack{bottom:calc(12px + var(--safe-bottom))}}.btn{border-radius:var(--radius-sm);background:var(--blue);color:#fff;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:.9rem;font-weight:600;transition:background .14s,border-color .14s;display:inline-flex}.btn:hover:not(:disabled){background:var(--blue-hover)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.secondary{background:var(--bg-elevated);border-color:var(--line);color:var(--ink)}.btn.secondary:hover:not(:disabled){background:var(--bg-muted);border-color:var(--ink-dim)}.btn.ghost{border-color:var(--line);color:var(--ink-muted);background:0 0}.btn.ghost:hover:not(:disabled){background:var(--bg-muted);color:var(--ink)}.btn.danger{background:var(--bad)}.btn.block{width:100%}.btn.block+.btn.block{margin-top:8px}.btn.btn-sm{min-height:36px;padding:0 12px;font-size:.82rem}.btn-group{flex-wrap:wrap;align-items:stretch;gap:8px;margin-top:12px;display:flex}.btn-group .btn{white-space:nowrap;flex:1 1 0;width:auto;min-width:0;min-height:46px;padding:0 12px}.btn-group .btn.block{width:auto;margin-top:0}@media (width<=380px){.btn-group .btn,.rook-sheet-actions .btn{white-space:normal;padding-block:10px;line-height:1.2}}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--ink-muted);font-size:.8rem;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);width:100%;min-width:0;min-height:42px;color:var(--ink);padding:10px 12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);outline:none}.error-text{color:var(--bad);margin:8px 0;font-size:.88rem}.success-text{color:var(--good);margin:8px 0;font-size:.88rem}.profile-section{border-top:1px solid var(--line);margin-top:8px;padding-top:16px}.profile-section h2{margin:0 0 4px;font-size:1rem}.profile-layout{flex-direction:column;gap:16px;display:flex}.profile-aside{flex-direction:column;order:-1;gap:16px;display:flex}.profile-main{order:0}.profile-prefs h2,.profile-aside h2{margin:0 0 4px;font-size:1rem}.profile-prefs .muted{margin:0 0 12px}@media (width>=900px){.profile-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:20px;display:grid}.profile-main{order:0;grid-area:1/1}.profile-aside{order:0;grid-area:1/2}}.profile-admin-link{text-align:center;margin:28px 0 0;font-size:.82rem}.profile-admin-link a:hover{color:var(--ink-dim);text-decoration:underline}.home-whats-new{text-align:center;margin:18px 0 0}.home-whats-new .linkish{font:inherit;color:var(--blue-text);cursor:pointer;background:0 0;border:none;padding:0;font-size:.86rem;font-weight:600}.home-whats-new .linkish:hover{text-decoration:underline}.whats-new-release{padding:16px}.whats-new-release-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.whats-new-release-head>div{flex:1;min-width:0}.whats-new-release-head h2{overflow-wrap:anywhere;margin:0;font-size:1.15rem}.whats-new-release-head .chip{flex-shrink:0;max-width:none}.whats-new-summary{color:var(--ink-muted);margin:0 0 14px;font-size:.92rem;line-height:1.45}.whats-new-section{margin-top:14px}.whats-new-section h3{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 6px;font-size:.82rem;font-weight:700}.whats-new-section ul{flex-direction:column;gap:6px;margin:0;padding-left:1.15rem;display:flex}.whats-new-section li{color:var(--ink);font-size:.9rem;line-height:1.4}.panel{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px}.muted{color:var(--ink-muted)}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.stack{flex-direction:column;gap:12px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.panel .grid-2,.panel .grid-2>.field{min-width:0}@media (width<=380px){.panel .grid-2{grid-template-columns:1fr;gap:0}}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);text-align:center;padding:12px 8px}.stat strong{font-size:1.2rem;font-weight:700;display:block}.stat span{color:var(--ink-muted);font-size:.75rem}.game-pick{gap:10px;display:grid}@media (width>=720px){.game-pick{grid-template-columns:repeat(3,1fr)}}.game-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-elevated);text-align:left;cursor:pointer;min-height:132px;color:var(--ink);box-shadow:var(--shadow-sm);flex-direction:column;gap:8px;padding:16px;transition:border-color .14s,background .14s,box-shadow .14s;display:flex}.game-card:hover{border-color:var(--blue);box-shadow:var(--shadow-md)}.game-card h3{margin:0}.game-card p{color:var(--ink-muted);flex:1;margin:0;font-size:.9rem}.chip{background:var(--bg-muted);border:1px solid var(--line);min-height:26px;color:var(--ink-muted);border-radius:999px;align-items:center;padding:0 9px;font-size:.74rem;font-weight:600;display:inline-flex}.chip.accent{background:var(--blue-soft);color:var(--blue-text);text-overflow:ellipsis;white-space:nowrap;border-color:#0000;max-width:min(220px,52vw);overflow:hidden}.chip.chip-btn{cursor:pointer;font:inherit;color:var(--ink-muted);font-size:.74rem;font-weight:600;transition:border-color .14s,background .14s,color .14s}.chip.chip-btn:hover{border-color:var(--blue);color:var(--blue-text);background:var(--blue-soft)}.segmented{background:var(--bg-muted);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}.segmented.segmented-2{grid-template-columns:repeat(2,1fr)}.segmented.segmented-3{grid-template-columns:repeat(3,1fr)}.segmented button{border-radius:var(--radius-sm);min-height:38px;color:var(--ink-muted);cursor:pointer;background:0 0;border:none;font-size:.82rem;font-weight:600}.segmented button.active{background:var(--bg-elevated);color:var(--ink);box-shadow:var(--shadow-sm)}.dialog-backdrop{background:var(--overlay);z-index:50;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}@media (width>=640px){.dialog-backdrop{align-items:center}}.dialog{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);width:min(420px,100%);box-shadow:var(--shadow-md);padding:20px}.loading{min-height:50vh;color:var(--ink-muted);place-items:center;display:grid}.card{--card-w:52px;--card-h:74px;width:var(--card-w);height:var(--card-h);border:1px solid var(--card-border);-webkit-user-select:none;user-select:none;background:var(--card-face);color:var(--card-ink);box-shadow:var(--shadow-sm);border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;font-weight:700;display:flex;position:relative}.card.sm{--card-w:40px;--card-h:56px;font-size:.74rem}.card.md{--card-w:52px;--card-h:74px;font-size:.9rem}.card.lg{--card-w:64px;--card-h:92px;font-size:1.05rem}.card.selected{outline:2px solid var(--amber);outline-offset:2px;z-index:2}.card.playable{cursor:pointer}.card.playable:hover{transform:translateY(-3px)}.card.disabled{opacity:.45;pointer-events:none}.card.card-back{background-image:linear-gradient(135deg,#ffffff0f 25%,#0000 25%),linear-gradient(225deg,#ffffff0f 25%,#0000 25%),linear-gradient(45deg,#ffffff0f 25%,#0000 25%),linear-gradient(315deg,#ffffff0f 25%,#0000 25%);background-position:0 0,6px 0,6px -6px,0 6px;background-size:12px 12px}.card-back-count{opacity:.85;font-size:.68em;font-weight:600}.card-pile{flex-direction:column;align-items:center;gap:6px;display:flex}.card-pile-caption{color:var(--ink-muted);letter-spacing:.02em;font-size:.72rem;font-weight:600}.hand-row{flex-wrap:wrap;align-items:stretch;gap:8px;width:100%;max-width:100%;padding:8px 0 4px;display:flex}.hand-row.compact{gap:6px}.hand-row.compact .card.lg{--card-w:50px;--card-h:72px;font-size:.92rem}.hand-row.compact .card.md{--card-w:44px;--card-h:62px;font-size:.82rem}.hand-row.tiny{gap:5px}.hand-row.tiny .card.lg,.hand-row.tiny .card.md{--card-w:42px;--card-h:60px;font-size:.8rem}.hand-row.tiny .card.sm{--card-w:34px;--card-h:48px;font-size:.68rem}@media (width<=480px){.card.lg{--card-w:56px;--card-h:80px;font-size:.95rem}.hand-row{gap:6px}}@media (width>=900px){.card.lg{--card-w:68px;--card-h:96px}}.action-log{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:14px;padding:12px}.action-log-head{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:8px;font-size:.72rem;font-weight:700}.action-log-empty{margin:0;font-size:.85rem}.action-log-list{flex-direction:column;gap:6px;max-height:140px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.action-log-list,.opponents{scrollbar-width:thin;scrollbar-color:var(--ink-dim) var(--bg-muted)}.action-log-list::-webkit-scrollbar{width:6px;height:6px}.opponents::-webkit-scrollbar{width:6px;height:6px}.action-log-list::-webkit-scrollbar-track{background:var(--bg-muted);border-radius:999px}.opponents::-webkit-scrollbar-track{background:var(--bg-muted);border-radius:999px}.action-log-list::-webkit-scrollbar-thumb{background:var(--ink-dim);border:1px solid var(--bg-muted);border-radius:999px}.opponents::-webkit-scrollbar-thumb{background:var(--ink-dim);border:1px solid var(--bg-muted);border-radius:999px}.action-log-list::-webkit-scrollbar-thumb:hover{background:var(--ink-muted)}.opponents::-webkit-scrollbar-thumb:hover{background:var(--ink-muted)}.action-log-list::-webkit-scrollbar-corner{background:0 0}.opponents::-webkit-scrollbar-corner{background:0 0}.action-log-item{color:var(--ink);border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--line);padding:6px 8px;font-size:.86rem;line-height:1.35}.action-log-item.tone-good{color:var(--good);background:#1f9d631a;border-color:#0000}.action-log-item.tone-bad{color:var(--bad);background:#d645451a;border-color:#0000}.action-log-item.tone-accent{background:var(--blue-soft);color:var(--blue-text);border-color:#0000}.game-layout{gap:14px;min-width:0;display:grid}.game-layout>*{min-width:0}@media (width>=900px){.game-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start}.game-layout .action-log{max-height:calc(100dvh - 180px);margin-bottom:0;position:sticky;top:68px}.game-layout .action-log-list{max-height:calc(100dvh - 240px)}}.opponents{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-bottom:12px;padding-bottom:0;display:grid;overflow:visible}.opponent{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--line);width:auto;min-width:0;max-width:none;box-shadow:var(--shadow-sm);padding:10px}.opponent strong{text-overflow:ellipsis;min-width:0;overflow:hidden}@media (width>=900px){.opponents{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.opponent{padding:12px}}.game-connecting{flex-direction:column;align-items:center;gap:12px;display:flex}.game-connecting .btn{width:auto}.opponent.disconnected{opacity:.72}.opponent-offline-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);background:var(--bg-muted);border:1px solid var(--line);border-radius:999px;margin-left:6px;padding:1px 6px;font-size:.65rem;font-weight:700;display:inline-flex}.opponent.current{border-color:var(--blue);background:color-mix(in srgb, var(--blue-soft) 85%, var(--bg-elevated));box-shadow:0 0 0 3px var(--blue-soft)}.opponent.current.opponent-stayed,.opponent.current.opponent-frozen,.opponent.current.opponent-busted,.opponent.current.opponent-flip7{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.opponent-turn-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--blue-text);background:var(--bg-elevated);border:1px solid color-mix(in srgb, var(--blue) 35%, var(--line));vertical-align:middle;border-radius:999px;align-items:center;margin-left:6px;padding:1px 6px;font-size:.65rem;font-weight:700;display:inline-flex}.opponent-stayed{border-color:#d4a017;box-shadow:0 0 0 2px #d4a01747}.opponent-frozen{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f647}.opponent-busted{border-color:var(--bad);box-shadow:0 0 0 2px color-mix(in srgb, var(--bad) 28%, transparent)}.opponent-flip7{border-color:#16a34a;box-shadow:0 0 0 2px #16a34a47}.opponent-status-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.opponent-hand-value{font-variant-numeric:tabular-nums;color:var(--ink-dim);letter-spacing:.02em;font-size:.72rem;font-weight:650}.status-badge{letter-spacing:.03em;text-transform:uppercase;background:var(--bg-muted);border:1px solid var(--line);min-height:22px;color:var(--ink-muted);border-radius:999px;align-items:center;gap:4px;padding:0 8px;font-size:.68rem;font-weight:700;display:inline-flex}.status-badge.status-stayed{background:color-mix(in srgb, #d4a017 18%, var(--bg-elevated));border-color:color-mix(in srgb, #d4a017 45%, var(--line));color:#a16207}.status-badge.status-frozen{background:color-mix(in srgb, #3b82f6 16%, var(--bg-elevated));border-color:color-mix(in srgb, #3b82f6 45%, var(--line));color:#1d4ed8}.status-badge.status-busted{background:color-mix(in srgb, var(--bad) 14%, var(--bg-elevated));border-color:color-mix(in srgb, var(--bad) 45%, var(--line));color:var(--bad)}.status-badge.status-flip7{background:color-mix(in srgb, #16a34a 16%, var(--bg-elevated));border-color:color-mix(in srgb, #16a34a 45%, var(--line));color:#15803d}.hand-status-stayed{border-color:#d4a017}.hand-status-frozen{border-color:#3b82f6}.hand-status-busted{border-color:var(--bad)}.hand-status-flip7{border-color:#16a34a}.hand-panel--turn,.hand-panel--turn.hand-status-stayed,.hand-panel--turn.hand-status-frozen,.hand-panel--turn.hand-status-busted,.hand-panel--turn.hand-status-flip7{border-color:var(--blue);background:color-mix(in srgb, var(--blue-soft) 55%, var(--bg-elevated));box-shadow:0 0 0 3px var(--blue-soft)}.round-results{gap:8px}.round-result-row{border:1px solid var(--line);background:var(--bg-muted);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.round-result-row.status-stayed{border-color:color-mix(in srgb, #d4a017 50%, var(--line));background:color-mix(in srgb, #d4a017 10%, var(--bg-elevated))}.round-result-row.status-frozen{border-color:color-mix(in srgb, #3b82f6 50%, var(--line));background:color-mix(in srgb, #3b82f6 10%, var(--bg-elevated))}.round-result-row.status-busted{border-color:color-mix(in srgb, var(--bad) 50%, var(--line));background:color-mix(in srgb, var(--bad) 10%, var(--bg-elevated))}.round-result-row.status-flip7{border-color:color-mix(in srgb, #16a34a 50%, var(--line));background:color-mix(in srgb, #16a34a 10%, var(--bg-elevated))}.round-result-main{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.round-result-score{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.round-result-delta{font-size:1rem;font-weight:700}.opponent .hand-row{padding:8px 0 0}@media (width<=599px){.game-body{padding:10px 10px 16px}.opponent .hand-row{gap:4px}.opponent .hand-row .card.sm,.opponent .hand-row .card.md,.opponent .hand-row .card.lg{--card-w:28px;--card-h:40px;font-size:.62rem}.opponent .fc-card .fc-card-suit-name{letter-spacing:0;font-size:.42em}}.fc-card{gap:0}.fc-card .fc-card-suit-name{letter-spacing:.04em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 2px;font-size:.62em;font-weight:800;line-height:1.1;overflow:hidden}.fc-card.md{--card-h:80px}.fc-card.lg{--card-h:100px}.game-footer{background:var(--bg-elevated);border-top:1px solid var(--line);width:100%;padding:10px 12px calc(10px + var(--safe-bottom));z-index:20;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}html[data-controls-align=center] .game-footer{justify-content:center}html[data-controls-align=right] .game-footer{justify-content:flex-end}html[data-controls-align=center] .rook-sheet-actions,html[data-controls-align=center] .btn-group{justify-content:center}html[data-controls-align=right] .rook-sheet-actions,html[data-controls-align=right] .btn-group{justify-content:flex-end}html[data-controls-align=center] .rook-sheet-actions .btn,html[data-controls-align=right] .rook-sheet-actions .btn,html[data-controls-align=center] .btn-group .btn,html[data-controls-align=right] .btn-group .btn{flex:0 auto}.controls-align-compact{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-muted);align-items:center;gap:2px;padding:2px;display:inline-flex}.controls-align-compact button{width:32px;height:32px;color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.controls-align-compact button:hover{color:var(--ink-muted);background:var(--bg-elevated)}.controls-align-compact button.active{color:var(--blue-text);background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.page .game-footer{bottom:calc(var(--nav-h) + var(--safe-bottom));margin-top:20px;position:sticky}.game-body{width:min(var(--max-wide), 100%);flex-direction:column;flex:1;min-width:0;min-height:0;margin:0 auto;padding:16px 16px 24px;display:flex;overflow:auto}.banner{border-radius:var(--radius-sm);background:var(--bg-muted);border:1px solid var(--line);color:var(--ink);text-align:center;margin-bottom:12px;padding:10px 12px;font-size:.88rem;font-weight:600}.banner.info{background:var(--blue-soft);color:var(--banner-info-fg);border-color:#0000}.turn-banner{letter-spacing:-.01em;border:1px solid color-mix(in srgb, var(--blue) 28%, transparent);justify-content:center;align-items:center;gap:8px;margin-bottom:14px;padding:11px 14px;font-size:.95rem;font-weight:700;display:flex}.turn-banner.mine{background:var(--blue);color:#fff;border-color:#0000}.turn-banner-dot{opacity:.85;background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px}.turn-banner.mine .turn-banner-dot{background:#fff;animation:1.2s ease-in-out infinite turn-pulse}@keyframes turn-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.turn-banner.mine .turn-banner-dot{animation:none}}.banner.good{color:var(--good);background:#1f9d631f;border-color:#0000}.banner.bad{color:var(--bad);background:#d645451f;border-color:#0000}.pwa-toast-stack{left:0;right:0;bottom:calc(var(--nav-h) + var(--safe-bottom) + 12px);z-index:25;width:min(var(--max), calc(100% - 24px));pointer-events:none;flex-direction:column;gap:8px;margin-inline:auto;display:flex;position:fixed}.pwa-toast-stack:empty{display:none}.pwa-toast{pointer-events:auto;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--line);box-shadow:var(--shadow-md);isolation:isolate;justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 12px 14px;animation:.18s ease-out pwa-toast-in;display:flex}.pwa-toast-copy{flex-direction:column;gap:2px;min-width:0;margin:0;display:flex}.pwa-toast-copy strong{letter-spacing:-.01em;color:var(--ink);font-size:.86rem;font-weight:650}.pwa-toast-copy span{color:var(--ink-muted);font-size:.78rem;font-weight:500}.pwa-toast-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.pwa-toast-actions .btn{min-height:34px;padding:0 12px;font-size:.8rem}.pwa-toast-update{border-color:color-mix(in srgb, var(--blue) 40%, var(--line));background:color-mix(in srgb, var(--blue) 12%, var(--bg-elevated))}.pwa-toast-danger{border-color:color-mix(in srgb, var(--bad) 40%, var(--line));background:color-mix(in srgb, var(--bad) 12%, var(--bg-elevated))}.team-alerts,.team-alert{display:none}@keyframes pwa-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.pwa-toast{animation:none}}.table-list{border-collapse:collapse;width:100%}.table-list th,.table-list td{text-align:left;border-bottom:1px solid var(--line);padding:12px 10px}.table-list th{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.table-list tr:last-child td{border-bottom:none}.empty{text-align:center;color:var(--ink-muted);padding:40px 16px}.team-alerts{z-index:40;flex-direction:column;gap:8px;padding:8px 12px 0;display:flex;position:sticky;top:0}.team-alert{background:color-mix(in srgb, var(--accent) 16%, var(--panel));border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));box-shadow:0 6px 20px color-mix(in srgb, var(--ink) 12%, transparent);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.auth-page{min-height:100dvh;padding:max(56px, calc(16px + env(safe-area-inset-top,0px))) 16px max(24px, calc(16px + env(safe-area-inset-bottom,0px)));background:var(--bg);box-sizing:border-box;flex-direction:column;align-items:center;display:flex;position:relative}.auth-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);width:min(400px,100%);box-shadow:var(--shadow-md);margin-block:auto;padding:28px 22px}.auth-card h1{margin:0 0 4px}.auth-brand{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:18px;font-size:.78rem;font-weight:700}.auth-toolbar{top:max(12px, env(safe-area-inset-top,0px));right:max(12px, env(safe-area-inset-right,0px));z-index:1;position:absolute}.auth-card .grid-2,.auth-card .grid-2>.field{min-width:0}@media (width<=380px){.auth-card .grid-2{grid-template-columns:1fr;gap:0}}.linkish{color:var(--blue-text);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.hero-panel{margin-bottom:22px}.hero-panel h1{margin-bottom:4px}.hero-panel-compact{margin-bottom:14px;padding:14px 16px}.hero-panel-compact h1{margin:0;font-size:1.35rem}.hero-compact-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.stats-compact{gap:8px}.stats-compact .stat{padding:8px 10px}.game-pick-2col{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=900px){.game-pick-2col{grid-template-columns:repeat(4,minmax(0,1fr))}}.game-card-icon{flex-direction:row;align-items:center;gap:12px;min-height:0;padding:14px}.game-card-icon-wrap{width:44px;height:44px;color:var(--game-accent,var(--blue));background:color-mix(in srgb, var(--game-accent,var(--blue)) 14%, var(--bg-elevated));border:1px solid color-mix(in srgb, var(--game-accent,var(--blue)) 28%, var(--line));border-radius:12px;flex-shrink:0;place-items:center;display:grid}.game-card-body{flex-direction:column;gap:2px;min-width:0;display:flex}.game-card-body h3{margin:0;font-size:1rem}.game-card-body p{color:var(--ink-muted);margin:0;font-size:.8rem;line-height:1.3}.hand-panel-title{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.score-preview{color:var(--ink-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:.35em;margin:0 0 10px;font-size:.88rem;font-weight:600;display:flex}.score-preview-total,.score-preview-next{color:var(--ink)}.score-preview-sep{color:var(--ink-dim);font-weight:500}.fc-step{border-radius:var(--radius-sm);background:var(--bg-muted);border:1px solid var(--line);color:var(--ink);margin-bottom:12px;padding:10px 12px;font-size:.88rem;font-weight:600;line-height:1.35}.fc-step.ready{color:var(--good);background:#1f9d631f;border-color:#0000}.fc-step.final{background:var(--amber-soft);color:var(--amber);border-color:#0000}.fc-zone{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--line);margin-bottom:12px;padding:12px}.fc-zone.active{border-color:var(--line);box-shadow:var(--shadow-sm)}.fc-zone-empty{margin:6px 0 0;font-size:.85rem}.fc-meld-list{flex-direction:column;gap:10px;margin-top:8px;display:flex}.fc-meld{border-radius:var(--radius-sm);background:var(--bg);border:1px dashed var(--line);padding:10px}.fc-meld.valid{background:#1f9d630f;border-style:solid;border-color:#1f9d6373}.fc-meld.incomplete{background:var(--amber-soft);border-color:#c9851a80}.fc-meld.invalid{background:#d645450f;border-style:solid;border-color:#d6454573}.fc-meld-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.fc-meld-label{font-size:.84rem;font-weight:700}.fc-meld-actions{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.chip.fc-meld-status{font-size:.72rem}.chip.fc-meld-status.valid{color:var(--good);background:#1f9d6324}.chip.fc-meld-status.incomplete{background:var(--amber-soft);color:var(--amber)}.chip.fc-meld-status.invalid{color:var(--bad);background:#d645451f}.fc-hint{margin:4px 0 0;font-size:.78rem}.fc-hand-panel{margin-bottom:4px}.rook-app{--rook-red:#d64545;--rook-yellow:#b9820f;--rook-green:#1f9d63;--rook-black:#1a2332;--rook-team1:#2f6fed;--rook-team2:#c45c26;--rook-card-face:#fbf7ec;--rook-card-shadow:0 2px 5px #00000073;--rook-ink-red:#c23030;--rook-ink-yellow:#8a5a00;--rook-ink-green:#147a48;--rook-ink-black:#1a2332;background:var(--bg);height:100%;min-height:0;color:var(--ink);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}html[data-theme=dark] .rook-app{--rook-yellow:#e8a838;--rook-green:#3dcf8e;--rook-black:#9aa3b2;--rook-team1:#6b9bff;--rook-team2:#e08955;--rook-card-face:#222833;--rook-card-shadow:0 2px 8px #0000008c, inset 0 0 0 1px #ffffff0f;--rook-ink-red:#f07178;--rook-ink-yellow:#e6c07b;--rook-ink-green:#7fd99a;--rook-ink-black:#d5dbe8}.rook-chrome{z-index:6;background:var(--bg-elevated);border-bottom:1px solid var(--line);flex-shrink:0}.rook-header{background:0 0;border-bottom:none;flex-direction:column;flex-shrink:0;gap:8px;padding:10px 12px 8px 14px;display:flex}.rook-header-bar{align-items:center;gap:8px;min-height:36px;display:flex}.rook-wordmark{letter-spacing:-.02em;font-size:1.1rem;font-weight:800;line-height:1}.rook-header-scores{align-items:center;gap:10px;min-width:0;margin-left:auto;display:flex}.rook-scorechip{text-align:right;min-width:0}.rook-scorechip b{font-size:.95rem;font-weight:700;line-height:1.15;display:block}.rook-scorechip .rook-hlabel{text-overflow:ellipsis;white-space:nowrap;max-width:5.5rem;overflow:hidden}.rook-scorechip.team-1 .rook-hlabel{color:var(--rook-team1)}.rook-scorechip.team-2 .rook-hlabel{color:var(--rook-team2)}.rook-hstat{grid-template-columns:1fr 1fr;align-items:stretch;gap:6px 8px;margin-left:0;display:grid}.rook-hstat>div{border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--line);min-width:0;padding:6px 8px}.rook-trump-stat.on{border-color:color-mix(in srgb, var(--trump-swatch) 70%, var(--line));background:color-mix(in srgb, var(--trump-swatch) 22%, var(--bg));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--trump-swatch) 35%, transparent)}.rook-trump-stat.on b{color:var(--trump-swatch)}.rook-hstat b{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:700;line-height:1.2;display:block;overflow:hidden}.rook-hlabel{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);font-size:.62rem;display:block}.rook-seats{background:var(--bg);flex-shrink:0;grid-template-columns:1fr 1fr;gap:6px;max-height:none;padding:8px 12px 10px;display:grid;overflow:visible}.rook-seat{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow-sm);align-items:flex-start;gap:8px;min-height:58px;padding:9px 10px;line-height:1.25;display:flex}.rook-seat-main{flex:auto;min-width:0}.rook-seat-badges{flex-direction:column;flex:none;align-items:stretch;gap:3px;min-width:3.75rem;display:flex}.rook-seat.team-1{border-color:color-mix(in srgb, var(--rook-team1) 55%, var(--line));box-shadow:0 0 0 2px color-mix(in srgb, var(--rook-team1) 28%, transparent)}.rook-seat.team-2{border-color:color-mix(in srgb, var(--rook-team2) 55%, var(--line));box-shadow:0 0 0 2px color-mix(in srgb, var(--rook-team2) 28%, transparent)}.rook-seat.turn{border-color:var(--blue);background:var(--blue-soft);box-shadow:0 0 0 2px color-mix(in srgb, var(--blue) 40%, transparent)}.rook-seat.turn .nm{color:var(--blue-text)}.rook-seat.took{border-color:var(--good);background:color-mix(in srgb, var(--good) 14%, var(--bg-elevated));box-shadow:0 0 0 2px color-mix(in srgb, var(--good) 28%, transparent)}.rook-seat.winning:not(.turn):not(.took){border-color:color-mix(in srgb, var(--good) 70%, var(--line));box-shadow:0 0 0 2px color-mix(in srgb, var(--good) 22%, transparent)}.rook-seat-badges .rook-tag{box-sizing:border-box;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;width:100%;min-height:1.35rem;padding:2px 6px;font-size:.58rem;font-weight:700;line-height:1;display:inline-flex}.rook-seat .rook-tag.kitty{color:#8a5a00;background:color-mix(in srgb, #d4a017 22%, var(--bg-muted))}html[data-theme=dark] .rook-seat .rook-tag.kitty{color:#f0c14b;background:color-mix(in srgb, #d4a017 28%, var(--bg-muted))}.rook-tag.team.team-1{color:var(--rook-team1);background:color-mix(in srgb, var(--rook-team1) 16%, var(--bg-muted))}.rook-tag.team.team-2{color:var(--rook-team2);background:color-mix(in srgb, var(--rook-team2) 16%, var(--bg-muted))}.rook-kitty-stat,.rook-call-stat{flex-direction:column;min-width:0;display:flex}.rook-app .turn-banner{flex-shrink:0;margin:8px 10px 0}.rook-trick-result{text-align:center;color:var(--good);padding:4px 10px;font-size:.95rem;font-weight:650;animation:.2s rook-fade}.rook-trick.revealing{outline:2px solid color-mix(in srgb, var(--good) 45%, transparent);outline-offset:6px;border-radius:var(--radius);padding:6px}.rook-seat.me{outline:1px dashed var(--line)}.rook-seat.mate{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 18%, transparent)}.rook-seat .rook-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--bg-muted);box-sizing:border-box;border-radius:4px;padding:2px 6px;font-size:.58rem;font-weight:700;line-height:1}.rook-teamline{letter-spacing:.11em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;background:var(--bg);flex-shrink:0;padding:0 14px 8px;font-size:.62rem;overflow:hidden}.rook-teamline:empty{display:none}.rook-teamline .vs{color:var(--line);margin:0 6px}.rook-seat .nm{flex-wrap:nowrap;align-items:center;gap:4px;min-width:0;font-size:.72rem;font-weight:700;display:flex}.rook-seat .nm-text{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.rook-seat .sub{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:.68rem;overflow:hidden}.rook-seat-score{color:var(--ink);margin-top:3px;font-size:.72rem;font-weight:650}.rook-seat-score b,.rook-msg .rook-suit,.rook-opt.rook-call-opt{font-weight:800}.rook-msg .rook-suit-red,.rook-opt.rook-suit-red{color:var(--rook-ink-red)}.rook-msg .rook-suit-yellow,.rook-opt.rook-suit-yellow{color:var(--rook-ink-yellow)}.rook-msg .rook-suit-green,.rook-opt.rook-suit-green{color:var(--rook-ink-green)}.rook-msg .rook-suit-black,.rook-opt.rook-suit-black{color:var(--rook-ink-black)}.rook-opt.rook-call-opt[aria-pressed=true]{border-color:currentColor;box-shadow:inset 0 0 0 1px}.rook-seat .rook-tag,.rook-seat .opponent-turn-tag{flex:none}.rook-seat .opponent-turn-tag{letter-spacing:.08em;box-sizing:border-box;border-radius:4px;min-height:1.35rem;margin-left:0;padding:2px 6px;font-size:.58rem;line-height:1}.rook-dot{border-radius:50%;flex:none;width:7px;height:7px}.rook-dot.teamA{background:var(--amber)}.rook-dot.teamB{background:var(--blue)}.rook-table{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-height:0;padding:6px 14px 6px 18px;display:flex}.rook-trick{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:98px;display:flex}.rook-played{flex-direction:column;align-items:center;gap:4px;animation:.22s ease-out rook-drop;display:flex}.rook-played .who{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);font-size:.62rem}.rook-played.win .who{color:var(--ink);font-weight:700}@keyframes rook-drop{0%{opacity:0;transform:translateY(-10px)scale(.9)}}.rook-msg{text-align:center;min-height:22px;color:var(--ink);padding:0 8px;font-size:.95rem;font-weight:600;line-height:1.35}.rook-msg .em{color:var(--blue-text);font-weight:800}.rook-handwrap{border-top:1px solid var(--line);padding:9px 0 calc(10px + var(--safe-bottom));background:var(--bg-elevated);flex-shrink:0}.rook-askbar{flex-wrap:wrap;align-items:center;gap:10px;padding:0 12px 8px;display:flex}.rook-askbar-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);font-size:.68rem;font-weight:700}.rook-askbanner{border-radius:var(--radius);background:var(--bg);border:1px solid var(--line);color:var(--ink);margin:0 12px 8px;padding:8px 12px;font-size:.86rem;font-weight:600}.rook-askbanner.hold{border-color:var(--amber);background:color-mix(in srgb, var(--amber) 14%, var(--bg))}.rook-hand .rook-card.rook-wanted,.rook-card.rook-wanted{outline:2px solid var(--amber);outline-offset:2px;z-index:4}.rook-handlabel{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);justify-content:space-between;align-items:center;padding:0 14px 7px 18px;font-size:.62rem;display:flex}.rook-hand{scrollbar-width:none;align-items:flex-end;min-height:96px;padding:4px 14px 8px 18px;display:flex;overflow-x:auto}.rook-hand::-webkit-scrollbar{display:none}.rook-hand .rook-card{margin-right:-14px;transition:transform .15s,opacity .15s}.rook-hand .rook-card:last-child{margin-right:0}.rook-hand .rook-card.playable{cursor:pointer}.rook-hand .rook-card.playable:hover{z-index:3;transform:translateY(-8px)}.rook-hand .rook-card.dead{opacity:.32;pointer-events:none}.rook-hand .rook-card.sel{box-shadow:0 0 0 2px var(--blue), var(--shadow-md);z-index:4;transform:translateY(-13px)}.rook-hand .rook-card.trump-lift{transform:translateY(-5px)}.rook-hand .rook-card.trump-lift.sel{transform:translateY(-16px)}.rook-card{background:var(--rook-card-face,#fbf7ec);color:#1b1e24;width:56px;height:80px;box-shadow:var(--rook-card-shadow,0 2px 5px #00000073);cursor:default;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;font-weight:700;display:flex;position:relative;overflow:hidden}.rook-card .frame{pointer-events:none;border:2px solid;border-radius:4px;position:absolute;inset:3px}.rook-card .frame:before{content:"";opacity:.4;border:1px solid;border-radius:2px;position:absolute;inset:2px}.rook-card .pip{letter-spacing:-.04em;font-size:1.55rem;line-height:1;position:relative}.rook-card .idx{font-size:.62rem;font-weight:700;line-height:1;position:absolute}.rook-card .idx.tl{top:8px;left:8px}.rook-card .idx.br{bottom:8px;right:8px;transform:rotate(180deg)}.rook-card.c-red{color:var(--rook-ink-red)}.rook-card.c-yellow{color:var(--rook-ink-yellow)}.rook-card.c-green{color:var(--rook-ink-green)}.rook-card.c-black{color:var(--rook-ink-black)}.rook-card.is-trump .frame:after{content:"";opacity:.13;background:currentColor;position:absolute;inset:0}.rook-card.rook-bird{background:var(--rook-card-face,#fbf7ec);color:var(--rook-ink-black,#1b1e24)}.rook-card.rook-bird svg{fill:currentColor;width:34px;height:34px;margin-top:2px;position:relative}.rook-card .rword{text-align:center;letter-spacing:.22em;font-size:.5rem;position:absolute;top:10px;left:0;right:0}.rook-card .rbadge{text-align:center;letter-spacing:.16em;opacity:.55;font-size:.44rem;position:absolute;bottom:9px;left:0;right:0}.rook-card.sm{border-radius:5px;width:38px;height:54px}.rook-card.sm .frame{border-width:1.5px;inset:2px}.rook-card.sm .pip{font-size:1.05rem}.rook-card.sm .idx{display:none}.rook-card.sm svg{width:24px;height:24px;margin-top:3px}.rook-card.sm .rword{letter-spacing:.14em;font-size:.35rem;top:5px}.rook-card.sm .rbadge{font-size:.35rem;bottom:4px}html[data-theme=dark] .rook-card.rook-bird{color:var(--rook-ink-black)}html[data-theme=dark] .rook-card.is-trump .frame:after{opacity:.2}.rook-sheet{z-index:30;background:var(--overlay);cursor:pointer;flex-direction:column;justify-content:flex-end;animation:.18s rook-fade;display:flex;position:absolute;inset:0}@keyframes rook-fade{0%{opacity:0}}.rook-sheet-panel{background:var(--bg-elevated);border-top:1px solid var(--line);padding:18px 16px calc(18px + var(--safe-bottom));max-height:92%;box-shadow:var(--shadow-md);cursor:default;border-radius:18px 18px 0 0;animation:.24s cubic-bezier(.2,.8,.3,1) rook-rise;overflow-y:auto}@keyframes rook-rise{0%{transform:translateY(24px)}}.rook-sheet-panel h2{letter-spacing:-.02em;margin:0 0 4px;font-size:1.35rem;font-weight:800}.rook-sheet-panel .sub{color:var(--ink-muted);margin:0 0 15px;font-size:.86rem;line-height:1.45}.rook-bidnum{text-align:center;letter-spacing:-.03em;margin:4px 0 12px;font-size:3.2rem;font-weight:900;line-height:1}.rook-bidrow{align-items:center;gap:8px;margin-bottom:12px;display:flex}.rook-bidrow button{border-radius:var(--radius);background:var(--bg-muted);border:1px solid var(--line);height:52px;color:var(--ink);cursor:pointer;flex:0 0 58px;font-size:1.4rem;font-weight:700}.rook-bidrow .fill{flex:1}.rook-sheet-actions{flex-wrap:wrap;align-items:stretch;gap:8px;margin-top:12px;display:flex}.rook-sheet-actions .btn{white-space:nowrap;flex:1 1 0;width:auto;min-width:0;min-height:46px;padding:0 12px}.rook-colorpick{gap:8px;display:flex}.rook-colorpick button{border-radius:var(--radius);color:#fff;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;height:66px;font-size:.72rem;font-weight:700;display:flex}.rook-colorpick button.cp-red{background:var(--rook-red)}.rook-colorpick button.cp-yellow{background:var(--rook-yellow);color:#1a2332}.rook-colorpick button.cp-green{background:var(--rook-green)}.rook-colorpick button.cp-black{box-shadow:inset 0 0 0 1px var(--line);background:#1a2332}html[data-theme=dark] .rook-colorpick button.cp-black{background:#0e1218}.rook-colorpick small{opacity:.85;text-transform:none;letter-spacing:0;font-size:.62rem;font-weight:600}.rook-discardgrid{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.rook-discardgrid .rook-card{cursor:pointer}.rook-discardgrid .rook-card.sel{outline:2px solid var(--blue);outline-offset:1px;transform:translateY(-6px)}.rook-result-banner{border-radius:var(--radius-sm);text-align:center;letter-spacing:-.01em;margin:0 0 12px;padding:10px 12px;font-size:1rem;font-weight:750}.rook-result-banner.win{color:var(--good);background:color-mix(in srgb, var(--good) 16%, var(--bg));border:1px solid color-mix(in srgb, var(--good) 40%, var(--line))}.rook-result-banner.lose{color:var(--bad);background:color-mix(in srgb, var(--bad) 14%, var(--bg));border:1px solid color-mix(in srgb, var(--bad) 40%, var(--line))}.rook-scoretable{border-collapse:collapse;width:100%;margin-bottom:12px;font-size:.9rem}.rook-scoretable th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);padding-bottom:6px;font-size:.62rem;font-weight:600}.rook-scoretable td{border-top:1px solid var(--line);vertical-align:middle;padding:7px 0}.rook-scoretable td:nth-child(3),.rook-scoretable th:nth-child(3),.rook-scoretable td:last-child,.rook-scoretable th:last-child{text-align:right;font-weight:700}.rook-scoretable .made{color:var(--good)}.rook-scoretable .set{color:var(--bad)}.rook-scoretable tr.row-made{background:color-mix(in srgb, var(--good) 10%, transparent)}.rook-scoretable tr.row-set{background:color-mix(in srgb, var(--bad) 10%, transparent)}.rook-scoretable .rook-tag.team{vertical-align:middle;margin-right:4px}.rook-peek{border-radius:var(--radius);background:var(--blue);color:#fff;box-shadow:var(--shadow-md);cursor:pointer;border:none;justify-content:space-between;align-items:center;gap:10px;width:calc(100% - 32px);margin:0 14px 9px 18px;padding:12px 14px;font-size:.86rem;font-weight:600;animation:.2s rook-rise;display:flex}.rook-peek b{letter-spacing:.12em;text-transform:uppercase;opacity:.85;font-size:.68rem}.rook-setup.rook-sheet{position:absolute}.rook-row{margin-bottom:15px}.rook-row>label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:7px;font-size:.62rem;font-weight:600;display:block}.rook-opts{flex-wrap:wrap;gap:6px;display:flex}.rook-opt{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--line);color:var(--ink);cursor:pointer;padding:9px 13px;font-size:.86rem;font-weight:600}.rook-opt[aria-pressed=true]{background:var(--bg-elevated);color:var(--ink);border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.panel .rook-opts{margin-top:2px}.rook-opt:disabled{opacity:.3;cursor:not-allowed}.rook-opt.sw{text-align:center;flex:1;min-width:0}.rook-hint{color:var(--ink-dim);margin-top:7px;font-size:.78rem;line-height:1.5}.rook-code-input{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-elevated);width:100%;color:var(--ink);letter-spacing:.18em;text-transform:uppercase;padding:12px 14px;font-size:1.15rem;font-weight:700}.rook-code-chip{border-radius:var(--radius);border:1px dashed var(--line);background:var(--bg-elevated);width:100%;color:var(--ink);letter-spacing:.22em;cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;font-size:2rem;font-weight:700;display:flex}.rook-code-chip span{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);font-size:.68rem;font-weight:600}.rook-seatlist{flex-direction:column;gap:6px;display:flex}.rook-seatrow{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 12px;font-weight:600;display:flex}.rook-seatrow.open{opacity:.55;font-weight:500}.rook-lobby-actions{flex-direction:column;gap:8px;margin-top:16px;display:flex}.game-shell:has(.rook-app) .game-topbar{display:none}.game-shell:has(.rook-app){background:var(--bg)}@media (prefers-reduced-motion:reduce){.rook-played,.rook-sheet,.rook-sheet-panel,.rook-peek,.rook-hand .rook-card{transition:none!important;animation:none!important}}.admin-shell{background:radial-gradient(900px 420px at 10% -10%, var(--blue-soft), transparent 55%), var(--bg);grid-template-columns:220px 1fr;min-height:100vh;display:grid}.admin-sidebar{border-right:1px solid var(--line);background:color-mix(in srgb, var(--bg-elevated) 92%, transparent);flex-direction:column;gap:16px;padding:20px 16px;display:flex}.admin-brand{flex-direction:column;gap:2px;padding:0 8px 8px;display:flex}.admin-brand-mark{letter-spacing:-.03em;font-size:1.15rem;font-weight:700}.admin-brand-sub{font-size:.8rem}.admin-nav{flex-direction:column;flex:1;gap:4px;display:flex}.admin-nav-link{border-radius:var(--radius-sm);color:var(--ink-muted);padding:10px 12px;font-weight:500;display:block}.admin-nav-link:hover{background:var(--bg-muted);color:var(--ink)}.admin-nav-link.active{background:var(--blue-soft);color:var(--blue-text)}.admin-sidebar-foot{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:12px;display:flex}.admin-back{color:var(--ink-muted);font-size:.9rem}.admin-back:hover{color:var(--blue-text)}.admin-main{flex-direction:column;min-width:0;display:flex}.admin-topbar{justify-content:flex-end;padding:12px 20px 0;display:flex}.admin-content{width:100%;max-width:1100px;padding:8px 24px 40px}.admin-stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:18px 0 24px;display:grid}.admin-stat{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:14px 16px}.admin-stat-value{letter-spacing:-.03em;margin-top:4px;font-size:1.75rem;font-weight:700}.admin-panels{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.admin-list{flex-direction:column;gap:10px;margin:0 0 12px;padding:0;list-style:none;display:flex}.admin-list li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding-bottom:10px;display:flex}.admin-list li:last-child{border-bottom:0;padding-bottom:0}.admin-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.admin-meta-row{color:var(--ink-muted);flex-wrap:wrap;gap:10px 16px;margin-bottom:16px;font-size:.92rem;display:flex}.admin-player-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.admin-player-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:14px}.admin-player-card.offline{opacity:.72}.admin-player-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.admin-hand{flex-wrap:wrap;gap:6px;display:flex}.admin-chip{background:var(--bg-muted);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:6px;align-items:center;padding:3px 8px;font-size:.78rem;font-weight:600;display:inline-flex}.admin-json{border-radius:var(--radius);background:var(--bg-muted);border:1px solid var(--line);max-height:420px;margin-top:20px;padding:14px;font-size:12px;line-height:1.4;overflow:auto}.admin-check-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-top:8px;display:grid}.admin-check{flex-wrap:wrap;align-items:center;gap:8px;font-size:.92rem;display:flex}.table-scroll{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated);overflow-x:auto}.table-scroll .table-list{margin:0}.admin-gate .auth-card{max-width:420px}@media (width<=800px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{border-right:0;border-bottom:1px solid var(--line)}.admin-nav{flex-flow:wrap}.admin-content{padding:8px 16px 32px}}.teams-page{flex-direction:column;gap:12px;display:flex}.teams-page>.teams-head{margin-bottom:0}.teams-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.teams-back{color:var(--blue-text);font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;margin:0;padding:0;font-weight:650;display:inline-flex}.teams-nav-row{border-radius:var(--radius-sm);text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;appearance:none;background:0 0;border:0;margin:0;padding:6px 0}.teams-nav-row:hover{background:color-mix(in srgb, var(--blue) 6%, transparent)}.teams-nav-row:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.teams-head h1{margin:0}.teams-head .muted{margin:2px 0 0;font-size:.88rem}.teams-head-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.teams-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:12px 14px}.teams-section-title{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);margin:0;font-size:.78rem;font-weight:700}.teams-card>.teams-section-title{margin-bottom:8px}.teams-activity-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 8px;font-size:.78rem;font-weight:700}.teams-activity-row{align-items:center;gap:12px}.teams-activity-row .teams-list-main{flex:1;min-width:0}.teams-yours-row{border-radius:var(--radius-sm);background:var(--bg-muted);width:100%;min-height:52px;color:inherit;font:inherit;text-align:left;cursor:pointer;appearance:none;border:0;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:10px 12px;display:flex}.teams-yours-row:hover{background:color-mix(in srgb, var(--blue) 8%, var(--bg-muted))}.teams-yours-row:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.teams-yours-row .teams-member-name strong{font-size:1rem}.teams-mine-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.teams-mine-title h2{margin:0 0 6px;font-size:1.2rem;line-height:1.2}.teams-tags{flex-wrap:wrap;gap:6px;display:flex}.teams-mine-tools{flex-shrink:0;align-items:center;gap:4px;display:flex}.teams-text-btn{appearance:none;color:var(--ink-muted);font:inherit;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;min-height:32px;padding:0 8px;font-size:.8rem;font-weight:600}.teams-text-btn:hover:not(:disabled){background:var(--bg-muted);color:var(--ink)}.teams-text-btn.danger{color:var(--bad)}.teams-text-btn.danger:hover:not(:disabled){background:color-mix(in srgb, var(--bad) 12%, transparent)}.teams-text-btn:disabled{opacity:.45;cursor:not-allowed}.teams-meta{border-bottom:1px solid var(--line);color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:6px 4px;margin-bottom:4px;padding:8px 0 10px;font-size:.86rem;display:flex}.teams-meta strong{color:var(--ink);font-weight:700}.teams-meta-sep{opacity:.45;margin:0 2px}.teams-code{border:1px solid var(--line);background:var(--bg);min-height:28px;font:inherit;color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:.82rem;display:inline-flex}.teams-code:hover{border-color:var(--blue);background:var(--blue-soft)}.teams-code .muted{text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.teams-block{padding-top:12px}.teams-block+.teams-block{border-top:1px solid var(--line);margin-top:4px}.teams-block .teams-section-title{margin-bottom:8px}.teams-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.teams-list-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:6px 0;display:flex}.teams-list-row:last-child{border-bottom:0;padding-bottom:0}.teams-list-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.teams-list-main>.muted,.teams-public-row>.muted{font-size:.8rem}.teams-member-name{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.teams-member-name strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.teams-member .chip{min-height:22px;padding:0 7px;font-size:.68rem}.teams-inline{--teams-control-h:36px;flex-shrink:0;align-items:center;gap:8px;display:flex}.teams-inline .btn,.teams-inline .btn.btn-sm{min-height:var(--teams-control-h);height:var(--teams-control-h);box-sizing:border-box;padding:0 12px}.teams-control{min-width:0;height:var(--teams-control-h);min-height:var(--teams-control-h);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font:inherit;box-sizing:border-box;flex:1;padding:0 12px;font-size:.9rem}.teams-control:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);outline:none}.teams-member-actions{flex-wrap:nowrap;margin-left:auto}.teams-member-actions .btn{padding:0 10px;font-size:.78rem}.teams-list-row.teams-member{flex-wrap:nowrap;align-items:center}.teams-list-row.teams-member .teams-list-main{flex:auto;min-width:0}.teams-public-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.teams-public-head .muted{margin:0;font-size:.8rem}.teams-public-row{min-height:40px}.teams-public-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.teams-empty{padding:20px 8px}.teams-flash{margin:10px 0 0}@media (width<=520px){.teams-list-row.teams-member{gap:6px;padding:8px 0}.teams-member-actions .btn{padding:0 8px;font-size:.72rem}.teams-mine-top{flex-wrap:wrap}.teams-mine-tools{margin-left:auto}.teams-public-row{flex-direction:column;align-items:flex-start;gap:2px;padding:8px 0}}@media (width>=720px){.teams-mine-title h2{font-size:1.35rem}.teams-card{padding:14px 16px}}.notification-bell{position:relative}.notification-badge{background:var(--bad);color:#fff;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.62rem;font-weight:700;line-height:1;display:grid;position:absolute;top:2px;right:2px}.notification-drawer-root{z-index:60;position:fixed;inset:0}.notification-drawer-backdrop{background:color-mix(in srgb, var(--ink) 35%, transparent);cursor:pointer;border:none;position:absolute;inset:0}.notification-drawer{background:var(--bg-elevated);border-left:1px solid var(--line);width:min(380px,100%);height:100%;box-shadow:var(--shadow-md);flex-direction:column;animation:.16s ease-out pwa-toast-in;display:flex;position:absolute;top:0;right:0}.notification-drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:14px 14px 12px;display:flex}.notification-drawer-list{flex:1;padding:8px;overflow:auto}.notification-item{text-align:left;border:1px solid var(--line);background:var(--bg);cursor:pointer;width:100%;color:inherit;font:inherit;border-radius:10px;margin-bottom:8px;padding:12px;display:block}.notification-item.unread{border-color:color-mix(in srgb, var(--blue) 40%, var(--line));background:color-mix(in srgb, var(--blue) 8%, var(--bg-elevated))}.notification-item-top{justify-content:space-between;gap:8px;margin-bottom:4px;display:flex}.notification-item p{color:var(--ink-muted);margin:0;font-size:.86rem}.game-paused-banner{text-align:center;background:color-mix(in srgb, #d4a017 16%, var(--bg-elevated));border-bottom:1px solid color-mix(in srgb, #d4a017 40%, var(--line));color:#a16207;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:10px 12px;font-size:.82rem;font-weight:650;display:flex}.game-paused-resume{color:#fff;background:#a16207;border-color:#a16207;gap:6px;min-height:34px}.game-paused-resume:hover{filter:brightness(1.06)}html[data-theme=dark] .game-paused-banner{color:#f0c674}html[data-theme=dark] .game-paused-resume{color:#1a2332;background:#d4a017;border-color:#d4a017}