body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f0f2f5}h1{color:#1a1a1a;margin-bottom:2rem}.game-options{margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.game-options label{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;color:#333}.game-options input[type=checkbox]{width:1.2rem;height:1.2rem;cursor:pointer}.start-button{padding:8px 16px;font-size:1rem;background-color:#2196f3;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.start-button:hover:not(:disabled){background-color:#1976d2}.start-button:disabled{background-color:#ccc;cursor:not-allowed}.timer{font-size:1.5rem;font-weight:700;color:#f44336;margin-bottom:1rem;animation:pulse 1s infinite}.status{margin-bottom:1rem;font-size:1.5rem;font-weight:700;color:#333}.instructions{margin-bottom:1rem;font-size:1.2rem;color:#666;min-height:2rem}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:2rem}.square{width:100px;height:100px;background:#fff;border:2px solid #ddd;border-radius:5px;font-size:2.5rem;font-weight:700;cursor:pointer;transition:all .3s ease}.square:hover:not(:disabled){background:#f8f9fa;transform:scale(1.05)}.square.selected{background:#e3f2fd;border:2px solid #2196f3;transform:scale(1.05)}.square:disabled{cursor:not-allowed;opacity:.8}.square.game-over{background:#f5f5f5;border-color:#ccc}.reset-button{padding:10px 20px;font-size:1rem;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.reset-button:hover{background-color:#45a049}.mode-selection{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;align-items:flex-start}.mode-selection label{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;color:#333;cursor:pointer}.mode-selection input[type=radio]{width:1.2rem;height:1.2rem;cursor:pointer}.timer-container{margin-bottom:1rem}.bullet-timers{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.player-timer{font-size:1.2rem;font-weight:700;color:#666;padding:.5rem 1rem;border-radius:5px;background-color:#f5f5f5;transition:all .3s ease}.player-timer.active{color:#f44336;background-color:#ffebee;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.segmented-control{display:flex;background-color:#f5f5f5;border-radius:8px;padding:4px;gap:4px;box-shadow:0 2px 4px #0000001a}.segment{background:none;border:none;padding:8px 16px;font-size:14px;color:#666;cursor:pointer;border-radius:6px;transition:all .2s ease;min-width:80px}.segment:hover:not(:disabled){background-color:#e0e0e0;color:#333}.segment.selected,.segment.selected:hover{background-color:#2196f3!important;color:#fff!important;font-weight:500}.segment:disabled{opacity:.6;cursor:not-allowed}