: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{border-top:1px solid var(--line);flex:1;grid-auto-rows:minmax(0,1fr);min-height:0;margin:0 -8px;display:grid;overflow:hidden}.player{background:var(--panel);border-bottom:1px solid var(--line);min-height:0;transition:background .2s;overflow:hidden;container-type:size}.player.active{background:var(--panel-2);box-shadow:inset 4px 0 0 var(--red)}.player-body{flex-direction:column;height:100%;padding:8px 14px 10px;display:flex}.player-top{grid-template-columns:1fr auto 1fr;align-items:baseline;gap:8px;font-size:.95rem;display:grid}.player-legs,.player-avg{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.player.active .player-legs,.player.active .player-avg{color:var(--text)}.player-avg{text-align:right}.player-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:1.25rem;font-weight:500;overflow:hidden}.player-remaining{font-variant-numeric:tabular-nums;letter-spacing:-.03em;flex:1;justify-content:center;align-items:center;min-height:0;font-size:min(22vw,100cqh - 74px,7.5rem);font-weight:700;line-height:1;display:flex}.player-turns{font-variant-numeric:tabular-nums;justify-content:flex-end;gap:4px;min-width:0;height:22px;margin:2px 0 0;padding:0;font-size:.85rem;list-style:none;display:flex;overflow:hidden}.player-turns li{color:var(--muted);background:#ffffff0f;border-radius:6px;flex:none;padding:2px 6px;line-height:18px}.player.active .player-turns li{color:var(--text)}.player .player-turns li.ton{color:var(--gold)}.player .player-turns li.bust{color:var(--red)}.player-progress{background:#ffffff14;border-radius:3px;flex:none;height:6px;margin:0 32px}.player-progress i{border-radius:inherit;background:var(--muted);height:100%;transition:width .3s ease-out;display:block}.player.active .player-progress i{background:var(--red)}@container (height<=56px){.player-turns{display:none}}@container (height<=150px){.player-body{grid-template-rows:1fr auto auto;grid-template-columns:1fr auto;align-items:center;column-gap:8px;padding:2px 14px 4px;display:grid}.player-top{align-items:baseline;gap:10px;min-width:0;font-size:.8rem;display:flex}.player-name{text-align:left;order:-1;font-size:max(.95rem,min(1.4rem,30cqh))}.player-remaining{grid-area:1/2/3;font-size:max(1.3rem,min(16vw,72cqh,4rem))}.player-turns{grid-column:1;height:18px;margin:0;font-size:.75rem}.player-turns li{padding:0 5px}.player-progress{grid-column:1/-1;height:3px;margin:0}}.turn-row{flex:none;align-items:center;gap:10px;height:52px;display:flex}.current-turn{gap:6px;display:flex}.current-turn span{background:var(--panel);text-align:center;font-variant-numeric:tabular-nums;border-radius:8px;min-width:56px;padding:7px 6px;font-weight:700}.current-turn .empty{color:var(--muted);font-weight:300}.checkout-hint{min-width:0;color:var(--green);white-space:nowrap;flex-direction:column;flex:1;align-items:flex-end;font-size:1.05rem;font-weight:700;display:flex}.checkout-hint .label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:400}.pad{background:var(--line);border-top:1px solid var(--line);flex:none;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 -8px;display:grid}.key{height:var(--key-h);background:var(--bg);color:#c9cbd4;font-variant-numeric:tabular-nums;border:0;border-radius:0;font-size:1.6rem;font-weight:300;transition:background 80ms}.key:active:not(:disabled){background:var(--panel-2)}.key-wide{grid-column:span 2}.key-mod,.key-bull,.key-miss,.key-undo{text-transform:uppercase;letter-spacing:.06em;font-size:1.05rem;font-weight:400}.pad.mod-2 .key-num:not(:disabled){color:#fff;background:#173a2a}.pad.mod-3 .key-num:not(:disabled){color:#fff;background:#3b1d1f}.key-mod.active{background:var(--green);color:#fff}.pad.mod-3 .key-mod.active{background:var(--red)}.key-bull{color:var(--red)}.key-miss{color:var(--muted)}.key-undo{color:var(--gold)}.flash{pointer-events:none;text-align:center;z-index:10;flex-direction:column;justify-content:center;align-items:center;font-weight:700;display:flex;position:fixed;inset:0}.flash-label{color:var(--text);font-size:1.4rem;font-weight:500}.flash-value{font-variant-numeric:tabular-nums;line-height:1}.flash-score,.flash-bust{background:#0f111599;animation:1.3s ease-out forwards fade}.flash-score .flash-value{font-size:8rem;animation:.25s ease-out pop-score}.flash-bust .flash-value{color:var(--red);font-size:5.5rem;animation:.25s ease-out pop-score}.flash-180{color:var(--gold);text-shadow:0 0 40px #f5c54299;animation:1.8s ease-out forwards pop-180}.flash-180 .flash-value{font-size:9rem}.flash-leg{background:#0f1115b3;animation:1.8s ease-out forwards fade}.flash-leg .flash-label{font-size:2rem;font-weight:700}.flash-leg .flash-value{color:var(--text);font-size:2.4rem}@keyframes pop-score{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@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}.flash-score .flash-value,.flash-bust .flash-value{animation:none}}.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}.bar-mute{background:0 0;border:0;font-size:1.1rem}.stats-tabs{margin:8px 0 4px}.records{grid-template-columns:1fr 1fr;gap:10px;display:grid}.record{background:var(--panel);border-radius:14px;padding:12px 14px}.record-label{color:var(--muted);font-size:.75rem}.record-value{color:var(--gold);font-variant-numeric:tabular-nums;margin-top:2px;font-size:1.5rem;font-weight:700}.record-who{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.h2h-pick{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:16px;display:grid}.h2h-select{appearance:none;text-align:center;font-weight:700}.h2h-score{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:24px;margin-top:20px;font-size:3.5rem;font-weight:700;display:flex}.h2h-score .lead{color:var(--gold)}.h2h-sub{text-align:center;margin:0;font-size:.9rem}.h2h-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:16px}.h2h-table td,.h2h-table th{border-bottom:1px solid var(--line);padding:10px 4px}.h2h-table th{color:var(--muted);text-align:center;font-size:.8rem;font-weight:400}.h2h-table td{width:30%;font-size:1.1rem}.h2h-table td:first-child{text-align:left}.h2h-table td:last-child{text-align:right}.h2h-table .lead{color:var(--green);font-weight:700}.game-list{flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.game-item{background:var(--panel);border-radius:14px;padding:10px 14px}.game-date{margin-bottom:4px;font-size:.8rem}.game-row{font-variant-numeric:tabular-nums;grid-template-columns:1fr 2.5rem 3.5rem;align-items:baseline;padding:2px 0;display:grid}.game-row.winner .game-player,.game-row.winner .game-legs{color:var(--gold);font-weight:700}.game-legs,.game-avg{text-align:right}.more{width:100%;margin-top:12px}.admin-link{align-self:center;padding:12px;text-decoration:none}.admin-user{background:var(--panel);overflow-wrap:anywhere;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:12px 14px;display:flex}.admin-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.admin-list li{background:var(--panel);border-radius:14px;align-items:center;gap:12px;padding:8px 8px 8px 14px;display:flex}.admin-item-main{flex:1;min-width:0}.admin-winner{color:var(--gold);font-weight:700}.admin-delete{min-width:104px;color:var(--red);flex:none}.admin-delete.armed{background:var(--red);border-color:var(--red);color:var(--text);font-weight:700}.trend{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.trend-head{justify-content:space-between;align-items:baseline;font-size:.8rem;display:flex}.trend-title{color:var(--muted)}.trend-readout{color:var(--muted);font-variant-numeric:tabular-nums}.trend-readout strong{color:var(--text);font-size:1rem}.trend-plot{touch-action:pan-y;cursor:crosshair;margin-top:4px}.trend-plot svg{display:block;overflow:visible}.trend-grid{stroke:var(--line);stroke-width:1px}.trend-axis{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.trend-career{stroke:var(--muted);stroke-width:1.5px;stroke-dasharray:4 4}.trend-cross{stroke:var(--muted);stroke-width:1px}.trend-line{fill:none;stroke:var(--gold);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.trend-dot{fill:var(--gold);stroke:var(--panel);stroke-width:2px}.trend-dot.on{fill:var(--text)}.trend-legend{align-items:center;gap:6px;margin-top:6px;font-size:.75rem;display:flex}.trend-key-line,.trend-key-dash{border-top:2px solid var(--gold);width:16px;height:0}.trend-key-dash{border-top:1.5px dashed var(--muted);margin-left:10px}.active-games{margin-bottom:20px}.active-game{border-color:var(--green);text-align:left;grid-template-rows:auto auto;grid-template-columns:1fr auto;justify-content:stretch;align-items:center;padding:8px 14px;display:grid}.active-names{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.active-meta{font-size:.85rem;font-weight:400}.active-code{letter-spacing:.15em;grid-area:1/2/3;font-weight:700}.bull-start{width:100%;margin-bottom:12px}.bull-title{text-align:center;font-size:1.8rem;font-weight:700}.bull p{text-align:center}.bull-player{grid-template-columns:32px 1fr 32px;justify-content:stretch;display:grid}.bull-rank{color:var(--gold);font-weight:700}.bull-player.ranked{border-color:var(--gold)}.sound-sheet{max-height:100%;overflow-y:auto}.sound-title{font-size:1.6rem;font-weight:700}.sound-sheet .stack{margin-top:16px}