:root{--bg:#0f1115;--panel:#181b22;--panel-2:#222631;--line:#2c313d;--text:#f2f3f5;--muted:#8b90a0;--red:#e5484d;--green:#30a46c;--gold:#f5c542;--blue:#3e8ef7;--key-h:56px;--gap:6px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-family:Space Grotesk,system-ui,sans-serif}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.35}a{color:inherit}.muted{color:var(--muted)}.small{font-size:.9rem;line-height:1.4}.error{color:var(--red)}.page{max-width:560px;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));margin:0 auto}.page-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.page-head h2{margin:0;font-size:1.5rem}h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:20px 0 8px;font-size:.8rem;font-weight:500}.stack{flex-direction:column;gap:10px;display:flex}.btn{border:1px solid var(--line);background:var(--panel-2);border-radius:14px;justify-content:center;align-items:center;min-height:56px;padding:0 20px;font-size:1.1rem;font-weight:500;text-decoration:none;display:flex}.btn-primary{background:var(--red);border-color:var(--red);font-weight:700}.btn-ghost{background:0 0}.btn-big{min-height:72px;font-size:1.35rem}.input{border:1px solid var(--line);background:var(--panel);border-radius:14px;width:100%;min-height:56px;padding:0 16px;font-size:1.1rem}.input:focus{outline:2px solid var(--blue);outline-offset:-1px}.bar-link{justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:1.4rem;text-decoration:none;display:inline-flex}.home{flex-direction:column;justify-content:center;min-height:100dvh;display:flex}.logo{letter-spacing:-.04em;margin:0 0 32px;font-size:4rem;font-weight:700}.logo-dot{color:var(--red)}.join{grid-template-columns:1fr auto;gap:10px;display:grid}.code-input{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-weight:700}.segmented{background:var(--panel);border-radius:14px;gap:4px;padding:4px;display:flex}.segmented button{background:0 0;border:0;border-radius:10px;flex:1;min-height:56px;font-size:1.1rem;font-weight:500}.segmented button.on{background:var(--panel-2);box-shadow:inset 0 0 0 2px var(--red)}.order{flex-direction:column;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.order li{background:var(--panel);border-radius:14px;align-items:center;gap:10px;min-height:56px;padding:0 6px 0 14px;display:flex}.order-n{width:24px;color:var(--muted);font-weight:700}.order-name{flex:1;font-size:1.15rem;font-weight:500}.icon-btn{background:0 0;border:0;border-radius:10px;width:48px;height:48px;font-size:1.2rem}.chips{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.chip{border:1px solid var(--line);background:var(--panel-2);border-radius:999px;min-height:56px;padding:0 18px;font-size:1.05rem}.add-player{grid-template-columns:1fr auto;gap:10px;display:grid}.start{width:100%;margin-top:28px}.game{max-width:560px;height:100dvh;padding:env(safe-area-inset-top) 8px max(8px, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.game-bar{flex:none;align-items:center;gap:8px;height:44px;display:flex}.bar-info{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.85rem;overflow:hidden}.bar-code{background:var(--panel-2);letter-spacing:.15em;border-bottom:2px solid var(--green);border-radius:8px;padding:4px 10px;font-weight:700;transition:border-color .2s}.bar-code.syncing{border-bottom-color:var(--gold)}.notice{color:#ffb3b5;background:#3b1d1f;border-radius:10px;flex:none;margin-bottom:6px;padding:8px 12px;font-size:.9rem}.scoreboard{gap:var(--gap);flex:1;grid-auto-rows:minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.scoreboard.players-2{grid-template-columns:1fr 1fr}.player{background:var(--panel);border:2px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;min-height:0;padding:6px 12px;display:flex;overflow:hidden}.player.active{border-color:var(--red);background:var(--panel-2)}.player-name{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:500;overflow:hidden}.player-remaining{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:clamp(2rem,11vw,4rem);font-weight:700;line-height:1}.player-meta{color:var(--muted);align-items:center;gap:10px;font-size:.85rem;display:flex}.legs{gap:3px;display:inline-flex}.legs i{border:1.5px solid var(--muted);border-radius:50%;width:9px;height:9px}.legs i.won{background:var(--gold);border-color:var(--gold)}.scoreboard.compact .player{grid-template-columns:1fr auto;align-items:center;column-gap:6px;padding:2px 10px;display:grid}.scoreboard.compact .player-remaining{grid-area:span 2/2;font-size:clamp(1.4rem,7vw,2rem)}.scoreboard.compact .player-name{font-size:.9rem}.scoreboard.compact .player-meta{font-size:.75rem}.turn-row{flex:none;align-items:center;gap:10px;height:48px;margin-top:6px;display:flex}.turn-player{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:1.1rem;font-weight:700;overflow:hidden}.current-turn{gap:6px;display:flex}.current-turn span{background:var(--panel);text-align:center;font-variant-numeric:tabular-nums;border-radius:10px;min-width:58px;padding:8px 6px;font-weight:700}.current-turn .empty{color:var(--muted)}.checkout-hint{height:28px;color:var(--green);flex:none;justify-content:flex-end;align-items:center;font-size:1.05rem;font-weight:700;display:flex}.checkout-hint .label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-right:8px;font-size:.8rem;font-weight:400}.pad{gap:var(--gap);flex-direction:column;flex:none;padding-top:4px;display:flex}.pad-numbers{gap:var(--gap);grid-template-columns:repeat(5,1fr);display:grid}.pad-row{gap:var(--gap);grid-template-columns:repeat(3,1fr);display:grid}.key{height:var(--key-h);background:var(--panel-2);font-variant-numeric:tabular-nums;border:0;border-radius:12px;font-size:1.35rem;font-weight:700;transition:background 80ms,transform 80ms}.key:active:not(:disabled){background:var(--line);transform:scale(.95)}.pad.mod-2 .pad-numbers .key{box-shadow:inset 0 0 0 2px var(--green);background:#173a2a}.pad.mod-3 .pad-numbers .key{box-shadow:inset 0 0 0 2px var(--red);background:#3b1d1f}.key-bull{color:var(--red)}.key-miss{color:var(--muted)}.key-mod.active{background:var(--green)}.pad.mod-3 .key-mod.active{background:var(--red)}.key-undo{color:var(--gold);background:#2b2f3b}.flash{pointer-events:none;white-space:pre-line;text-align:center;z-index:10;justify-content:center;align-items:center;font-weight:700;display:flex;position:fixed;inset:0}.flash-180{color:var(--gold);text-shadow:0 0 40px #f5c54299;font-size:9rem;animation:1.8s ease-out forwards pop-180}.flash-leg{color:var(--text);background:#0f1115b3;font-size:2.4rem;animation:1.8s ease-out forwards fade}@keyframes pop-180{0%{opacity:0;transform:scale(.2)rotate(-12deg)}20%{opacity:1;transform:scale(1.15)rotate(3deg)}35%{transform:scale(1)rotate(0)}80%{opacity:1}to{opacity:0;transform:scale(1.4)}}@keyframes fade{0%,75%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.flash-180,.flash-leg{animation:1.8s linear forwards fade}}.overlay{z-index:20;background:#0a0b0ee0;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.win{background:var(--panel);border:1px solid var(--line);border-radius:20px;width:100%;max-width:420px;padding:24px}.win-title{color:var(--gold);text-align:center;font-size:2.2rem;font-weight:700}.win-sub{color:var(--muted);text-align:center;margin-top:4px}.win-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:20px 0}.win-table th{color:var(--muted);text-align:left;font-size:.8rem;font-weight:400}.win-table td,.win-table th{border-bottom:1px solid var(--line);padding:6px 4px}.win-table td:not(:first-child),.win-table th:not(:first-child){text-align:right}.stat-cards{flex-direction:column;gap:12px;margin-top:12px;display:flex}.stat-card{background:var(--panel);border-radius:16px;padding:16px}.stat-card header{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.stat-name{font-size:1.3rem;font-weight:700}.stat-avg{color:var(--gold);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700}.stat-avg small{color:var(--muted);margin-left:4px;font-size:.8rem;font-weight:400}.stat-card dl{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;display:grid}.stat-card dt{color:var(--muted);font-size:.75rem}.stat-card dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-weight:700}