: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{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{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;padding:10px 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;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;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<=640px){#toolbar{gap:10px 12px;padding:8px 12px}.brand h1{font-size:16px}.stats{gap:12px}.btn,.seg-btn{padding:7px 10px;font-size:12.5px}}