.app{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:800px;margin:0 auto;padding:2rem;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.player-name-container{background-color:#f8f9fa;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a;width:100%;max-width:500px;text-align:center}.player-name-container h2{color:#333;margin-bottom:1rem}.player-name-container p{color:#666;margin-bottom:.5rem}.form-group{margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:flex-start;width:100%}.form-group label{margin-bottom:.5rem;font-weight:700;color:#555}.form-group input{width:100%;padding:.75rem;font-size:1rem;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}button{background-color:#4caf50;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s}button:hover:not(:disabled){background-color:#45a049}button:disabled{background-color:#ccc;cursor:not-allowed}.game-container{background-color:#f8f9fa;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a;width:100%;display:flex;flex-direction:column;gap:2rem}.game-info{text-align:center}.rules{background-color:#e8f5e9;border:1px solid #c8e6c9;border-radius:8px;padding:1rem;margin:1rem 0;text-align:left}.rules ul{margin:.5rem 0;padding-left:1.5rem}.rules li{margin-bottom:.5rem}.player-info{margin:1rem 0;padding:.5rem;background-color:#e9ecef;border-radius:8px}.counter{margin:1.5rem 0}.count-display{font-size:4rem;font-weight:700;color:#333;background-color:#e9ecef;border-radius:8px;padding:1rem;margin-bottom:.5rem}.danger-display{margin-top:1rem;min-height:1.5rem}.warning{color:#f44336;font-weight:700;font-size:1.2rem}.game-controls{display:flex;justify-content:center;margin:1rem 0}.count-button{padding:1rem 2rem;font-size:1.25rem;background-color:#4caf50;min-width:250px;height:60px}.count-button.disabled{background-color:#ccc}.count-button.danger{background-color:#f44336}.count-button.lose{background-color:#9e9e9e;color:#333;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.game-result{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:8px;padding:1rem;margin:1rem 0;text-align:center}.game-result h3{color:#c62828;margin-bottom:.5rem}.players-list{border-top:1px solid #ddd;padding-top:1rem}.players-list h3{margin-bottom:.5rem}.players-list ul{list-style-type:none;padding:0;margin:0}.players-list li{padding:.5rem;border-bottom:1px solid #eee}.players-list li.current-player{font-weight:700;background-color:#e9ecef}.players-list li.loser-player{background-color:#ffebee}@media (max-width: 600px){.app,.game-container,.player-name-container{padding:1rem}.count-display{font-size:3rem}}.intro-rules{background-color:#e8f5e9;border:1px solid #c8e6c9;border-radius:8px;padding:1rem;margin:1.5rem 0;text-align:left}.intro-rules h3{margin-top:0;margin-bottom:.5rem;color:#2e7d32}.intro-rules ul{margin:0;padding-left:1.5rem}.intro-rules li{margin-bottom:.5rem}.game-selection{max-width:500px;margin:0 auto;padding:20px;text-align:center;background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 10px #0000001a}.game-selection h2{color:#333;margin-bottom:20px}.game-buttons{display:flex;flex-direction:column;gap:15px}.game-buttons button{padding:15px 20px;border:none;border-radius:4px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;background-color:#3498db;color:#fff}.game-buttons button:hover{background-color:#2980b9;transform:scale(1.02)}:root{--primary-color: #3498db;--secondary-color: #2ecc71;--accent-color: #e74c3c;--background-color: #f8f9fa;--card-background: #ffffff;--text-color: #333333;--border-color: #dddddd;--success-color: #27ae60;--warning-color: #f39c12;--danger-color: #e74c3c;--inactive-color: #95a5a6}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:var(--primary-color);color:#fff;padding:1.5rem;text-align:center}.app-content{flex:1;padding:2rem 1rem;max-width:800px;margin:0 auto;width:100%}.app-footer{background-color:var(--text-color);color:#fff;text-align:center;padding:1rem;margin-top:auto}.game-lobby{display:flex;justify-content:center;align-items:center;width:100%}.lobby-card{background-color:var(--card-background);border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:2rem;width:100%;max-width:500px}.lobby-card h2{margin-bottom:1rem;color:var(--primary-color)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600}.form-group input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem}.form-help{font-size:.8rem;color:#777;margin-top:.3rem}.btn-primary{background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;transition:background-color .2s;width:100%}.btn-primary:hover{background-color:#2980b9}.btn-primary:disabled{background-color:var(--inactive-color);cursor:not-allowed}.btn-secondary{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:4px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-secondary:hover{background-color:var(--primary-color);color:#fff}.error-message{background-color:#e74c3c1a;color:var(--danger-color);padding:.75rem;border-radius:4px;margin-bottom:1rem}.game-instructions{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.game-instructions h3{margin-bottom:1rem;color:var(--text-color)}.game-instructions ul{list-style-position:inside;padding-left:1rem}.game-instructions li{margin-bottom:.5rem}.game-board{background-color:var(--card-background);border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:2rem;width:100%}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.game-header h2{color:var(--primary-color);margin:0}.highlight{color:var(--accent-color);font-weight:600}.player-section{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.player-info{display:flex;align-items:center;background-color:#f5f5f5;border-radius:8px;padding:1rem;transition:all .3s ease}.player-info.active{background-color:#2ecc7126;border:1px solid var(--secondary-color)}.player-info.winner{background-color:#f1c40f33;border:1px solid #f1c40f}.player-avatar{width:50px;height:50px;border-radius:50%;background-color:var(--primary-color);display:flex;justify-content:center;align-items:center;color:#fff;font-weight:600;font-size:1.5rem;margin-right:1rem}.player-details{flex:1}.player-name{font-weight:600;margin-bottom:.25rem}.turn-indicator{font-size:.9rem;color:var(--secondary-color);font-weight:500}.winner-indicator{font-size:.9rem;color:#f1c40f;font-weight:500}.game-status-section{margin-bottom:2rem;text-align:center}.game-status{background-color:#f9f9f9;padding:1.5rem;border-radius:8px}.status-message{margin-bottom:1rem;color:var(--primary-color)}.count-display{margin:1.5rem 0;font-size:1.2rem}.count-value{font-weight:600;font-size:2.5rem;color:var(--accent-color);display:block;margin-top:.5rem}.target-display{font-size:1.1rem;font-weight:500;margin-bottom:1rem}.last-move{font-size:.9rem;color:#666;font-style:italic}.game-controls-section{text-align:center}.counter-controls{padding:1.5rem;border-radius:8px}.counter-controls.active{background-color:#2ecc711a;border:1px solid var(--secondary-color)}.counter-controls.inactive{background-color:#f9f9f9;border:1px dashed var(--border-color)}.counter-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.btn-count{background-color:var(--secondary-color);color:#fff;border:none;border-radius:50%;width:60px;height:60px;font-size:1.3rem;font-weight:600;cursor:pointer;transition:transform .2s,background-color .2s}.btn-count:hover{background-color:#27ae60;transform:scale(1.05)}.btn-count:disabled{background-color:var(--inactive-color);cursor:not-allowed;transform:none}.game-over-controls{margin-top:2rem}.waiting-message{margin:2rem 0;padding:1.5rem;background-color:#f5f7fa;border-radius:8px;text-align:center}.waiting-message p{margin-bottom:.5rem}@media (max-width: 600px){.player-section{grid-template-columns:1fr}.game-header{flex-direction:column;gap:1rem;align-items:flex-start}.btn-count{width:50px;height:50px}}