:root{font-family:Outfit,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#1a1a2e;background:#f0f2f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{color:#e8eaed;background:#0f0f14}}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}#root{width:100%;max-width:420px}button{font-family:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--accent, #6366f1);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.game{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.title{font-size:clamp(1.75rem,5vw,2.25rem);font-weight:700;letter-spacing:-.02em;margin:0;color:var(--text, #1a1a2e)}@media(prefers-color-scheme:dark){.title{color:var(--text, #e8eaed)}}.status{font-size:1.1rem;font-weight:600;margin:0;min-height:1.5em;color:var(--text, #374151)}@media(prefers-color-scheme:dark){.status{color:#d1d5db}}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:320px;aspect-ratio:1;padding:8px;background:#0000000a;border-radius:20px;border:1px solid rgba(0,0,0,.06)}@media(prefers-color-scheme:dark){.board{background:#ffffff0a;border-color:#ffffff14}}.cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:none;border-radius:14px;background:#ffffffe6;box-shadow:0 2px 8px #0000000f;font-size:clamp(2rem,8vw,3rem);font-weight:700;transition:transform .15s ease,box-shadow .2s ease,background .2s}.cell:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 14px #0000001a}.cell:active:not(:disabled){transform:scale(.98)}.cell:disabled{cursor:default}.cell .cell-symbol{animation:pop .25s ease-out}.cell.winning{background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:0 0 0 2px #f59e0b}@media(prefers-color-scheme:dark){.cell{background:#ffffff14;box-shadow:0 2px 8px #0000004d}.cell:hover:not(:disabled){background:#ffffff1f;box-shadow:0 4px 14px #0006}.cell.winning{background:linear-gradient(135deg,#f59e0b59,#fbbf2440);box-shadow:0 0 0 2px #f59e0bcc}}.cell.X .cell-symbol{color:#2563eb}.cell.O .cell-symbol{color:#dc2626}@keyframes pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.btn{padding:.65rem 1.35rem;font-size:.95rem;font-weight:600;border-radius:12px;border:none;transition:transform .15s,box-shadow .2s,background .2s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#6366f1;color:#fff;box-shadow:0 4px 14px #6366f166}.btn-primary:hover:not(:disabled){background:#4f46e5;box-shadow:0 6px 20px #6366f180}.btn-secondary{background:#0000000f;color:#374151}.btn-secondary:hover:not(:disabled){background:#0000001a}@media(prefers-color-scheme:dark){.btn-secondary{background:#ffffff1a;color:#e5e7eb}.btn-secondary:hover:not(:disabled){background:#ffffff29}}.btn-undo{background:transparent;color:#64748b;border:1px solid rgba(0,0,0,.12)}.btn-undo:hover:not(:disabled){background:#0000000a;color:#475569}@media(prefers-color-scheme:dark){.btn-undo{color:#94a3b8;border-color:#ffffff26}.btn-undo:hover:not(:disabled){background:#ffffff0f;color:#cbd5e1}}