:root{color:#1e293b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}button{-webkit-tap-highlight-color:transparent}.game-shell{box-sizing:border-box;background:radial-gradient(circle at 12% 12%,#fef3c7 0 10%,#0000 31%),radial-gradient(circle at 88% 88%,#dbeafe 0 8%,#0000 28%),#f8fafc;place-items:center;min-height:100svh;padding:32px 20px;display:grid}.game-card{box-sizing:border-box;text-align:center;background:#ffffffeb;border:1px solid #e5e7eb;border-radius:28px;width:min(100%,450px);padding:40px;box-shadow:0 24px 60px #0f172a1f}.eyebrow{color:#7c3aed;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}h1{color:#172554;letter-spacing:-.065em;margin:0;font-size:clamp(2.2rem,8vw,3.4rem);line-height:1}.legend{color:#475569;justify-content:center;align-items:center;gap:9px;margin:22px 0 12px;font-size:.94rem;font-weight:600;display:flex}.mark{font-size:1.2rem;font-weight:900}.player-mark{color:#7c3aed}.computer-mark{color:#f97316}.turn-note{color:#64748b;min-height:1.5em;margin:0 0 23px;font-size:.9rem}.board{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.square{aspect-ratio:1;color:#172554;cursor:pointer;background:#eef2ff;border:0;border-radius:16px;place-items:center;padding:0;font-family:inherit;font-size:clamp(2.2rem,12vw,4.1rem);font-weight:900;line-height:1;transition:background .14s,transform .14s;display:grid}.square:not(:disabled):hover{background:#ddd6fe;transform:translateY(-2px)}.square:focus-visible{outline-offset:3px;outline:3px solid #f59e0b}.square:disabled{cursor:default}.square-x{color:#7c3aed;background:#f5f3ff}.square-o{color:#f97316;background:#fff7ed}.result{place-items:center;min-height:104px;padding-top:20px;display:grid}.result p{color:#334155;margin:0;font-weight:700}.result-finished{gap:12px}.rematch-button{color:#fff;cursor:pointer;font:inherit;background:#6d28d9;border:0;border-radius:999px;padding:12px 20px;font-size:.92rem;font-weight:800;transition:transform .14s,background .14s;box-shadow:0 7px 15px #6d28d93d}.rematch-button:hover{background:#5b21b6;transform:translateY(-1px)}.rematch-button:focus-visible{outline-offset:3px;outline:3px solid #f59e0b}.celebration{justify-content:center;align-items:center;gap:12px;min-height:35px;font-size:1.65rem;display:flex}.celebration span{display:inline-block}.fireworks span{color:#f59e0b;text-shadow:0 0 13px #f59e0b;animation:.9s ease-in-out infinite alternate sparkle}.fireworks span:nth-child(2){color:#ec4899;animation-delay:.18s}.fireworks span:nth-child(3){color:#06b6d4;animation-delay:.35s}.popper span{animation:.75s cubic-bezier(.2,.8,.3,1) infinite alternate pop}.popper span:nth-child(2){animation-delay:.2s}.popper span:nth-child(3){animation-delay:.4s}.cheering span{animation:.7s ease-in-out infinite alternate wave}.cheering span:nth-child(2){animation-delay:.18s}@keyframes sparkle{0%{opacity:.55;transform:scale(.65)rotate(0)}to{opacity:1;transform:scale(1.2)rotate(90deg)}}@keyframes pop{0%{transform:translateY(3px)rotate(-10deg)scale(.8)}to{transform:translateY(-4px)rotate(10deg)scale(1.1)}}@keyframes wave{0%{transform:rotate(-15deg)translateY(2px)}to{transform:rotate(16deg)translateY(-3px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=450px){.game-card{border-radius:22px;padding:32px 22px}}