@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap");body{margin:0;padding:0;font-family:Orbitron,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(-45deg,#0f2027,#203a43,#2c5364,#1a2980);background-size:400% 400%;animation:gradientShift 10s ease infinite;color:#fff}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gameboard{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:90vmin;height:90vmin;max-width:420px;max-height:420px;grid-gap:10px;gap:10px;padding:15px;border:2px solid rgba(255,255,255,.4);background:rgba(255,255,255,.05);border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn 1s ease-in-out;box-sizing:border-box}.square{display:flex;justify-content:center;align-items:center;font-size:clamp(1.8rem,6vw,3.5rem);font-weight:700;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.5);border-radius:12px;cursor:pointer;transition:all .3s ease;color:#e0e0e0;box-shadow:inset 0 0 15px rgba(255,255,255,.1)}.square:hover{transform:scale(1.08);background:rgba(255,255,255,.25)}.circle{color:#00f7ff;text-shadow:0 0 15px #00f7ff,0 0 30px #00e0ff}.cross{color:#ff3c6d;text-shadow:0 0 15px #ff3c6d,0 0 30px #ff1f5a}.turn{font-size:1.6rem;color:#f9d423;text-shadow:0 0 10px #f9d423,0 0 20px rgba(0,0,0,.7)}.turn,.winner{margin-top:20px;font-weight:700;animation:fadeIn .8s ease-in-out;display:flex;justify-content:center}.winner{font-size:2rem;color:#4cafef;text-shadow:0 0 12px #4cafef,0 0 24px #2196f3;margin-bottom:15px}.draw{color:#ff9800;font-size:1.9rem;font-weight:700;text-shadow:0 0 10px #ff9800,0 0 20px rgba(0,0,0,.6)}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/569ce4b8f30dc480-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_5cfdac{font-family:Geist,Geist Fallback;font-style:normal}.__variable_5cfdac{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}