.app{flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;display:flex}.header{justify-content:center;align-items:center;gap:.75rem;display:flex}h1{letter-spacing:.02em;margin:0;font-size:1.75rem}.theme-toggle{background:var(--cell);border:1px solid var(--border);color:var(--fg);cursor:pointer;border-radius:999px;width:2.25rem;height:2.25rem;font-size:1rem;line-height:1;transition:background .15s,border-color .15s}.theme-toggle:hover{background:var(--cell-hover);border-color:var(--accent)}.status{color:var(--muted);min-height:1.5rem;margin:0;font-size:1rem}.board{grid-template-rows:repeat(3,5rem);grid-template-columns:repeat(3,5rem);gap:.5rem;display:grid}.cell{background:var(--cell);color:var(--fg);cursor:pointer;border:none;border-radius:.75rem;font-size:2.25rem;font-weight:600;transition:background .15s,transform .1s}.cell:hover:not(:disabled){background:var(--cell-hover)}.cell:active:not(:disabled){transform:scale(.96)}.cell:disabled{cursor:default}.cell--winning{background:var(--accent);color:#fff}.reset{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:.5rem;padding:.5rem 1rem;font-size:.9rem}.reset:hover{color:var(--fg);border-color:var(--accent)}:root,:root[data-theme=dark]{--bg:#12141c;--fg:#e8eaf2;--muted:#8b90a5;--cell:#1c1f2b;--cell-hover:#262a3a;--border:#333849;--accent:#4f7cff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f4f5f9;--fg:#1b1e28;--muted:#5d6479;--cell:#fff;--cell-hover:#e7eaf3;--border:#cbd0de;--accent:#3563e9;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--fg);place-items:center;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;transition:background .2s,color .2s;display:grid}