*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #0f0f1a;--color-surface: #1a1a2e;--color-primary: #e94560;--color-secondary: #0f3460;--color-accent: #16c79a;--color-text: #eaeaea;--color-text-muted: #8a8aa0;--color-border: #2a2a4a;--cell-size: 100px;--radius: 12px}body{background:var(--color-bg);color:var(--color-text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:2rem 1rem}#root{width:100%;max-width:500px}.app{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.app__title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.app__hint{color:var(--color-text-muted);font-size:.95rem}.app__loading{color:var(--color-accent);font-weight:600;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.app__controls{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.difficulty-selector{display:flex;gap:1rem;background:var(--color-surface);padding:.5rem 1rem;border-radius:var(--radius);border:1px solid var(--color-border)}.difficulty-selector label{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.9rem;color:var(--color-text-muted);transition:color .2s}.difficulty-selector label:has(input:checked){color:var(--color-accent);font-weight:600}.difficulty-selector input[type=radio]{accent-color:var(--color-accent)}.btn{padding:.7rem 2rem;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--new-game{background:linear-gradient(135deg,var(--color-primary),#c23152);color:#fff;width:100%}.btn--new-game:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #e9456066}.scoreboard{display:flex;gap:1.5rem;background:var(--color-surface);border-radius:var(--radius);padding:.75rem 1.5rem;border:1px solid var(--color-border);width:100%;justify-content:space-around}.scoreboard__item{display:flex;flex-direction:column;align-items:center;gap:.2rem}.scoreboard__label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted)}.scoreboard__value{font-size:1.5rem;font-weight:700;color:var(--color-text)}.game-status{text-align:center;font-size:1.1rem;font-weight:600;padding:.5rem 1rem;border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);width:100%}.game-status--playing{color:var(--color-text)}.game-status--win{color:var(--color-accent);border-color:var(--color-accent)}.game-status--draw{color:#ffc107;border-color:#ffc107}.board{display:grid;grid-template-columns:repeat(3,var(--cell-size));grid-template-rows:repeat(3,var(--cell-size));gap:6px;background:var(--color-border);border-radius:var(--radius);padding:6px}.cell{width:var(--cell-size);height:var(--cell-size);background:var(--color-surface);border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;position:relative}.cell:hover:not(:disabled):not(.cell--filled){background:var(--color-secondary);transform:scale(1.05)}.cell:disabled{cursor:default}.cell--win{background:#16c79a26!important;animation:winGlow 1s ease-in-out infinite alternate}@keyframes winGlow{0%{box-shadow:inset 0 0 10px #16c79a33}to{box-shadow:inset 0 0 20px #16c79a80}}.cell__mark{font-size:2.5rem;font-weight:800;line-height:1}.cell__mark--x{color:var(--color-primary);filter:drop-shadow(0 0 6px rgba(233,69,96,.5))}.cell__mark--o{color:var(--color-accent);filter:drop-shadow(0 0 6px rgba(22,199,154,.5))}@media (max-width: 400px){:root{--cell-size: 85px}.app__title{font-size:1.8rem}.cell__mark{font-size:2rem}}