*{padding:0;margin:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b)}main{width:100%;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;padding:20px}.board{width:420px;max-width:95%;aspect-ratio:1/1;display:flex;flex-direction:column;gap:15px;padding:25px;border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000080}.row{flex:1;display:flex;gap:15px}.circle{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(40px,6vw,70px);font-weight:600;border-radius:18px;cursor:pointer;transition:all .25s ease;background:#ffffff12;border:1px solid rgba(255,255,255,.15);color:#fff}.circle:hover{transform:translateY(-5px);background:#ffffff1f;box-shadow:0 10px 25px #0000004d}.circle:active{transform:scale(.95)}.guide{display:flex;flex-direction:column;align-items:center;gap:20px;font-size:clamp(22px,4vw,40px);color:#e2e8f0;font-weight:500;letter-spacing:1.5px;text-align:center}.guide button{padding:12px 28px;font-size:16px;font-weight:500;border-radius:12px;border:none;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;transition:all .25s ease;box-shadow:0 10px 25px #0000004d}.guide button:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0006}.guide button:active{transform:scale(.95)}@media(max-width:500px){.board{padding:15px;gap:10px}.row{gap:10px}}.circle:has(span.x){color:#38bdf8}.circle:has(span.o){color:#f472b6}@keyframes winGlow{0%{box-shadow:0 0 5px #38bdf8}50%{box-shadow:0 0 25px #38bdf8,0 0 50px #38bdf8}to{box-shadow:0 0 5px #38bdf8}}.Animation{animation:winGlow 1s infinite ease-in-out;border:2px solid #38bdf8;background:#38bdf826}.Over{box-shadow:0 0 5px red}