code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background-color:#1a1a1a;--board-background:#2c2c2c;--square-background:#404040;--text-color:#e0e0e0;--accent-color-x:#4a90e2;--accent-color-o:#e27d4a;--winner-background:#3a5a40}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;background-color:var(--background-color);color:#e0e0e0;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{padding-top:50px;text-align:center}.status{font-size:2rem;font-weight:700;height:50px;margin-bottom:20px}.board{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,100px);justify-content:center}.square{background:#404040;background:var(--square-background);border:none;border-radius:8px;cursor:pointer;font-size:3.5rem;font-weight:700;height:100px;transition:background-color .2s ease-in-out;width:100px}.square:hover{background:#555}.square.x{color:#4a90e2;color:var(--accent-color-x)}.square.o{color:#e27d4a;color:var(--accent-color-o)}.square.winning{animation:pulse .8s infinite;background-color:#3a5a40;background-color:var(--winner-background)}.back-button,.new-game-button{background-color:#4a90e2;background-color:var(--accent-color-x);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:30px;padding:12px 24px;transition:transform .2s ease}.back-button:hover,.new-game-button:hover{transform:scale(1.05)}.game-mode button{background:#0000;border:2px solid #4a90e2;border:2px solid var(--accent-color-x);border-radius:8px;color:#4a90e2;color:var(--accent-color-x);cursor:pointer;font-size:1.2rem;margin:10px;padding:12px 24px;transition:all .2s ease}.game-mode button:hover{background:#4a90e2;background:var(--accent-color-x);color:#fff}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.how-to-play-button{background:#0000;border:2px solid #e0e0e0;border:2px solid var(--text-color);border-radius:50%;color:#e0e0e0;color:var(--text-color);cursor:pointer;font-size:1.5rem;font-weight:700;height:40px;position:absolute;right:20px;top:20px;width:40px}.modal-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#2c2c2c;background-color:var(--board-background);border-radius:12px;line-height:1.6;max-width:500px;padding:30px;text-align:left}.modal-content h3{color:#4a90e2;color:var(--accent-color-x)}.modal-content button{margin-top:20px;padding:10px 20px}
/*# sourceMappingURL=main.3b7445d6.css.map*/