:root{--bg: #14181d;--surface: #1c222a;--surface-2: #232b35;--line: #2f3945;--text: #e8edf3;--muted: #94a3b4;--accent: #f4a259;--accent-ink: #2a1a08;--good: #6fcf97;--warn: #f2c94c;--bad: #eb5757;--radius: 12px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%;overscroll-behavior-y:contain}button{font:inherit;color:inherit;cursor:pointer}input,select{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:10px 12px;width:100%}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}.app{display:flex;flex-direction:column;min-height:100%;padding-top:env(safe-area-inset-top,0px)}.bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top,0px));background:#14181df0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.bar h1{font-size:17px;margin:0;font-weight:650;letter-spacing:-.01em}.bar .sub{font-size:12px;color:var(--muted)}.bar .spacer{flex:1}.icon-btn{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:7px 11px;font-size:14px;white-space:nowrap}.icon-btn:active{background:var(--line)}.icon-btn.danger{color:var(--bad)}.main{flex:1;padding:14px 14px 24px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:12px}.btn{display:block;width:100%;padding:13px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);font-weight:600}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn:active{filter:brightness(.9)}.muted{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:40px 16px}.row{display:flex;align-items:center;gap:10px}.field{margin-bottom:12px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.series-item{display:block;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:13px 14px;margin-bottom:10px}.series-item .title{font-weight:620}.series-item .meta{font-size:12.5px;color:var(--muted);margin-top:3px}.series-item .score{font-variant-numeric:tabular-nums;font-size:21px;font-weight:680}.game{margin-bottom:16px}.game-head{display:flex;align-items:baseline;gap:8px;margin-bottom:7px;padding:0 2px}.game-head .name{font-weight:620;font-size:14px}.game-head .total{margin-left:auto;font-variant-numeric:tabular-nums;font-size:19px;font-weight:700}.sheet{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.frame{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;padding:0;text-align:center}.frame.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.frame .no{font-size:9.5px;color:var(--muted);line-height:1;padding:3px 0 2px;background:var(--surface-2)}.frame .balls{display:flex;justify-content:center;gap:2px;padding:3px 2px 1px;min-height:22px}.ball{width:17px;height:17px;line-height:16px;font-size:11px;font-weight:640;border:1px solid var(--line);border-radius:4px;background:var(--bg);font-variant-numeric:tabular-nums}.ball.filled{background:var(--surface-2)}.ball.strike{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.ball.spare{background:var(--good);color:#0c2417;border-color:var(--good)}.ball.cursor{border-color:var(--accent);background:#f4a2592e}.ball.tenth{width:15px}.frame .cum{font-size:15px;font-weight:680;font-variant-numeric:tabular-nums;padding:1px 0 5px;min-height:22px}.frame .cum.pending{color:var(--muted)}.frame.ten-box .cum{color:var(--warn)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:var(--surface-2);border-radius:9px;padding:9px 8px;text-align:center}.stat .v{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}.stat .k{font-size:10.5px;color:var(--muted);margin-top:2px;letter-spacing:.01em}.section-title{font-size:12px;color:var(--muted);margin:0 0 9px;text-transform:uppercase;letter-spacing:.06em}.keypad{position:sticky;bottom:0;z-index:15;background:#1c222af7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:9px 10px calc(9px + env(safe-area-inset-bottom,0px));margin-top:auto}.keypad .prompt{font-size:12px;color:var(--muted);text-align:center;margin-bottom:7px;min-height:16px}.keypad .prompt b{color:var(--text);font-weight:620}.pins{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.pin{padding:12px 0;border-radius:9px;border:1px solid var(--line);background:var(--surface-2);font-size:16px;font-weight:620;font-variant-numeric:tabular-nums}.pin:disabled{opacity:.3}.pin.all{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.pin.undo{background:transparent;color:var(--muted)}.pin:active:not(:disabled){filter:brightness(1.2)}.marks{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.pin.mark{padding:15px 0;font-size:21px;font-weight:750;line-height:1}.pin.mark.strike{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.pin.mark.spare{background:var(--good);color:#0c2417;border-color:var(--good)}.pin.mark:disabled{background:var(--surface-2);color:var(--muted);border-color:var(--line);opacity:.45}@media (min-width: 560px){.main{max-width:620px;margin:0 auto;width:100%}.keypad>*{max-width:620px;margin-left:auto;margin-right:auto}.ball{width:21px;height:21px;line-height:20px;font-size:12px}}.login{flex:1;display:flex;align-items:center;justify-content:center;min-height:70vh}.login .card{width:100%;max-width:340px}.logo{display:block;width:88px;height:88px;margin:2px auto 12px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid var(--line);box-shadow:0 6px 18px #00000061}