html,body{margin:0}*{box-sizing:border-box}body{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(139,92,246,.28),transparent 30%),radial-gradient(circle at bottom right,rgba(59,130,246,.22),transparent 30%),radial-gradient(circle at top left,rgba(139,92,246,.16),transparent 30%),linear-gradient(135deg,#0f172ae6,#1e293beb),url(/assets/upscaled_bg-DFcgq7sK.png);background-size:cover;background-position:center;color:#f8fafc}h1{margin:0;font-weight:800;font-size:clamp(2.3rem,5vw,4.5rem);line-height:.95;letter-spacing:-.05em;text-align:center;background:linear-gradient(90deg,#f8fafc,#c4b5fd 45%,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(96,165,250,.2)}.wrap{width:min(500px,90vw);aspect-ratio:1 / 1;padding:14px;border-radius:24px;background:linear-gradient(145deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 1px #8b5cf626,0 20px 50px #00000059,0 0 40px #8b5cf62e,0 0 60px #3b82f61f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#board{width:100%;height:100%;display:block;border-radius:16px;background:linear-gradient(180deg,#0f172ad1,#1e293be0);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0f,inset 0 0 30px #8b5cf614,0 0 20px #a855f72e;touch-action:none}h3{margin:0;padding:.8rem 1.4rem;border-radius:999px;font-size:1rem;font-weight:600;letter-spacing:.02em;color:#e2e8f0;background:#0f172ab8;border:1px solid rgba(96,165,250,.22);box-shadow:0 8px 24px #00000038,0 0 24px #60a5fa1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#butt{display:none;margin:0;padding:.8rem 1.4rem;border-radius:999px;font-size:1rem;font-weight:600;letter-spacing:.02em;color:#e2e8f0;background:#0f172ab8;border:1px solid rgba(96,165,250,.22);box-shadow:0 8px 24px #00000038,0 0 24px #60a5fa1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .25s ease;cursor:pointer}#butt:hover{transform:translateY(-3px);border:1px solid rgba(96,165,250,.6);box-shadow:0 12px 28px #00000059,0 0 30px #60a5fa59,0 0 60px #60a5fa33}.player-x{color:#ef4444;animation:glowX .5s ease-in-out infinite alternate}.player-o{color:#22c55e;animation:glowO .5s ease-in-out infinite alternate}@keyframes glowX{0%{text-shadow:0 0 5px #ef4444,0 0 10px #ef4444,0 0 20px #dc2626}to{text-shadow:0 0 10px #ef4444,0 0 20px #ef4444,0 0 40px #dc2626}}@keyframes glowO{0%{text-shadow:0 0 5px #22c55e,0 0 10px #22c55e,0 0 20px #16a34a}to{text-shadow:0 0 10px #22c55e,0 0 20px #22c55e,0 0 40px #16a34a}}.hidden{display:none!important}.menu-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0206178c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.menu-card{width:min(560px,92vw);padding:2rem;border-radius:28px;text-align:center;background:linear-gradient(145deg,#ffffff17,#ffffff0a);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 50px #0006,0 0 40px #8b5cf629,0 0 60px #3b82f61f}.menu-subtitle{margin:.75rem 0 1.5rem;font-size:1rem;color:#cbd5e1}.menu-actions{display:flex;flex-direction:column;gap:1rem}.menu-btn{margin:0;padding:.95rem 1.4rem;border:1px solid rgba(96,165,250,.22);border-radius:18px;font-size:1rem;font-weight:700;letter-spacing:.02em;color:#e2e8f0;background:#0f172ab8;box-shadow:0 8px 24px #00000038,0 0 24px #60a5fa1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.menu-btn:hover{transform:translateY(-3px);border-color:#60a5fa99;box-shadow:0 12px 28px #00000059,0 0 30px #60a5fa59,0 0 60px #60a5fa33}.menu-back{position:absolute;top:20px;left:20px;padding:.5rem 1rem;border-radius:999px;font-size:.9rem;font-weight:600;color:#e2e8f0;background:#0f172ab3;border:1px solid rgba(96,165,250,.25);cursor:pointer;transition:all .2s ease;z-index:5}.menu-back:hover{transform:translateY(-2px);border-color:#60a5fa99;box-shadow:0 0 20px #60a5fa40}.game-ui{display:flex;flex-direction:column;align-items:center;gap:1.25rem}