:root{color:#f8fafc;background:#101827;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;overscroll-behavior:none;touch-action:manipulation}button{border:1px solid rgba(248,250,252,.24);border-radius:8px;background:#e2e8f0;color:#0f172a;font:inherit;font-weight:700;min-height:44px;padding:0 14px}#app{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;height:100dvh;max-width:520px;margin:0 auto;padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));gap:10px}.topbar,.bottombar{display:flex;align-items:center;justify-content:space-between;gap:10px}.bottombar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.titleblock{min-width:0}.top-actions{display:flex;align-items:center;gap:8px}.top-actions button{padding:0 12px}h1,p{margin:0}h1{font-size:24px;line-height:1}#statusText{margin-top:4px;color:#cbd5e1;font-size:14px;min-height:20px}.cue-text{color:#93a4b8;font-size:13px;min-height:18px;text-align:center}.scorebar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.score,.round-pill{border:1px solid rgba(248,250,252,.14);border-radius:8px;background:#0f172adb;min-height:44px}.score{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px}.score span{color:#cbd5e1;font-size:13px}.score strong{font-size:24px;line-height:1}.player-a strong{color:#ff5a68}.player-b strong{color:#41d983}.round-pill{display:grid;place-items:center;color:#e2e8f0;font-size:13px;font-weight:800;min-width:104px;padding:0 10px}.game-shell{position:relative;display:grid;place-items:center;min-height:0}#game{display:block;width:100%;height:100%;max-height:780px;border:1px solid rgba(248,250,252,.16);border-radius:8px;background:#172033;touch-action:none}button:disabled{cursor:not-allowed;opacity:.48}.result-panel,.sheet-panel{position:absolute;inset:auto 16px 16px;border:1px solid rgba(248,250,252,.2);border-radius:8px;background:#0f172af0;padding:14px;box-shadow:0 12px 32px #00000052}.sheet-panel{inset:16px;overflow:auto}.result-panel[hidden],.sheet-panel[hidden]{display:none}.result-kicker{color:#cbd5e1;font-size:12px;font-weight:800;text-transform:uppercase}.sheet-panel h2,.result-panel h2{margin:2px 0 4px;font-size:24px;line-height:1.1}#resultScore{color:#e2e8f0;font-size:15px}.history-text{margin-top:6px;color:#cbd5e1;font-size:13px;line-height:1.35}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.sheet-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.history-list{display:grid;gap:8px;margin-top:12px}.history-item{display:grid;grid-template-columns:1fr auto;gap:6px 10px;border:1px solid rgba(248,250,252,.14);border-radius:8px;background:#0206176b;padding:10px}.history-item strong{font-size:14px}.history-item span{color:#cbd5e1;font-size:12px}@media(max-width:420px){.top-actions button{min-height:40px;padding:0 10px}button{padding:0 10px}}