:root{--bar:#08281ad1;--bar-border:#ffffff14;--text:#eafff3;--muted:#9fd8bd;--accent:#ffd34e;--page-bg:#06140e;--btn-bg-1:#ffffff29;--btn-bg-2:#ffffff0d;--btn-border:#ffffff29;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body.theme-light{--bar:#f4faf6e6;--bar-border:#00000014;--text:#103021;--muted:#4f7563;--accent:#d9a521;--page-bg:#0c7644;--btn-bg-1:#0000000f;--btn-bg-2:#00000005;--btn-border:#00000024}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--page-bg);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;padding:0;transition:background .25s;overflow:hidden}#app{flex-direction:column;height:100dvh;display:flex}#toolbar{--pad-x:18px;padding:10px max(var(--pad-x), env(safe-area-inset-right)) 10px max(var(--pad-x), env(safe-area-inset-left));background:var(--bar);border-bottom:1px solid var(--bar-border);-webkit-backdrop-filter:blur(10px);color:var(--text);z-index:2;flex-wrap:wrap;align-items:center;gap:18px;display:flex}.brand{align-items:center;gap:8px;display:flex}.brand h1{letter-spacing:.3px;margin:0;font-size:19px;font-weight:700}.brand .pip{color:#f4f9f6;text-shadow:0 1px 2px #0006;font-size:18px}.brand .pip.red{color:#ff5d6c}.controls{align-items:center;gap:10px;display:flex}.btn{appearance:none;border:1px solid var(--btn-border);background:linear-gradient(180deg, var(--btn-bg-1), var(--btn-bg-2));color:var(--text);cursor:pointer;touch-action:manipulation;border-radius:9px;padding:8px 14px;font-size:13.5px;font-weight:600;transition:transform 60ms,background .15s,opacity .15s}.btn:hover{filter:brightness(1.15)}.icon-btn{padding:8px 10px;font-size:15px;line-height:1}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default}.btn[aria-pressed=true]{background:var(--accent);color:#2a1d00;border-color:var(--accent)}.seg{border:1px solid var(--btn-border);border-radius:9px;display:inline-flex;overflow:hidden}.seg-btn{appearance:none;color:var(--muted);cursor:pointer;touch-action:manipulation;background:0 0;border:none;padding:8px 12px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.seg-btn.is-active{background:var(--accent);color:#2a1d00}.stats{gap:18px;margin-left:auto;display:flex}.stat{flex-direction:column;align-items:flex-end;line-height:1.1;display:flex}.stat .label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:10px}.stat .value{font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}#board{touch-action:none;flex:1;width:100%;display:block}@media (width<=920px){#toolbar{--pad-x:12px;gap:10px 12px;padding-top:8px;padding-bottom:8px}.brand h1{font-size:16px}.stats{gap:12px}.btn,.seg-btn{padding:7px 10px;font-size:12.5px}}@media (height<=500px){#toolbar{--pad-x:10px;gap:8px 10px;padding-top:5px;padding-bottom:5px}.brand h1{display:none}.btn,.seg-btn{padding:5px 9px;font-size:12px}.stats{gap:10px}.stat .value{font-size:14px}.stat .label{font-size:9px}}@media (width<=640px){#toolbar{--pad-x:10px;gap:6px 8px;padding-top:6px;padding-bottom:6px}.brand h1,.brand .pip{font-size:15px}.stats{order:2;gap:10px}.controls{flex-wrap:wrap;flex-basis:100%;order:3;justify-content:center;gap:6px}.btn,.seg-btn{padding:6px 9px;font-size:12px}.icon-btn{padding:6px 8px;font-size:14px}.stat .value{font-size:14px}.stat .label{font-size:9px}}#start-overlay{z-index:10;-webkit-backdrop-filter:blur(6px);opacity:1;background:#030c089e;flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .35s;display:flex;position:fixed;inset:0}#start-overlay.is-hiding{opacity:0;pointer-events:none}#start-btn{appearance:none;cursor:pointer;touch-action:manipulation;border:1px solid var(--btn-border);background:linear-gradient(180deg, var(--btn-bg-1), var(--btn-bg-2));color:var(--text);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:28px 44px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 12px 40px #00000073}#start-btn:hover{transform:translateY(-2px);box-shadow:0 16px 48px #00000080}#start-btn:active{transform:translateY(0)}.start-pips{letter-spacing:4px;font-size:30px}.start-title{letter-spacing:.3px;font-size:22px;font-weight:700}#start-mute{cursor:pointer;width:44px;height:44px;font-size:18px}.start-tip{max-width:320px;color:var(--muted);text-align:center;margin-top:8px;font-size:13px;font-weight:400;line-height:1.5}.start-tip strong{color:var(--text);font-weight:600}