:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f4ef;--text:#101114;--muted:#6d727c;--line:#1011141a;--surface:#ffffffd1;--accent:#151515;--accent-soft:#15151514;--shadow:0 20px 60px #10111414}*{box-sizing:border-box}html{font-size:16px}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at top, #fffc, transparent 40%), var(--bg);margin:0;font-family:Avenir Next,Helvetica Neue,Segoe UI,sans-serif}button{font:inherit}.page-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.stage{width:min(100%,760px)}.stage h1{letter-spacing:-.06em;text-wrap:balance;margin:0 0 28px;font-size:clamp(2.6rem,8vw,5.8rem);line-height:.94}.game-shell{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);border-radius:28px;padding:20px}.game-bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.game-bar p{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;margin:0;font-size:.95rem}.reset-button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#fff;border-radius:999px;padding:10px 16px;transition:transform .14s,background-color .14s,border-color .14s}.reset-button:hover,.cell:hover{transform:translateY(-1px)}.board{aspect-ratio:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.cell{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#fcfcf9;border-radius:24px;place-items:center;font-size:clamp(2.4rem,8vw,4.8rem);font-weight:700;transition:transform .14s,border-color .14s,background-color .14s,color .14s;display:grid}.cell:hover{background:#fff;border-color:#1011142e}.cell-win{background:var(--accent);color:#fff}@media (max-width:640px){.page-shell{padding:14px}.game-shell{border-radius:22px;padding:14px}.game-bar{flex-direction:column;align-items:flex-start}.reset-button{width:100%}}