body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{align-items:center;background-color:#101011;color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:0}h1{color:#0724df;font-size:48px;margin-bottom:20px;text-align:center}.game{align-items:center;animation:fadeInUp 1.5s ease forwards;background:#1a1a1a;border-radius:16px;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column;padding:30px}.scoreboard{display:flex;justify-content:space-between;width:300px}.game-board,.scoreboard{margin-bottom:20px}.board-row{display:flex}.square{background:#0765f1;border:2px solid #090a0f;border-radius:12px;box-shadow:0 4px 8px #e915150d;color:#fff;cursor:pointer;font-size:36px;font-weight:700;height:100px;line-height:100px;margin:5px;overflow:hidden;position:relative;text-align:center;transition:all .2s ease;width:100px}.square:hover{background-color:#0a8cf1}.square:active{transform:scale(.9)}.square.winning{background-color:gold;color:#000;transform:scale(1.1)}.square span{animation:appearGlow .4s forwards;display:inline-block;opacity:0;transform:scale(0)}.x-value{color:#ff3b3b;text-shadow:0 0 8px #ff3b3b,0 0 12px #ff6b6b}.o-value{color:#1fddff;text-shadow:0 0 8px #1fddff,0 0 12px #4defff}@keyframes appearGlow{0%{filter:blur(2px);opacity:0;transform:scale(0)}60%{filter:blur(0);opacity:1;transform:scale(1.2)}to{filter:blur(0);opacity:1;transform:scale(1)}}.fade{animation:fadeIn .3s forwards;display:inline-block;opacity:0}@keyframes fadeIn{to{opacity:1}}.game-info{margin-top:10px;text-align:center}.x-turn{color:#ff3b3b;font-weight:700}.o-turn{color:#1fddff;font-weight:700}.winner{color:gold}.draw,.winner{font-weight:700}.draw{color:#ff4081}.reset-btn,.toggle-mode-btn{background:#0724df;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px;transition:all .3s ease}.reset-btn:hover,.toggle-mode-btn:hover{background:#0af112;transform:scale(1.05)}.mode-btn{background:linear-gradient(135deg,#0724df,#0af112);border:none;border-radius:12px;box-shadow:0 6px 12px #00000026;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin:15px 0;padding:12px 24px;transition:all .3s ease}.mode-btn:hover{box-shadow:0 10px 20px #0003;transform:translateY(-2px)}.mode-btn:active{box-shadow:0 6px 12px #00000026;transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.glow-title{animation:glowPulse 2.5s infinite alternate;color:#0724df;font-size:48px;margin-bottom:30px;text-align:center;text-shadow:0 0 10px #0724df,0 0 20px #0724df,0 0 40px #0724df,0 0 80px #0724df}@keyframes glowPulse{0%{text-shadow:0 0 10px #0724df,0 0 20px #0724df,0 0 40px #0724df,0 0 80px #0724df}to{text-shadow:0 0 20px #0af112,0 0 40px #0af112,0 0 80px #0af112,0 0 160px #0af112}}@media (max-width:768px){.square{font-size:28px;height:70px;line-height:70px;width:70px}h1.glow-title{font-size:36px}.game{padding:20px}}@media (max-width:480px){.square{font-size:24px;height:60px;line-height:60px;margin:4px;width:60px}.scoreboard{flex-direction:column;font-size:14px;gap:6px}.mode-btn,.reset-btn{font-size:14px;padding:10px 16px}}
/*# sourceMappingURL=main.ecde75fc.css.map*/