:root{--bg-color:#0f172a;--text-color:#f8fafc;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--primary:#3b82f6;--primary-glow:#3b82f680;--secondary:#8b5cf6;--accent:#10b981}body{background:var(--bg-color);min-height:100vh;color:var(--text-color);background-image:radial-gradient(at 0 0,#3b82f626 0,#0000 50%),radial-gradient(at 100% 100%,#8b5cf626 0,#0000 50%);justify-content:center;align-items:center;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}#root{box-sizing:border-box;width:100%;max-width:800px;padding:2rem}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:1rem;padding:2rem;box-shadow:0 4px 30px #0000001a}.title{text-align:center;background:linear-gradient(to right, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2rem;font-size:3rem;font-weight:800}.button{background:var(--glass-bg);color:var(--text-color);border:1px solid var(--glass-border);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:1rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.button:hover{box-shadow:0 0 15px var(--primary-glow);border-color:var(--primary);background:#ffffff1a;transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));border:none}.button-primary:hover{background:linear-gradient(135deg,#2563eb,#7c3aed)}.input{border:1px solid var(--glass-border);color:#fff;box-sizing:border-box;background:#0003;border-radius:.5rem;width:100%;margin-bottom:1rem;padding:.75rem;font-family:inherit}.input:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow);outline:none}.board{aspect-ratio:1;grid-template-columns:repeat(3,1fr);gap:.5rem;max-width:400px;margin:2rem auto;display:grid}.cell{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;color:#fff;border-radius:.5rem;justify-content:center;align-items:center;font-size:4rem;font-weight:700;transition:all .2s;display:flex}.cell:hover:not(:disabled){background:#ffffff1a;transform:scale(1.05)}.cell:disabled{cursor:not-allowed}.cell.x{color:var(--primary);text-shadow:0 0 10px var(--primary-glow)}.cell.o{color:var(--secondary);text-shadow:0 0 10px #8b5cf680}@keyframes pulse{0%{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}to{opacity:.6;transform:scale(.98)}}.pulsing{text-align:center;color:var(--accent);font-size:1.2rem;animation:2s ease-in-out infinite pulse}.leaderboard{margin-top:2rem}.leaderboard-item{border-bottom:1px solid var(--glass-border);justify-content:space-between;padding:.75rem;display:flex}.leaderboard-item:last-child{border-bottom:none}