:root{--bg-color:#f5f5f5;--text-color:#333;--board-bg:#fff;--square-border:#e0e0e0;--square-hover:#f8f9fa;--status-bg:#f8f9fa;--x-color:#e74c3c;--o-color:#3498db;--winner-color:#2ecc71;--shadow:0 10px 30px #0000001a}[data-theme=dark]{--bg-color:#1a1a1a;--text-color:#f0f0f0;--board-bg:#2d2d2d;--square-border:#444;--square-hover:#3a3a3a;--status-bg:#333;--x-color:#ff6b6b;--o-color:#6bb9ff;--winner-color:#4cd964;--shadow:0 10px 30px #0000004d}body{align-items:center;background:#f5f5f5;background:var(--bg-color);color:#333;color:var(--text-color);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;margin:0;min-height:100vh;transition:background .3s ease,color .3s ease}.game{background:#fff;background:var(--board-bg);border-radius:16px;box-shadow:0 10px 30px #0000001a;box-shadow:var(--shadow);padding:2rem;position:relative;text-align:center;transition:all .3s ease;width:350px}h1{color:#333;color:var(--text-color);font-size:2.2rem}.status,h1{margin-bottom:1.5rem}.status{background:#f8f9fa;background:var(--status-bg);border-radius:8px;font-size:1.3rem;font-weight:600;padding:.8rem;transition:all .3s ease}.board-row{margin-bottom:-1px}.board-row,.square{display:flex;justify-content:center}.square{align-items:center;background:#fff;background:var(--board-bg);border:2px solid #e0e0e0;border:2px solid var(--square-border);cursor:pointer;font-size:2.5rem;font-weight:700;height:80px;transition:all .3s ease;width:80px}.square:hover{background:#f8f9fa;background:var(--square-hover)}.square:active{transform:scale(.95)}.square.X{color:#e74c3c;color:var(--x-color)}.square.O{color:#3498db;color:var(--o-color)}.winner-message{animation:winnerPulse 1.5s infinite;color:#2ecc71;color:var(--winner-color)}@keyframes winnerPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.theme-toggle{background:none;border:none;color:#333;color:var(--text-color);cursor:pointer;font-size:1.5rem;position:absolute;right:20px;top:20px;transition:transform .2s ease}.theme-toggle:hover{transform:scale(1.1)}.theme-toggle:active{transform:scale(.95)}@media (max-width:400px){.game{padding:1rem;width:90%}.square{height:70px;width:70px}.theme-toggle{right:10px;top:10px}}
/*# sourceMappingURL=main.47d4fd25.css.map*/