body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1d2e;font-family:Arial,sans-serif;margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.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:16px;font-weight:800;left:50%;letter-spacing:1px;position:absolute;text-shadow:0 2px 4px #ffffff80;top:50%;transform:translate(-50%,-50%);z-index:10}.scoreboard-wrapper{background:linear-gradient(135deg,#1e3c72,#2a5298 50%,#1e3c72);color:#fff;font-family:Arial,sans-serif;height:100vh;width:100vw}.scoreboard-starting-screen,.scoreboard-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.scoreboard-starting-screen{animation:fadeIn .5s ease-out;min-height:100vh;padding:40px;text-align:center}.scoreboard-starting-title{animation:pulse 2s infinite;color:gold;font-size:56px;font-weight:700;margin-bottom:60px;text-shadow:0 4px 8px #00000080}.scoreboard-starting-players{align-items:center;display:flex;gap:80px;margin-bottom:60px}.scoreboard-starting-player{align-items:center;display:flex;flex-direction:column;gap:20px}.scoreboard-player-photo{align-items:center;background:linear-gradient(145deg,#3a3a3a,#2a2a2a);border:4px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 20px #00000080;display:flex;height:150px;justify-content:center;overflow:hidden;width:150px}.scoreboard-player-photo img{height:100%;object-fit:cover;width:100%}.scoreboard-player-photo svg{color:#ffffff80;height:80px;width:80px}.scoreboard-player-name{font-size:28px;font-weight:700;max-width:200px;text-align:center}.scoreboard-starting-vs{color:#ff6b6b;font-size:48px;font-weight:700;text-shadow:0 4px 8px #ff6b6b80}.scoreboard-starting-details{grid-gap:30px 60px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:20px;display:grid;gap:30px 60px;grid-template-columns:repeat(2,1fr);padding:30px 50px}.scoreboard-detail-item{display:flex;flex-direction:column;gap:8px}.scoreboard-detail-label{color:#fff9;font-size:16px;letter-spacing:.5px;text-transform:uppercase}.scoreboard-detail-value{color:gold;font-size:24px;font-weight:700}.scoreboard-starting-countdown{animation:pulse 1s ease-in-out infinite;color:gold;font-size:120px;font-weight:700;margin-top:60px;text-shadow:0 8px 16px #ffd70080}.scoreboard-loading-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center}.scoreboard-loading-spinner{animation:spin 1s linear infinite;border:4px solid #fff3;border-radius:50%;border-top-color:gold;height:80px;width:80px}.scoreboard-loading-screen h2{color:gold;font-size:32px;font-weight:700;margin-top:30px}.scoreboard-loading-screen p{color:#ffffffb3;font-size:18px;margin-top:10px}.scoreboard-waiting-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center}.scoreboard-waiting-title{animation:pulse 2s infinite;color:gold;font-size:48px;font-weight:700;margin-bottom:20px}.scoreboard-waiting-subtitle{color:#ffffffb3;font-size:24px;margin-bottom:40px}.scoreboard-status-box{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:15px;padding:20px 30px}.scoreboard-status-active{color:#4ecdc4;font-size:18px;margin-bottom:10px}.scoreboard-status-table{color:#ffffff80;font-size:14px}.survival-live-wrapper{background:linear-gradient(135deg,#0a1628,#1a2a4a 50%,#0a1628);color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;overflow:hidden;width:100vw}.survival-live-header{align-items:center;background:#0000004d;border-bottom:2px solid #4ecdc44d;display:flex;justify-content:space-between;padding:15px 30px}.survival-live-badge{align-items:center;background:linear-gradient(135deg,#4ecdc4,#44a08d);border-radius:25px;display:flex;font-size:14px;font-weight:700;gap:10px;padding:8px 16px}.survival-live-badge .live-dot{animation:live-pulse 1.5s infinite;background:#fff;border-radius:50%;height:10px;width:10px}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.survival-game-timer{align-items:center;display:flex;gap:15px}.survival-clock{align-items:center;background:#0006;border-radius:12px;display:flex;gap:10px;padding:10px 20px}.survival-clock-icon{font-size:24px}.survival-clock-time{color:gold;font-family:Courier New,monospace;font-size:32px;font-weight:700}.survival-clock-half{background:#4ecdc433;border-radius:8px;color:#ffffffb3;font-size:14px;padding:4px 10px}.survival-inning-display{align-items:center;background:#0006;border-radius:12px;display:flex;flex-direction:column;padding:8px 20px}.survival-inning-label{color:#fff9;font-size:10px;letter-spacing:2px}.survival-inning-value{color:gold;font-size:28px;font-weight:700}.survival-live-content{display:flex;flex:1 1;flex-direction:column;gap:20px;padding:30px}.survival-players-live-grid{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(2,1fr)}.survival-players-live-grid.three-players{grid-template-columns:repeat(3,1fr)}.survival-player-live-card{align-items:center;background:linear-gradient(145deg,#ffffff14,#ffffff05);border:3px solid #0000;border-radius:20px;display:flex;flex-direction:column;justify-content:center;padding:25px;position:relative;transition:all .3s ease}.survival-player-live-card.active{background:linear-gradient(145deg,#4ecdc433,#4ecdc40d);border-color:#4ecdc4;box-shadow:0 0 30px #4ecdc44d,inset 0 0 20px #4ecdc41a}.survival-player-live-card.disqualified{filter:grayscale(80%);opacity:.4}.survival-player-live-card.active:before{animation:bounce .5s infinite alternate;content:"🎱";font-size:24px;position:absolute;right:10px;top:10px}.survival-player-live-photo{border:4px solid #fff3;border-radius:50%;height:100px;margin-bottom:15px;overflow:hidden;position:relative;width:100px}.survival-player-live-card.active .survival-player-live-photo{border-color:#4ecdc4;box-shadow:0 0 20px #4ecdc480}.survival-player-live-photo img{height:100%;object-fit:cover;width:100%}.survival-dq-overlay{align-items:center;background:#ff0000b3;bottom:0;color:#fff;display:flex;font-size:48px;justify-content:center;left:0;position:absolute;right:0;top:0}.survival-player-live-name{font-size:22px;font-weight:700;margin-bottom:10px;text-align:center}.survival-player-live-score{color:gold;font-size:64px;font-weight:700;line-height:1;margin-bottom:15px}.survival-player-live-card.disqualified .survival-player-live-score{color:#ff6b6b;text-decoration:line-through}.survival-player-live-stats{display:flex;gap:20px}.survival-stat-box{align-items:center;background:#0000004d;border-radius:10px;display:flex;flex-direction:column;min-width:60px;padding:8px 15px}.survival-stat-box.run-box{background:linear-gradient(135deg,#4ecdc44d,#4ecdc41a);border:1px solid #4ecdc480}.survival-stat-label{color:#fff9;font-size:11px;letter-spacing:1px}.survival-stat-value{color:#fff;font-size:24px;font-weight:700}.survival-stat-box.run-box .survival-stat-value{color:#4ecdc4}.survival-live-game-ended{align-items:center;background:#000000f2;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.survival-winner-section{margin-bottom:40px;text-align:center}.survival-winner-trophy{animation:trophy-glow 2s ease-in-out infinite;font-size:100px;margin-bottom:20px}@keyframes trophy-glow{0%,to{filter:drop-shadow(0 0 20px gold);transform:scale(1)}50%{filter:drop-shadow(0 0 40px gold);transform:scale(1.1)}}.survival-winner-label{color:#ffffffb3;font-size:24px;letter-spacing:5px;margin-bottom:10px}.survival-winner-name{color:gold;font-size:48px;font-weight:700;text-shadow:0 0 30px #ffd70080}.survival-final-standings{background:#ffffff0d;border-radius:20px;min-width:400px;padding:30px}.survival-standings-title{color:#ffffffb3;font-size:18px;letter-spacing:2px;margin-bottom:20px;text-align:center}.survival-standing-row{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;padding:15px 0}.survival-standing-row:last-child{border-bottom:none}.survival-standing-row.winner-row{background:linear-gradient(90deg,#ffd7001a,#0000);border-radius:10px;margin:0 -20px;padding:15px 20px}.survival-standing-rank{color:#ffffff80;font-size:24px;font-weight:700;width:40px}.survival-standing-row.winner-row .survival-standing-rank{color:gold}.survival-standing-name{flex:1 1;font-size:20px}.survival-standing-score{color:gold;font-size:28px;font-weight:700}.mobile-controller-wrapper{background:linear-gradient(135deg,#1e3c72,#2a5298 50%,#1e3c72);color:#fff;min-height:100vh;overflow-y:auto;padding:20px 20px 80px;position:relative}.loading-screen,.match-end-screen,.match-starting-screen,.save-confirm-screen,.waiting-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;text-align:center}.loading-screen h2{font-size:24px;margin-bottom:10px;margin-top:20px}.loading-screen p{color:#ffffffb3;font-size:14px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #fff3;border-radius:50%;border-top-color:gold;height:60px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.match-starting-screen{animation:fadeIn .5s ease-out}.starting-title{animation:pulse 2s infinite;color:gold;font-size:32px;font-weight:700;margin-bottom:40px;text-shadow:0 4px 8px #00000080}.starting-players{align-items:center;display:flex;gap:40px;margin-bottom:40px}.starting-player{align-items:center;display:flex;flex-direction:column;gap:15px}.starting-player-photo{align-items:center;background:linear-gradient(145deg,#3a3a3a,#2a2a2a);border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 6px 15px #00000080;display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}.starting-player-photo img{height:100%;object-fit:cover;width:100%}.starting-player-photo img[src$="logo.png"]{background:#1e293b;box-sizing:border-box;object-fit:contain;padding:15%}.starting-player-photo svg{color:#ffffff80;height:50px;width:50px}.starting-player-name{font-size:18px;font-weight:700;max-width:120px;text-align:center}.starting-vs{color:#ff6b6b;font-size:36px;font-weight:700;text-shadow:0 3px 6px #ff6b6b80}.starting-details{grid-gap:15px 30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:15px;display:grid;gap:15px 30px;grid-template-columns:repeat(2,1fr);padding:20px 30px}.starting-detail-item{display:flex;flex-direction:column;gap:5px}.detail-label{color:#fff9;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:gold;font-size:18px;font-weight:700}.starting-countdown{animation:pulse 1s ease-in-out infinite;color:gold;font-size:80px;font-weight:700;margin-top:40px;text-shadow:0 6px 12px #ffd70080}.end-icon,.waiting-icon{animation:pulse 2s infinite;font-size:80px;margin-bottom:20px}.match-end-screen h2,.waiting-screen h2{font-size:28px;margin-bottom:10px}.waiting-screen p{color:#ffffffb3;font-size:16px}.live-match-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;padding:0 10px}.header-exit-btn{align-items:center;background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:36px;justify-content:center;transition:all .2s ease;width:36px}.header-exit-btn:hover{background:#ef44444d;border-color:#ef4444}.header-exit-btn:active{background:#ef444480;transform:scale(.9)}.viewer-count{align-items:center;background:#ffffff1a;border-radius:20px;color:#ffffffe6;display:flex;font-size:14px;gap:5px;padding:6px 12px}.viewer-icon{font-size:16px}.viewer-number{font-weight:700;min-width:16px;text-align:center}.readonly-badge{align-items:center;animation:pulseReadonly 2s infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border-radius:20px;box-shadow:0 2px 8px #ee5a5a66;color:#fff;display:flex;font-size:12px;font-weight:700;gap:5px;padding:6px 12px}.readonly-icon{font-size:14px}.readonly-text{letter-spacing:.5px;text-transform:uppercase}@keyframes pulseReadonly{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}.back-button-large{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:15px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:12px 24px;transition:transform .2s}.back-button-large:active{transform:scale(.95)}.live-indicator-small{align-items:center;background:#f003;border:2px solid red;border-radius:15px;display:flex;font-size:11px;font-weight:700;gap:5px;letter-spacing:.5px;padding:4px 12px}.live-dot{animation:blink 1s infinite;background:red;border-radius:50%;height:6px;width:6px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.match-stats-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;box-shadow:0 8px 32px #0000004d;margin-bottom:10px;padding:12px}.stats-row{margin-bottom:10px}.player-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.player-card{background:#ffffff0d;border:2px solid #fff3;border-radius:15px;flex:1 1;padding:15px;text-align:center;transition:all .3s ease}.player-card.active{box-shadow:0 0 20px #ffffff4d}.player-card.player1.active{background:#fff3;border-color:#fff;box-shadow:0 0 20px #fff6}.player-card.player2.active{background:#ffd70033;border-color:gold;box-shadow:0 0 20px #ffd7004d}.player-name{font-size:18px;font-weight:700;margin-bottom:8px}.player-profile-pic{align-items:center;background:linear-gradient(145deg,#3a3a3a,#2a2a2a);border:2px solid #fff3;border-radius:50%;box-shadow:0 4px 8px #0000004d,inset 0 1px 0 #ffffff1a;color:#ffffff80;display:flex;height:50px;justify-content:center;margin:0 auto 10px;width:50px}.player-profile-pic svg{height:28px;width:28px}.player-profile-pic img{border-radius:50%;height:100%;object-fit:cover;width:100%}.player-profile-pic img[src$="logo.png"]{background:#1e293b;box-sizing:border-box;object-fit:contain;padding:12%}.mobile-timer-container{align-items:center;display:flex;justify-content:center;margin-top:15px;padding:0;width:100%}.player-score{color:gold;font-size:36px;font-weight:700;margin-bottom:10px}.player-stats{color:#ffffffb3;display:flex;font-size:12px;justify-content:space-around}.timeout-rights{display:flex;gap:5px;justify-content:center;margin-top:10px}.timeout-box{background:#0f0;border-radius:2px;box-shadow:0 0 5px #00ff0080;height:8px;width:20px}.inning-badge{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 6px 18px #00000040;display:inline-flex;gap:8px;margin:0 0 6px 4px;padding:6px 10px}.inning-label{color:#ffffffbf;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.inning-value{color:gold;font-size:22px;font-weight:800;line-height:1;text-shadow:0 2px 8px #ffd70080}.info-row{border-top:1px solid #ffffff1a;display:flex;justify-content:space-around;padding:8px 0}.info-item{align-items:center;display:flex;flex-direction:column;gap:3px}.info-label{color:#fff9;font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.info-value{color:gold;font-size:20px;font-weight:700;text-shadow:0 2px 4px #00000080}.mobile-timer-display{margin-bottom:0;margin-top:0;width:100%}.floating-controller-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #ffffff4d;border-radius:50%;bottom:20px;box-shadow:0 4px 20px #667eea80;color:#fff;cursor:pointer;display:flex;font-size:28px;height:60px;justify-content:center;left:20px;position:fixed;transition:all .3s ease;width:60px;z-index:1000}.floating-controller-btn.active{background:linear-gradient(135deg,#f093fb,#f5576c);transform:rotate(90deg)}.floating-controller-btn:active{transform:scale(.9)}.controller-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:20px}.final-score{align-items:center;display:flex;gap:30px;justify-content:center;margin:30px 0}.final-player{text-align:center}.final-player .player-name{font-size:20px;margin-bottom:10px}.final-player .player-score{color:gold;font-size:48px}.vs-text{color:#ffffff80;font-size:32px}.back-home-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:15px;box-shadow:0 5px 15px #667eea66;color:#fff;cursor:pointer;font-size:18px;margin-top:20px;padding:15px 40px}.back-home-btn:active{transform:scale(.95)}.match-end-buttons{display:flex;gap:15px;margin-top:20px;max-width:350px;width:100%}.match-end-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:700;gap:8px;justify-content:center;padding:15px 20px;transition:transform .2s}.match-end-btn:active{transform:scale(.95)}.match-end-btn.rematch{background:linear-gradient(135deg,#48d84d,#2d8a30);box-shadow:0 5px 15px #48d84d66;color:#fff}.match-end-btn.new-match{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 5px 15px #667eea66;color:#fff}.ctrl-btn{border:none;border-radius:15px;box-shadow:0 4px 10px #0003;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:20px;transition:transform .1s}.ctrl-btn:active{transform:scale(.95)}.ctrl-btn.plus{align-items:center;background:linear-gradient(135deg,#43e97b,#38f9d7);color:#1a1d2e;display:flex;font-size:24px;grid-column:2;grid-row:1/span 2;justify-content:center}.ctrl-btn.minus{background:linear-gradient(135deg,#ff9a9e,#fecfef 99%,#fecfef);color:#1a1d2e;grid-column:1;grid-row:1}.ctrl-btn.undo{background:#ffffff1a;border:1px solid #fff3;grid-column:1;grid-row:2}.ctrl-btn.ok{background:linear-gradient(135deg,#667eea,#764ba2);font-size:22px;grid-column:1/span 2;grid-row:3;padding:25px}.nav-pad-container,.nav-pad-container-game{align-items:center;display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:260px;width:100%}.nav-pad-container-game{background:#ffffff0d;border-radius:12px;margin-top:5px;padding:10px}.d-pad-grid{grid-gap:6px;aspect-ratio:1;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%}.d-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;transition:all .2s}.d-btn:active{background:#ffffff4d;transform:scale(.95)}.d-btn.up{background:#2196f34d;grid-column:2;grid-row:1}.d-btn.left{grid-column:1}.d-btn.left,.d-btn.right{background:#2196f34d;grid-row:2}.d-btn.right{grid-column:3}.d-btn.down{background:#2196f34d;grid-column:2;grid-row:3}.d-btn.enter{background:linear-gradient(135deg,#4caf50,#8bc34a);border-radius:50%;font-size:18px;font-weight:700;grid-column:2;grid-row:2}.action-buttons{display:flex;gap:8px;justify-content:center;width:100%}.act-btn{border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:12px}.act-btn.back{background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#1a1d2e}.act-btn.exit{background:linear-gradient(135deg,#ff5f6d,#ffc371);color:#1a1d2e}.mobile-notification{animation:fadeInScale .3s ease;border-radius:15px;box-shadow:0 8px 32px #00000080;color:#fff;font-size:16px;font-weight:700;left:50%;max-width:80%;padding:20px 30px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.mobile-notification-info{background:#2196f3f2;border:2px solid #2196f3}.mobile-notification-warning{background:#ff9800f2;border:2px solid #ff9800}.mobile-notification-success{background:#4caf50f2;border:2px solid #4caf50}.notification-content{white-space:pre-line}.mobile-warning{animation:pulse 2s infinite;background:#ffc107f2;border:2px solid #ffc107;border-radius:10px;box-shadow:0 4px 12px #ffc10766;color:#1a1d2e;font-size:14px;font-weight:700;margin-bottom:10px;padding:12px 20px;text-align:center}.mobile-menu-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.mobile-menu-content{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:20px;box-shadow:0 10px 40px #00000080;max-width:90%;padding:30px;text-align:center}.mobile-menu-content h2{color:gold;font-size:24px;margin-bottom:15px}.mobile-menu-content p{color:#fffc;font-size:16px;margin-bottom:25px}.mobile-menu-buttons{display:flex;gap:15px;justify-content:center}.mobile-menu-btn{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;padding:15px 30px;transition:transform .2s}.mobile-menu-btn:active{transform:scale(.95)}.mobile-menu-btn.cancel{background:#fff3;color:#fff}.mobile-menu-btn.confirm{background:linear-gradient(135deg,#ff5f6d,#ffc371);color:#1a1d2e}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.remote-control{background:linear-gradient(145deg,#3a3d4a,#2d2f3b);border:1px solid #ffffff14;border-radius:30px;box-shadow:0 15px 50px #000000b3,0 5px 20px #00000080,inset 0 1px 0 #ffffff0d;gap:20px;margin:0 auto;max-width:320px;padding:80px 20px 20px;position:relative}.remote-control,.run-display{align-items:center;display:flex;flex-direction:column}.run-display{gap:2px;margin-bottom:10px;margin-top:-25px}.run-label{color:#fff9;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.run-value{font-size:72px;font-weight:700;line-height:1;transition:color .3s ease,text-shadow .3s ease}.run-value.player1{color:#fff;text-shadow:0 3px 10px #fff9,0 0 20px #ffffff4d}.run-value.player2{color:gold;text-shadow:0 3px 10px #ffd70099,0 0 20px #ffd7004d}.power-btn-exit{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(145deg,#ff4757,#e84118);border:none;border-radius:50%;box-shadow:0 4px 12px #ff475780,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:45px;justify-content:center;left:15px;outline:none;position:absolute;top:15px;transition:all .15s ease;width:45px;z-index:10}.power-btn-exit:active{box-shadow:0 2px 6px #ff475766,inset 0 1px 0 #ffffff1a;transform:translateY(2px) scale(.95)}.control-buttons{gap:15px;max-width:280px;width:100%}.control-btn,.control-buttons{align-items:center;display:flex;justify-content:center}.control-btn{-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#4a4d5a,#35373f);border:none;box-shadow:0 4px 8px #0000004d,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;font-size:28px;font-weight:700;outline:none;transition:all .1s ease}.control-left,.control-right{border-radius:50%;height:70px;width:70px}.control-center{background:linear-gradient(145deg,#2196f3,#1976d2);border-radius:50%;box-shadow:0 5px 12px #2196f380,inset 0 1px 0 #fff3;font-size:20px;font-weight:800;height:85px;width:85px}.control-btn:active{box-shadow:0 2px 4px #0000004d,inset 0 1px 0 #ffffff0d;transform:scale(.92) translateY(2px)}.control-center:active{background:linear-gradient(145deg,#1976d2,#1565c0);box-shadow:0 3px 8px #2196f366,inset 0 1px 0 #ffffff1a}.media-controls{gap:25px;margin-top:10px}.media-btn,.media-controls{align-items:center;display:flex;justify-content:center}.media-btn{-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#4a4d5a,#35373f);border:none;border-radius:50%;box-shadow:0 3px 6px #0000004d,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;height:55px;outline:none;transition:all .1s ease;width:55px}.media-btn svg{height:26px;width:26px}.media-btn:active{box-shadow:0 2px 3px #0000004d,inset 0 1px 0 #ffffff0d;transform:translateY(2px) scale(.95)}.media-btn-timer{background:linear-gradient(145deg,#4ecdc4,#44a89e);box-shadow:0 4px 8px #4ecdc466,inset 0 1px 0 #fff3}.media-btn-timer:active{background:linear-gradient(145deg,#44a89e,#3a9288)}.save-confirm-screen{animation:fadeIn .3s ease-out}.save-icon{animation:bounce 1s ease-in-out infinite;font-size:64px;margin-bottom:20px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.save-confirm-screen h2{color:#fff;font-size:24px;margin-bottom:10px}.save-description{color:#ffffffb3;font-size:14px;margin-bottom:25px}.save-buttons{display:flex;gap:15px;margin-top:25px}.save-btn{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;padding:15px 25px;transition:transform .2s,box-shadow .2s}.save-btn:active{transform:scale(.95)}.save-btn.cancel{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef444466;color:#fff}.save-btn.confirm{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 15px #22c55e66;color:#fff}.live-indicator-small.survival-mode{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.survival-game-clock{align-items:center;background:#0000004d;border-radius:20px;display:flex;font-size:14px;gap:8px;padding:6px 12px}.clock-icon{font-size:16px}.clock-time{color:gold;font-family:Courier New,monospace;font-weight:700}.clock-half{border-left:1px solid #ffffff4d;color:#ffffffb3;font-size:11px;padding-left:8px}.survival-stats-panel{background:#0003;border-radius:16px;margin-bottom:15px;padding:15px}.survival-inning-badge{align-items:center;display:flex;flex-direction:column;margin-bottom:15px}.survival-inning-badge .inning-label{color:#fff9;font-size:10px;letter-spacing:2px}.survival-inning-badge .inning-value{color:gold;font-size:28px;font-weight:700}.survival-players-grid{grid-gap:10px;gap:10px;grid-template-columns:repeat(2,1fr)}.survival-player-card{align-items:center;background:#ffffff14;border:2px solid #0000;border-radius:12px;display:flex;flex-direction:column;padding:12px;transition:all .3s ease}.survival-player-card.active{background:#4ecdc433;border-color:#4ecdc4;box-shadow:0 0 15px #4ecdc44d}.survival-player-card.disqualified{background:#ff00001a;opacity:.5}.survival-player-photo{border:2px solid #ffffff4d;border-radius:50%;height:50px;margin-bottom:8px;overflow:hidden;position:relative;width:50px}.survival-player-card.active .survival-player-photo{border-color:#4ecdc4}.survival-player-photo img{height:100%;object-fit:cover;width:100%}.disqualified-overlay{align-items:center;background:#ff0000b3;bottom:0;color:#fff;display:flex;font-size:24px;justify-content:center;left:0;position:absolute;right:0;top:0}.survival-player-info{margin-bottom:6px;text-align:center}.survival-player-name{font-size:12px;font-weight:700;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.survival-player-score{color:gold;font-size:24px;font-weight:700}.survival-player-card.disqualified .survival-player-score{color:#ff6b6b;text-decoration:line-through}.survival-player-stats{display:flex;font-size:11px;gap:10px}.stat-item{align-items:center;display:flex;flex-direction:column}.stat-label{color:#fff9;font-size:9px}.stat-value{color:#fff;font-weight:700}.stat-item.run-stat{background:#4ecdc44d;border-radius:8px;padding:3px 8px}.stat-item.run-stat .stat-value{color:#4ecdc4}.survival-timer{margin-top:15px}.survival-remote{background:#0000004d}.run-value.survival-run{color:#4ecdc4}.survival-game-ended-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.game-ended-content{max-width:350px;text-align:center;width:100%}.winner-trophy{animation:trophy-bounce 1s ease-in-out infinite;font-size:64px;margin-bottom:10px}@keyframes trophy-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.winner-title{color:#ffffffb3;font-size:18px;letter-spacing:3px;margin-bottom:5px}.winner-name{color:gold;font-size:28px;font-weight:700;margin-bottom:25px}.final-scores{background:#ffffff1a;border-radius:12px;margin-bottom:20px;padding:15px}.final-score-row{border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:8px 0}.final-score-row:last-child{border-bottom:none}.final-score-row.winner{color:gold;font-weight:700}.final-score-row .rank{text-align:left;width:30px}.final-score-row .name{flex:1 1;text-align:left}.final-score-row .score{font-weight:700;text-align:right;width:50px}.exit-confirm-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.exit-confirm-modal{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ffc10780;border-radius:20px;box-shadow:0 20px 60px #00000080,0 0 30px #ffc10733;max-width:320px;padding:30px;text-align:center;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.exit-confirm-icon{font-size:50px;margin-bottom:15px}.exit-confirm-title{color:gold;font-size:22px;font-weight:700;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.exit-confirm-message{color:#fff;font-size:16px;line-height:1.4;margin-bottom:8px}.exit-confirm-warning{background:#ff6b6b26;border-radius:8px;color:#ff6b6b;font-size:13px;margin-bottom:25px;padding:8px}.exit-confirm-buttons{display:flex;gap:12px;justify-content:center}.exit-confirm-btn{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.5px;padding:14px 28px;text-transform:uppercase;transition:all .2s ease}.exit-confirm-btn.cancel{background:linear-gradient(135deg,#4a5568,#2d3748);color:#fff}.exit-confirm-btn.cancel:hover{background:linear-gradient(135deg,#5a6578,#3d4758);transform:scale(1.02)}.exit-confirm-btn.confirm{background:linear-gradient(135deg,#e53e3e,#c53030);box-shadow:0 4px 15px #e53e3e66;color:#fff}.exit-confirm-btn.confirm:hover{background:linear-gradient(135deg,#f56565,#e53e3e);box-shadow:0 6px 20px #e53e3e80;transform:scale(1.02)}.exit-confirm-btn:active{transform:scale(.98)}.virtual-keyboard{background:linear-gradient(145deg,#0f172aeb,#1e293be6);border:1px solid #94a3b84d;border-radius:16px;box-shadow:0 8px 24px #020617a6;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,sans-serif;gap:10px;padding:12px;width:100%}.virtual-keyboard__row{display:flex;gap:6px;justify-content:center}.virtual-keyboard__key{background:#f8fafc0f;border:none;border-radius:10px;box-shadow:0 4px 12px #0f172a80;color:#f8fafc;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;letter-spacing:.5px;min-height:42px;transition:transform .1s ease,box-shadow .15s ease}.virtual-keyboard__key:disabled{box-shadow:none;cursor:not-allowed;opacity:.35}.virtual-keyboard__key:hover{box-shadow:0 8px 18px #38bdf840;transform:translateY(-1px)}.virtual-keyboard__key:active{box-shadow:inset 0 0 8px #0f172ab3;transform:translateY(0)}.virtual-keyboard__key:focus{box-shadow:0 0 12px #0ea5e9b3;outline:2px solid #0ea5e9e6}.virtual-keyboard__key--accent{background:linear-gradient(120deg,#fbbf24,#f97316);color:#0f172a;flex:1 1}.virtual-keyboard__key--danger{background:linear-gradient(120deg,#dc2626,#b91c1c);color:#fff5f5;flex:1 1}.virtual-keyboard__key--wide{flex:1.4 1}.virtual-keyboard__key--space{flex:2.4 1}@media (max-width:640px){.virtual-keyboard{gap:8px;padding:10px}.virtual-keyboard__key{font-size:14px;min-height:38px}}.start-screen-wrapper{align-items:center;background:linear-gradient(135deg,#020617,#0f172a);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;isolation:isolate;justify-content:center;position:relative;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%}.tab-navigation{border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;gap:0;margin-bottom:30px;overflow:hidden}.tab-btn{background:#f5f5f5;border:none;color:#666;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;letter-spacing:.5px;padding:16px 24px;position:relative;text-transform:uppercase;transition:all .3s ease}.tab-btn:hover{background:#e8e8e8;color:#333}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea66;color:#fff}.tab-btn.active:after{background:#fff;border-radius:2px 2px 0 0;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.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;overflow:visible}.player-input-group{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow:visible;position:relative}.player-label{color:#555;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.player-select{background-color:#f9f9f9;border:2px solid #ddd;border-radius:8px;box-sizing:border-box;color:#333;cursor:pointer;font-size:16px;font-weight:500;padding:12px 15px;transition:all .3s ease;width:100%}.player-select:hover{background-color:#f5f5ff;border-color:#667eea}.player-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.player-mode-toggle{background:#0000;display:flex;gap:5px;justify-content:flex-start;margin-bottom:8px;padding:0}.mode-toggle-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;flex:0 1 auto;font-size:10px;font-weight:600;letter-spacing:.5px;min-width:80px;padding:4px 8px;text-transform:uppercase;transition:all .2s ease}.mode-toggle-btn.active{background:#475569;border-color:#475569;box-shadow:none;color:#fff}.mode-toggle-btn:hover:not(.active){background:#f1f5f9;border-color:#cbd5e1;color:#334155}.mode-toggle-btn:focus{border-color:#475569;box-shadow:0 0 0 2px #47556933;outline:none;z-index:1}.checkbox-input:focus{box-shadow:0 0 0 3px #667eea80;outline:none}.input-header{color:#64748b;font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;padding-left:2px;text-align:left;text-transform:uppercase}.player-input.modern,.player-select.modern{background:#fff;border:2px solid #cbd5e1;border-radius:10px;box-shadow:0 2px 4px #00000005;box-sizing:border-box;color:#1e293b;cursor:pointer;font-size:16px;font-weight:600;padding:14px 16px;transition:all .2s ease;width:100%}.combo-wrapper{position:relative;width:100%}.combo-suggestions{background:#0f172a;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 10px 25px #0006;left:0;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:15}.combo-suggestion-item{background:#0000;border:none;border-radius:8px;color:#f8fafc;cursor:pointer;font-weight:600;padding:8px 12px;text-align:left;transition:background .15s ease;width:100%}.combo-suggestion-item:focus,.combo-suggestion-item:hover{background:#ffd7001f;outline:none}.player-input.modern:hover,.player-select.modern:hover{border-color:#94a3b8;box-shadow:0 4px 6px #0000000d}.player-input.modern:focus,.player-select.modern:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626;outline:none}.player-input.modern{font-family:inherit;text-align:left}.player-input.modern::placeholder{color:#aaa;font-weight:400}.player-photo-badge{background:#1e293b;border:3px solid #ffd700cc;border-radius:50%;box-shadow:0 6px 20px #0006,0 0 15px #ffd7004d;height:60px;overflow:hidden;position:absolute;right:-15px;top:-15px;width:60px;z-index:10}.player-2-panel .player-photo-badge{left:-15px;right:auto}.player-2-panel .player-mode-toggle{justify-content:flex-end}.player-2-panel .input-header{padding-left:0;padding-right:2px;text-align:right}.player-photo-badge img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.live-match-banner{background:linear-gradient(135deg,#0f172a,#111827);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 8px 24px #00000059;color:#e2e8f0;margin-bottom:16px;padding:14px}.live-badge{align-items:center;background:#ef444426;border:1px solid #ef444459;border-radius:999px;color:#fecdd3;display:inline-flex;font-size:12px;font-weight:700;gap:6px;margin-bottom:10px;padding:4px 10px}.live-players-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.live-player-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex:1 1;flex-direction:column;gap:6px;padding:10px}.live-avatar,.live-player-card{align-items:center;display:flex}.live-avatar{background:#ffffff14;border:2px solid #ffffff1f;border-radius:50%;color:#e2e8f0cc;height:56px;justify-content:center;overflow:hidden;width:56px}.live-avatar img{height:100%;object-fit:cover;width:100%}.live-avatar img[src$="logo.png"]{background:#1e293b;box-sizing:border-box;object-fit:contain;padding:15%}.live-name{color:#f8fafc;font-size:14px;font-weight:700;text-align:center}.live-score{color:#fbbf24;font-size:22px;font-weight:800}.live-vs-stack{align-items:center;display:flex;flex-direction:column;gap:4px;padding:4px 10px}.live-vs-text{color:#e2e8f0;font-size:18px;font-weight:900;letter-spacing:1px}.live-inning{color:#cbd5e1;font-size:12px;font-weight:600}.live-watch-button{background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:12px;box-shadow:0 8px 18px #f9731659;color:#0f172a;cursor:pointer;font-size:14px;font-weight:800;margin-top:12px;padding:12px;width:100%}.live-watch-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:12px;position:fixed;z-index:9999}.live-watch-modal{background:#0b1224;border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 20px 50px #00000080;color:#e2e8f0;max-width:960px;padding:20px;width:100%}.live-watch-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:16px}.live-watch-title{font-size:18px;font-weight:800;letter-spacing:.8px}.live-watch-sub{color:#cbd5e1;font-size:12px;font-weight:600}.live-watch-close{background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;color:#e2e8f0;cursor:pointer;font-weight:700;padding:8px 14px}.live-watch-body{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr auto 1fr}.live-watch-player{align-items:center;background:linear-gradient(135deg,#ffffff0a,#ffffff05);border:1px solid #ffffff14;border-radius:14px;display:flex;flex-direction:column;gap:8px;padding:14px}.live-avatar.large{height:80px;width:80px}.live-watch-name{color:#f8fafc;font-size:16px;font-weight:800;text-align:center}.live-watch-score{color:#fbbf24;font-size:32px;font-weight:900}.live-watch-hr{color:#cbd5e1;font-size:12px;font-weight:600}.live-watch-center{align-items:center;display:flex;flex-direction:column;gap:8px;padding:10px 14px}.live-watch-vs{color:#f8fafc;font-size:28px;font-weight:900}.live-watch-inning{color:#cbd5e1;font-size:14px;font-weight:700}.live-watch-targets{color:#e2e8f0;display:flex;flex-direction:column;font-size:12px;gap:4px;text-align:center}@media (max-width:640px){.live-watch-body{grid-template-columns:1fr}.live-watch-center{order:-1}}.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}.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)}.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}.match-settings{display:flex;gap:20px;justify-content:space-between;margin-bottom:30px}.setting-group{align-items:center;background:#22283e;border:2px solid #ffffff14;border-radius:18px;box-shadow:0 8px 26px #00000080;display:flex;flex:1 1;flex-direction:column;gap:10px;padding:18px 16px}.setting-label{color:#f8fafc;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.setting-control-bar{align-items:stretch;background:#161b2c;border-radius:12px;box-shadow:inset 0 0 12px #00000073;display:flex;gap:0;height:36px;overflow:hidden;width:100%}.setting-control-btn{align-items:center;border:none;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;justify-content:center;min-width:40px;transition:all .2s ease}.setting-control-btn.left{background:linear-gradient(135deg,#ff5d5df2,#bd3e3ef2)}.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,#38bdf8f2,#22c55ef2)}.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:#101426;color:#f8fafc;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}.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}.survival-content{padding:20px 0}.survival-players-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.survival-player-box{display:flex;flex-direction:column;gap:10px;transition:all .2s ease}.survival-player-box.focused{transform:scale(1.02)}.survival-player-box.focused .survival-player-label{color:#3b82f6}.survival-player-label{align-items:center;color:#555;display:flex;font-size:13px;font-weight:600;gap:5px;letter-spacing:.5px;text-transform:uppercase}.survival-player-select{background-color:#f9f9f9;border:2px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:15px;font-weight:500;padding:12px 15px;transition:all .3s ease}.survival-player-select:hover{background-color:#f5f5ff;border-color:#667eea}.survival-player-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.survival-player-select option:disabled{color:#ccc}.survival-info-box{background:#f5f6fa;border-left:5px solid gold;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin-bottom:25px;padding:20px 25px;text-align:left}.survival-info-title{color:#2f3542;font-size:18px;font-weight:700;letter-spacing:1px;margin-bottom:15px;margin-top:0;text-transform:uppercase}.survival-info-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;list-style:none;margin:0;padding:0}.survival-info-item{align-items:center;color:#57606f;display:flex;font-size:15px;font-weight:600;gap:10px}@media (max-width:600px){.survival-players-grid{grid-template-columns:1fr}}@media (max-width:768px){.start-screen-panel{max-height:95vh;overflow-y:auto;padding:20px;width:95%}.player-selection{flex-direction:row;gap:8px;margin-bottom:15px}.player-input-group{flex:1 1;min-width:0;padding:6px!important}.player-label{font-size:11px;margin-bottom:4px}.player-mode-toggle{gap:3px;margin-bottom:5px}.mode-toggle-btn{font-size:8px;min-width:55px;padding:3px 5px}.input-header{font-size:9px!important;margin-bottom:4px}.player-input.modern,.player-select.modern{font-size:12px;padding:8px 10px}.vs-divider{flex-shrink:0;font-size:12px;height:25px;min-width:30px}.match-settings{flex-direction:row;gap:10px;margin-bottom:10px}.setting-group{padding:6px}.setting-label{font-size:10px;margin-bottom:4px}.setting-control-bar{height:26px}.setting-control-btn{font-size:11px;min-width:28px}.setting-value-text{font-size:13px}.action-buttons-container{flex-direction:column;margin-top:5px}.match-options{margin-bottom:10px}.start-match-btn{font-size:14px;padding:12px 20px}.panel-title{font-size:22px;margin-bottom:20px}.tab-btn{font-size:14px;padding:12px 10px}.mode-buttons-grid{gap:20px;grid-template-columns:1fr}.mode-selection-panel{padding:30px 20px}.mode-selection-title{font-size:24px;margin-bottom:30px}}.device-mode-badge{background:#4ecdc4e6;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;font-size:14px;font-weight:600;padding:10px 20px;position:absolute;right:20px;top:20px;z-index:1000}.mode-selection-panel{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;max-width:700px;padding:50px;text-align:center;width:90%}.mode-selection-title{color:#333;font-size:32px;font-weight:700;margin-bottom:50px}.mode-buttons-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.mode-selection-btn{align-items:center;background:#f9f9f9;border:3px solid #0000;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:15px;padding:40px 30px;transition:all .3s ease}.mode-selection-btn:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.mode-selection-btn.local{border-color:#667eea}.mode-selection-btn.local:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#764ba2}.mode-selection-btn.scoreboard{border-color:#4ecdc4}.mode-selection-btn.scoreboard:hover{background:linear-gradient(135deg,#4ecdc41a,#3cb4ac1a);border-color:#3cb4ac}.mode-icon{font-size:64px;margin-bottom:10px}.mode-title{color:#333;font-size:22px;font-weight:700;margin-bottom:5px}.mode-description{color:#666;font-size:14px;line-height:1.5}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.table-selection-item{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:12px;display:flex;gap:15px;padding:10px;transition:background-color .1s,border-color .1s;-webkit-user-select:none;user-select:none}.table-selection-item:active{background-color:#e0e7ff!important;transform:scale(.98)}.table-live-info{background:linear-gradient(120deg,#3b82f614,#0f172a0f);border:1px solid #3b82f633;border-radius:10px;display:flex;flex-direction:column;gap:10px;margin-top:10px;padding:10px}.table-live-players{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.table-live-player{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000000a;display:flex;gap:8px;padding:6px 10px}.table-live-avatar{align-items:center;background:#f8fafc;border:1px solid #0f172a14;border-radius:50%;display:flex;height:32px;justify-content:center;overflow:hidden;width:32px}.table-live-avatar img{height:100%;object-fit:cover;width:100%}.table-live-name{color:#0f172a;font-size:13px;font-weight:700}.table-live-score{color:#0ea5e9;font-size:16px;font-weight:800}.table-live-vs{align-items:center;background:#0f172a0d;border-radius:8px;color:#0f172a;display:flex;flex-direction:column;font-weight:800;justify-content:center;min-width:70px;padding:4px 8px}.table-live-inning{color:#475569;font-size:11px;font-weight:700}.table-live-watch-btn{background:linear-gradient(120deg,#0ea5e9,#3b82f6);border:none;border-radius:10px;box-shadow:0 10px 20px #0ea5e940;color:#fff;cursor:pointer;font-weight:800;padding:10px 14px;transition:transform .1s ease,box-shadow .1s ease;width:100%}.table-live-watch-btn:active{box-shadow:0 6px 12px #0ea5e940;transform:translateY(1px)}.embedded-controller-container{bottom:20px;height:500px;pointer-events:none;position:absolute;right:20px;width:300px;z-index:1000}.embedded-phone-frame{background:#000;border:8px solid #1a1d2e;border-radius:30px;box-shadow:0 20px 50px #00000080;height:100%;overflow:hidden;pointer-events:auto;transform-origin:bottom right;transition:transform .3s ease;width:100%}.embedded-phone-frame:hover{transform:scale(1.05)}.embedded-phone-frame .mobile-controller-wrapper{font-size:.9em;height:100%;min-height:100%;padding:15px 15px 60px}.embedded-phone-frame .waiting-icon{font-size:40px}.embedded-phone-frame h2{font-size:20px}.embedded-phone-frame .d-btn{border-radius:10px;font-size:18px}.embedded-phone-frame .nav-pad-container{gap:15px}.embedded-phone-frame .mode-switcher{margin-bottom:10px}.embedded-phone-frame .mode-btn{font-size:12px;padding:5px}.mode-card{align-items:center;border:2px solid #0000;border-radius:15px;color:#fff;cursor:pointer;display:flex;flex:1 1 200px;flex-direction:column;font-size:14px;font-weight:800;gap:10px;justify-content:center;letter-spacing:1px;max-width:250px;outline:none;padding:15px 10px;text-transform:uppercase;transition:all .2s ease}.mode-card.free-mode{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d}.mode-card.free-mode.focused,.mode-card.free-mode:hover{border-color:#fff;border-width:3px;box-shadow:0 15px 40px #10b98199;transform:scale(1.15);z-index:10}.mode-card.standard-mode{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#60a5fa;box-shadow:0 4px 15px #3b82f64d}.mode-card.standard-mode.focused,.mode-card.standard-mode:hover{border-color:#fff;border-width:3px;box-shadow:0 15px 40px #3b82f699;transform:scale(1.15);z-index:10}.mode-card.survival-mode{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#fbbf24;box-shadow:0 4px 15px #f59e0b4d}.mode-card.survival-mode.focused,.mode-card.survival-mode:hover{border-color:#fff;border-width:3px;box-shadow:0 15px 40px #f59e0b99;transform:scale(1.15);z-index:10}.mode-card.blurred{filter:blur(2px);opacity:.6;transform:scale(.9)}.start-screen-panel.focus-mode .match-options,.start-screen-panel.focus-mode .match-settings,.start-screen-panel.focus-mode .player-input-group,.start-screen-panel.focus-mode .start-button{transition:all .3s cubic-bezier(.25,.8,.25,1)}.start-screen-panel.focus-mode .match-options.blurred,.start-screen-panel.focus-mode .match-settings.blurred,.start-screen-panel.focus-mode .player-input-group.blurred,.start-screen-panel.focus-mode .start-button.blurred{filter:blur(3px);opacity:.5;transform:scale(.95)}.start-screen-panel.focus-mode .match-options.active-group,.start-screen-panel.focus-mode .match-settings.active-group,.start-screen-panel.focus-mode .player-input-group.active-group,.start-screen-panel.focus-mode .start-button.active-group{background:#fffc;border-radius:16px;box-shadow:0 15px 40px #0003;filter:none;opacity:1;position:relative;transform:scale(1.05);z-index:10}.start-screen-panel.focus-mode .start-button.active-group{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 15px 40px #667eea66;color:#fff}.start-screen-panel.focus-mode .match-options.active-group,.start-screen-panel.focus-mode .match-settings.active-group{background:#ffffffe6;padding:15px}.start-screen-panel.focus-mode .player-input-group.player-1-panel.active-group{align-items:center;background:#fffffff2;box-shadow:0 20px 50px #0000004d;text-align:center;transform:scale(1.3);transform-origin:top left;z-index:20}.start-screen-panel.focus-mode .player-input-group.player-2-panel.active-group{align-items:center;background:#fffffff2;box-shadow:0 20px 50px #0000004d;text-align:center;transform:scale(1.3);transform-origin:top right;z-index:20}.start-screen-panel.focus-mode .player-input-group.active-group .player-mode-toggle{justify-content:center;width:100%}.start-screen-panel.focus-mode .player-input-group.active-group .input-header{text-align:center;width:100%}.start-screen-panel.focus-mode .player-input-group.active-group .player-select,.start-screen-panel.focus-mode .player-input_group.active-group .player-input{text-align:center;text-align-last:center}.player-input-group.mode-3cscore,.player-input-group.mode-other,.start-screen-panel.focus-mode .player-input-group.mode-3cscore.active-group,.start-screen-panel.focus-mode .player-input-group.mode-other.active-group{background-color:#475569;box-shadow:0 4px 15px #47556933}.player-input-group.mode-3cscore .input-header,.player-input-group.mode-3cscore .player-label,.player-input-group.mode-other .input-header,.player-input-group.mode-other .player-label,.start-screen-panel.focus-mode .player-input-group.mode-3cscore.active-group .input-header,.start-screen-panel.focus-mode .player-input-group.mode-3cscore.active-group .player-label,.start-screen-panel.focus-mode .player-input-group.mode-other.active-group .input-header,.start-screen-panel.focus-mode .player-input-group.mode-other.active-group .player-label{color:#fffffff2}.mode-toggle-btn.mode-3c.active,.mode-toggle-btn.mode-other.active{background-color:#475569;border-color:#475569;box-shadow:0 0 0 1px #fff3;color:#fff}.player-input-group.mode-3cscore .mode-toggle-btn:not(.active){background:#ffffff1a;border-color:#fff3;color:#ffffffb3}.player-input-group.mode-3cscore .mode-toggle-btn:not(.active):hover{background:#fff3;color:#fff}.player-input-group.mode-other .mode-toggle-btn:not(.active){background:#ffffff1a;border-color:#fff3;color:#ffffffb3}.player-input-group.mode-other .mode-toggle-btn:not(.active):hover{background:#fff3;color:#fff}.virtual-keyboard-inline{background:#0f172aeb;border:1px solid #94a3b84d;border-radius:18px;box-shadow:0 18px 35px #02061799;margin-top:14px;padding:12px}.virtual-keyboard-inline__status{color:#e2e8f0;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:10px;text-transform:uppercase}.virtual-keyboard-inline .virtual-keyboard{margin:0;width:100%}.match-start-overlay{background:linear-gradient(135deg,#1e3c72,#2a5298 50%,#1e3c72);bottom:0;color:#fff;font-family:Arial,sans-serif;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw;z-index:10000}.match-start-overlay,.match-start-screen{align-items:center;display:flex;flex-direction:column;justify-content:center}.match-start-screen{animation:fadeIn .5s ease-out;padding:40px;text-align:center}.match-start-title{animation:pulse 2s infinite;color:gold;font-size:56px;font-weight:700;margin-bottom:60px;text-shadow:0 4px 8px #00000080}.match-start-players{align-items:center;display:flex;gap:80px;margin-bottom:60px}.match-start-player{align-items:center;display:flex;flex-direction:column;gap:20px}.match-player-photo{align-items:center;background:linear-gradient(145deg,#3a3a3a,#2a2a2a);border:4px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 20px #00000080;display:flex;height:150px;justify-content:center;overflow:hidden;width:150px}.match-player-photo img{height:100%;object-fit:cover;width:100%}.match-player-photo img[src$="logo.png"]{background:#1e293b;object-fit:contain;padding:20%}.match-player-photo svg{color:#ffffff80;height:80px;width:80px}.match-player-name{color:#fff;font-size:28px;font-weight:700;max-width:200px;text-align:center}.match-start-vs{color:#ff6b6b;font-size:48px;font-weight:700;text-shadow:0 4px 8px #ff6b6b80}.match-start-details{grid-gap:30px 60px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:20px;display:grid;gap:30px 60px;grid-template-columns:repeat(2,1fr);padding:30px 50px}.match-detail-item{display:flex;flex-direction:column;gap:8px}.match-detail-label{color:#fff9;font-size:16px;letter-spacing:.5px;text-transform:uppercase}.match-detail-value{color:gold;font-size:24px;font-weight:700}.match-start-countdown{animation:pulse 1s ease-in-out infinite;color:gold;font-size:120px;font-weight:700;margin-top:60px;text-shadow:0 8px 16px #ffd70080}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}
/*# sourceMappingURL=main.9b1fad54.css.map*/