:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:#f4f1fb;background:radial-gradient(circle at 20% 20%,#2a1a4a 0%,#150e2b 45%,#0a0715 100%);min-height:100vh}#root{min-height:100vh}.app{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.game-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:linear-gradient(160deg,#ffffff12,#ffffff05);border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:420px;padding:32px 28px 28px;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff14}.title{letter-spacing:.5px;margin:0 0 24px;font-size:2rem;font-weight:800}.title-accent{background:linear-gradient(90deg,#ff6ec7,#7c5cff);color:#0000;-webkit-background-clip:text;background-clip:text}.scoreboard{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.score{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:4px;padding:10px 6px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.score-label{text-transform:uppercase;letter-spacing:1px;opacity:.65;font-size:.72rem}.score-value{font-size:1.4rem;font-weight:700}.score-x .score-value{color:#7cd4ff}.score-o .score-value{color:#ff8fd6}.score.active{border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 8px 20px #7c5cff59}.status{color:#cfc9ea;min-height:1.4em;margin-bottom:20px;font-size:1.05rem;font-weight:600;transition:color .2s}.status-win{color:#ffd166}.status-draw{color:#9fa8ff}.board{grid-template-columns:repeat(3,1fr);gap:10px;max-width:320px;margin:0 auto 24px;display:grid}.cell{aspect-ratio:1;color:#f4f1fb;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;font-size:2.6rem;font-weight:800;transition:background .15s,transform .1s,border-color .15s,box-shadow .2s;display:flex}.cell:hover:not(:disabled){background:#ffffff17;border-color:#ffffff40;transform:translateY(-2px)}.cell:active:not(:disabled){transform:translateY(0)}.cell:disabled{cursor:default}.cell.filled{animation:.2s pop}.cell-X{color:#7cd4ff;text-shadow:0 0 18px #7cd4ff8c}.cell-O{color:#ff8fd6;text-shadow:0 0 18px #ff8fd68c}.cell.winning{background:#ffd1661f;border-color:#ffd16699;box-shadow:0 0 22px #ffd16659}@keyframes pop{0%{opacity:.4;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.actions{justify-content:center;gap:10px;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;padding:11px 20px;font-size:.92rem;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s}.btn:active{transform:scale(.97)}.btn-primary{color:#fff;background:linear-gradient(90deg,#7c5cff,#ff6ec7);box-shadow:0 8px 24px #7c5cff66}.btn-primary:hover{box-shadow:0 10px 30px #7c5cff8c}.btn-ghost{color:#cfc9ea;background:#ffffff0f;border:1px solid #ffffff1f}.btn-ghost:hover{background:#ffffff1f}@media (width<=420px){.title{font-size:1.6rem}.cell{font-size:2.1rem}}