*{margin:0;padding:0;box-sizing:border-box}body{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;background-color:#f0f0f0}@media(max-width:768px){body{background-color:#fff}}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}@media(max-width:768px){#root{padding:0;align-items:flex-start;min-height:100vh}}.app{max-width:800px;width:100%}@media(max-width:768px){.app{max-width:100%;min-height:100vh;display:flex;flex-direction:column}}.setup-screen{background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a}@media(max-width:768px){.setup-screen{padding:15px;border-radius:0;box-shadow:none}}.setup-screen h1{margin-bottom:30px;color:#333;text-align:center}@media(max-width:768px){.setup-screen h1{font-size:1.5rem;margin-bottom:20px}}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;color:#555;font-weight:500}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px}.player-inputs{display:flex;flex-direction:column;gap:10px;margin-top:10px}.player-input-row{display:flex;gap:10px;align-items:center}.player-input-row input{flex:1}.player-input-row button{padding:10px 15px;background-color:#dc3545;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px}.player-input-row button:hover{background-color:#c82333}.button-group{display:flex;gap:10px;margin-top:20px}button{padding:12px 24px;font-size:16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s}.btn-primary{background-color:#007bff;color:#fff;flex:1}.btn-primary:hover{background-color:#0056b3}.btn-primary:disabled{background-color:#6c757d;cursor:not-allowed}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}.game-screen{background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a}@media(max-width:768px){.game-screen{padding:0;border-radius:0;box-shadow:none;min-height:100vh;display:flex;flex-direction:column}}.game-screen h1{text-align:center;margin-bottom:30px;color:#333}@media(max-width:768px){.game-screen h1{font-size:1.5rem;margin-bottom:15px;padding:15px 15px 0}}.players-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;position:relative;overflow:hidden}@media(max-width:768px){.players-container{gap:15px;margin-bottom:0;grid-template-columns:1fr;padding:0 15px 15px;flex:1;overflow-y:auto}}.player-card{padding:20px;border-radius:8px;border:3px solid #ddd;background-color:#fff;transition:border-color .3s ease-in-out,background-color .3s ease-in-out,box-shadow .3s ease-in-out}.player-card.slide-down-animation{animation:slideDown .8s ease-in-out;position:relative;z-index:1}.player-card.slide-up-animation{animation:slideUp .8s ease-in-out;position:relative;z-index:2}@keyframes slideDown{0%{transform:translateY(var(--slide-distance))}to{transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(var(--slide-distance))}to{transform:translateY(0)}}@media(max-width:768px){.player-card{padding:15px}}.player-card.active{border-color:#007bff;background-color:#e7f3ff!important;box-shadow:0 0 20px #007bff4d}.player-card.out-of-time{border-color:#dc3545;background-color:#f8d7da;animation:pulse 1s infinite}@keyframes pulse{0%,to{box-shadow:0 0 20px #dc354580}50%{box-shadow:0 0 40px #dc3545cc}}.player-card h2{margin-bottom:10px;color:#333;text-align:center}.player-timer{font-size:3.15rem;font-weight:900;font-family:Consolas,Monaco,Lucida Console,monospace;color:#6c757d;text-align:center}.player-card.active .player-timer{color:#007bff}.player-card.out-of-time .player-timer{color:#dc3545}.player-status{font-size:.9rem;color:#666}.controls{display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center;max-width:600px;margin:0 auto;width:100%}@media(max-width:768px){.controls{position:sticky;bottom:0;background:#fff;padding:15px;margin:0;box-shadow:0 -2px 10px #0000001a;gap:10px;z-index:100;max-width:none}}.next-player-btn{padding:20px 40px;font-size:20px;background-color:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;width:100%;max-width:400px}@media(max-width:768px){.next-player-btn{padding:15px 30px;font-size:18px;max-width:none}}.next-player-btn:hover{background-color:#218838}.next-player-btn:disabled{background-color:#6c757d;cursor:not-allowed}.slide-to-reset-container{width:100%;max-width:400px}@media(max-width:768px){.slide-to-reset-container{max-width:none}}.slide-to-reset-track{position:relative;height:54px;background-color:#f8f9fa;border:2px solid #ddd;border-radius:27px;cursor:pointer;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;display:flex;align-items:center;justify-content:center}.slide-to-reset-text{position:absolute;left:50%;transform:translate(-50%);font-size:16px;color:#666;font-weight:500;pointer-events:none;z-index:5}.slide-to-reset-thumb{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;background-color:#dc3545;border-radius:50%;cursor:grab;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;transition:left .1s ease-out;z-index:10}.slide-to-reset-thumb:active{cursor:grabbing;transform:translateY(-50%) scale(1.1)}.slide-to-reset-arrow{color:#fff;font-size:24px;font-weight:700;-webkit-user-select:none;user-select:none}.alarm-message{text-align:center;margin:0 0 20px;padding:20px;background-color:#dc3545;color:#fff;border-radius:8px;font-size:1.5rem;font-weight:700;animation:shake .5s infinite}@media(max-width:768px){.alarm-message{margin:0 15px 15px;padding:15px;font-size:1.2rem;border-radius:8px}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}