body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.start-screen-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;justify-content:center;width:100vw}.start-screen-panel{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;max-width:500px;padding:50px;text-align:center;width:90%}.player-select{background-color:#f9f9f9;border:2px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:16px;font-weight:500;padding:12px 15px;transition:all .3s ease}.player-select:hover{background-color:#f5f5ff;border-color:#667eea}.player-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.start-button.disabled{background:#e0e0e0;color:#999;cursor:not-allowed}.test-button{background:#ff95001a;border:2px dashed #ff9500;border-radius:8px;color:#ff9500;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;margin-top:15px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease;width:100%}.test-button:hover{background:#ff950033;box-shadow:0 2px 8px #ff95004d}.loading-container{color:#fff;font-size:24px}.error-container,.loading-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600;height:100vh;justify-content:center;width:100vw}.error-container{color:#ff6b6b;font-size:20px;padding:20px;text-align:center}.live-match-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;justify-content:center;width:100vw}.live-match-panel{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;max-width:500px;padding:50px;text-align:center;width:90%}.panel-title{color:#333;font-size:28px;font-weight:600;margin-bottom:40px}.player-selection{align-items:center;display:flex;gap:20px;margin-bottom:40px}.player-input-group{display:flex;flex:1 1;flex-direction:column;gap:10px}.player-label{color:#555;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.player-display{background-color:#f9f9f9;border:2px solid #ddd;border-radius:8px;color:#333;font-size:16px;font-weight:600;padding:12px 15px;text-align:center}.vs-divider{align-items:center;color:#667eea;display:flex;font-size:20px;font-weight:700;height:60px;justify-content:center;min-width:40px;text-align:center}.match-settings{display:flex;gap:20px;justify-content:space-between;margin-bottom:30px}.setting-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px}.setting-label{color:#555;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.setting-control-bar{align-items:stretch;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:0;height:48px;overflow:hidden;width:100%}.setting-control-btn{align-items:center;border:none;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;min-width:55px;transition:all .2s ease}.setting-control-btn.left{background:linear-gradient(135deg,#ff8787b3,#ff6b6bb3)}.setting-control-btn.left:hover{box-shadow:inset 0 2px 4px #0003;transform:scale(1.05)}.setting-control-btn.left:active{transform:scale(.95)}.setting-control-btn.right{background:linear-gradient(135deg,#6fe7ddb3,#64d5cab3)}.setting-control-btn.right:hover{box-shadow:inset 0 2px 4px #0003;transform:scale(1.05)}.setting-control-btn.right:active{transform:scale(.95)}.setting-value-text{align-items:center;background:#fff;color:#000;flex:1 1;font-size:16px;font-weight:600;letter-spacing:.5px}.match-options,.setting-value-text{display:flex;justify-content:center}.match-options{gap:30px;margin-bottom:30px}.checkbox-container{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;-webkit-user-select:none;user-select:none}.checkbox-input{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #667eea;border-radius:6px;cursor:pointer;height:24px;position:relative;transition:all .2s ease;width:24px}.checkbox-input:hover{border-color:#764ba2;box-shadow:0 0 0 3px #667eea1a}.checkbox-input:checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.checkbox-input:checked:after{color:#fff;content:"✓";font-size:16px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-label{color:#333}.start-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:1px;padding:14px 30px;text-transform:uppercase;transition:all .3s ease;width:100%}.start-button.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.start-button.active:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.game-controller-modal{z-index:1000}.game-controller-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1d23cc;border:2px solid #667eea;border-radius:12px;box-shadow:0 8px 32px #667eea4d;display:flex;flex-direction:column;padding:0}.drag-handle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px 10px 0 0;cursor:grab;display:flex;justify-content:center;padding:8px 0;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.drag-handle-bar{background:#fff9;border-radius:2px;height:4px;width:40px}.game-controller{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:center;padding:15px}.controller-section{display:none;flex:1 1}.current-player-info{align-items:center;background:#667eea1a;border-left:4px solid #667eea;border-radius:10px;display:flex;gap:15px;padding:15px 25px}.current-player-info span{color:#fff;font-size:16px;font-weight:600}.player-name{color:gold;font-size:18px}.controller-buttons{box-sizing:"border-box";display:flex;flex:0 1;gap:10px;justify-content:center;margin:0;max-width:none;padding:0;width:auto}.top-buttons{gap:8px}.bottom-buttons{justify-content:center;margin-top:10px;width:100%}.controller-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-weight:600;gap:3px;justify-content:center;min-width:60px;padding:10px 12px;transition:all .2s ease}.btn-symbol{font-size:24px;font-weight:700}.btn-label{font-size:9px;letter-spacing:.3px;text-transform:uppercase}.minus-btn{background:linear-gradient(135deg,#ff8787,#ff6b6b);box-shadow:0 4px 15px #ff6b6b4d;color:#fff}.minus-btn:hover{box-shadow:0 6px 20px #ff6b6b80;transform:translateY(-2px)}.minus-btn:active{transform:translateY(0)}.timer-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.timer-btn:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.timer-btn:active{transform:translateY(0)}.timer-btn.active{animation:pulse 1s infinite}@keyframes pulse{0%,to{box-shadow:0 4px 15px #667eea4d}50%{box-shadow:0 4px 25px #667eeab3}}.plus-btn{background:linear-gradient(135deg,#6fe7dd,#64d5ca);box-shadow:0 4px 15px #6fe7dd4d;color:#fff}.plus-btn:hover{box-shadow:0 6px 20px #6fe7dd80;transform:translateY(-2px)}.plus-btn:active{transform:translateY(0)}.ok-btn{background:linear-gradient(135deg,#0f0,#0c0);box-shadow:0 4px 15px #00ff004d;color:#fff;font-weight:700;min-width:110px}.ok-btn:hover{box-shadow:0 6px 20px #00ff0080;transform:translateY(-2px)}.ok-btn:active{transform:translateY(0)}.timer-progress-wrapper{background:linear-gradient(180deg,#0000,#0000004d);padding:10px 0;width:100%}.progress-bar-container{align-items:center;display:flex;justify-content:center;max-width:100vw;width:100%}.progress-bar{background:#ffffff0d;border:none;border-radius:0;height:45px;overflow:hidden;position:relative;width:100%}.progress-fill{box-shadow:none;height:100%;transition:width .1s linear}.timer-display-text{color:#000;font-family:Courier New,monospace;font-size:20px;font-weight:700;left:50%;letter-spacing:2px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}
/*# sourceMappingURL=main.6bdbad00.css.map*/