.btn{border:none;border-radius:var(--ag-radius-pill);font-weight:600;cursor:pointer}.btn--primary{background:var(--ag-accent);color:var(--ag-bg)}.btn--md{padding:var(--ag-space-2) var(--ag-space-4);font-size:.9rem}.btn--lg{padding:var(--ag-space-3) var(--ag-space-4);font-size:1.02rem;font-weight:700}.hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:var(--ag-space-4);padding:max(var(--ag-space-3),env(safe-area-inset-top)) var(--ag-space-4) var(--ag-space-3);pointer-events:none}.hud-status{font-weight:600;font-size:clamp(.95rem,3.5vw,1.15rem);text-shadow:var(--ag-text-shadow)}.hud-reset{pointer-events:auto}.field{display:flex;flex-direction:column;gap:var(--ag-space-2)}.field-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;opacity:.65}.field-options{display:flex;gap:var(--ag-space-2)}.option{flex:1;display:flex;flex-direction:column;gap:var(--ag-space-1);padding:var(--ag-space-3);border-radius:var(--ag-radius-md);border:1px solid var(--ag-border);background:var(--ag-fill-subtle);color:var(--ag-fg);cursor:pointer;transition:border-color .12s ease,background .12s ease}.option:hover{border-color:var(--ag-border-accent-strong)}.option.is-active{border-color:var(--ag-accent);background:var(--ag-fill-accent)}.option-title{font-weight:600;font-size:.98rem}.option-sub{font-size:.78rem;opacity:.6}.menu-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--ag-space-5);background:var(--ag-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.menu-card{width:min(28rem,100%);display:flex;flex-direction:column;gap:var(--ag-space-5);padding:clamp(var(--ag-space-5),5vw,var(--ag-space-6));border-radius:var(--ag-radius-lg);background:var(--ag-surface);border:1px solid var(--ag-border-accent);box-shadow:var(--ag-shadow-lg)}.menu-title{margin:0;text-align:center;font-size:clamp(1.6rem,7vw,2.1rem);font-weight:700;letter-spacing:.01em;color:var(--ag-accent)}.menu-card .btn{margin-top:var(--ag-space-1)}.menu-credit{margin:calc(-1 * var(--ag-space-3)) 0 0;text-align:center;font-size:.75rem;opacity:.55}.menu-credit a{color:var(--ag-accent)}:root{color-scheme:dark;--ag-bg: #1a1a2e;--ag-fg: #e8e8f0;--ag-accent: #c9a227;--ag-bg-rgb: 26 26 46;--ag-fg-rgb: 232 232 240;--ag-accent-rgb: 201 162 39;--ag-surface: color-mix(in srgb, var(--ag-bg) 88%, black);--ag-overlay: rgb(10 10 22 / .55);--ag-fill-subtle: rgb(var(--ag-fg-rgb) / .04);--ag-fill-accent: rgb(var(--ag-accent-rgb) / .16);--ag-border: rgb(var(--ag-fg-rgb) / .18);--ag-border-accent: rgb(var(--ag-accent-rgb) / .35);--ag-border-accent-strong: rgb(var(--ag-accent-rgb) / .5);--ag-shadow-lg: 0 24px 60px rgb(0 0 0 / .5);--ag-text-shadow: 0 1px 4px rgb(0 0 0 / .6);--ag-radius-sm: .5rem;--ag-radius-md: .75rem;--ag-radius-lg: 1.25rem;--ag-radius-pill: 999px;--ag-space-1: .25rem;--ag-space-2: .5rem;--ag-space-3: .75rem;--ag-space-4: 1rem;--ag-space-5: 1.5rem;--ag-space-6: 2rem;--ag-board-light: #b9b6c9;--ag-board-dark: #3a3a5a;--ag-board-last-light: #d9d2a0;--ag-board-last-dark: #4a4a3a;--ag-piece-light: #ece9e0;--ag-piece-dark: #2b2b3d}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:system-ui,-apple-system,sans-serif;background:var(--ag-bg);color:var(--ag-fg);overscroll-behavior:none}.game-root{position:relative;width:100%;height:100%}canvas{touch-action:none}