@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#06090f;--bg-secondary:#0d121f;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-blur:blur(12px);--color-strike:#22c55e;--color-ball:#f97316;--color-out:#ef4444;--color-foul:#6366f1;--color-accent:#38bdf8;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#475569;--font-main:"Outfit", system-ui, -apple-system, sans-serif;--shadow-lg:0 10px 25px -5px #0000004d, 0 8px 10px -6px #0000004d}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);border-radius:1.5rem}.btn-primary{font-family:var(--font-main);cursor:pointer;color:#fff;border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-primary:active{transform:scale(.95)}h1,h2,h3,h4{margin:0;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-wrapper{max-width:600px;min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden}.dashboard-container{flex-direction:column;gap:2rem;padding:1.5rem;display:flex}.dashboard-header{align-items:center;gap:1rem;padding:1rem 0;display:flex}.team-badge{background:var(--color-ball);border-radius:1rem;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 8px 16px #0000004d}.dashboard-header h1{letter-spacing:-1px;margin:0;font-size:2rem;font-weight:800}.dashboard-grid{flex-direction:column;gap:1rem;display:flex}.menu-card{text-align:left;border:1px solid var(--border-light);align-items:center;gap:1.25rem;width:100%;padding:1.25rem;transition:transform .2s,background .2s;display:flex}.menu-card:active{background:#ffffff1a;transform:scale(.98)}.menu-icon{color:#fff;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.menu-content{flex:1}.menu-content h3{color:#fff;margin:0;font-size:1.1rem}.menu-content p{color:#94a3b8;margin:.25rem 0 0;font-size:.8rem}.menu-arrow{color:#475569}.dashboard-footer{justify-content:space-around;margin-top:auto;padding:1rem;display:flex}.quick-stat{color:#94a3b8;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.fade-in{animation:.3s ease-out fadeIn}.game-screen{flex-direction:column;gap:1rem;height:100vh;padding:1rem;display:flex}.screen-container{min-height:80vh;padding:1rem .75rem}.screen-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.btn-back{color:#fff;cursor:pointer;background:0 0;border:none;padding:.5rem .25rem}.btn-save{color:#fff;background:#10b981;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:1rem;font-weight:700;display:flex}.history-list{flex-direction:column;gap:1rem;display:flex}.history-item{justify-content:space-between;align-items:center;padding:1rem;display:flex}.history-info{flex-direction:column;display:flex}.history-date{color:#94a3b8;font-size:.75rem}.history-opp{font-weight:700}.stats-summary{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.stat-card{border:1px solid var(--border-light);text-align:center;background:#ffffff08;border-radius:.75rem;padding:1.5rem}.stat-label{color:#94a3b8;margin-bottom:.5rem;font-size:.75rem;display:block}.stat-value{color:var(--color-strike);font-size:1.5rem;font-weight:800;display:block}.settings-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#94a3b8;font-size:.9rem;font-weight:600}.glass-input{border:1px solid var(--border-light);color:#fff;background:#ffffff0d;border-radius:.5rem;padding:.75rem;font-family:inherit;font-size:16px}.glass-input:focus{border-color:var(--color-ball);background:#ffffff1a;outline:none}.setup-form{flex-direction:column;gap:1.5rem;margin-top:1rem;display:flex}.toggle-group{background:#ffffff0d;border-radius:.5rem;gap:.3rem;padding:.3rem;display:flex}.toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.4rem;flex:1;padding:.75rem;font-weight:700;transition:all .2s}.toggle-btn.active{background:var(--color-ball);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-start-game{background:var(--color-ball);color:#fff;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-top:1.5rem;padding:1rem;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 8px 20px #3b82f666}.list-manager{flex-direction:column;gap:.5rem;display:flex}.list-item{background:#ffffff08;border-radius:.4rem;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.9rem;display:flex}.list-item button{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0 .5rem;font-size:1.2rem}.btn-add-mini{color:#94a3b8;cursor:pointer;background:#334155;border:none;border-radius:.4rem;align-self:flex-start;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.75rem;font-weight:700;display:flex}.checkbox-label{color:#94a3b8;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.8rem;display:flex}.login-screen{background:radial-gradient(circle at 100% 0,#3b82f633,#0000),radial-gradient(circle at 0 100%,#a855f733,#0000);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{text-align:center;width:100%;max-width:400px;padding:2.5rem!important}.team-badge-large{background:var(--color-ball);border-radius:2rem;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 1.5rem;display:flex;box-shadow:0 12px 24px #0006}.login-header h1{letter-spacing:-1.5px;margin:0;font-size:2.5rem}.login-form{text-align:left;margin-top:2rem}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:#64748b;position:absolute;left:1rem}.input-with-icon .glass-input{width:100%;padding-left:3rem}.glass-input.error{background:#ef44440d;border-color:#ef4444}.error-message{color:#ef4444;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.8rem;animation:.4s ease-in-out shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.btn-login{color:#000;cursor:pointer;background:#fff;border:none;border-radius:.75rem;width:100%;margin-top:1.5rem;padding:1rem;font-size:1.1rem;font-weight:800;transition:all .2s}.btn-login:active{transform:scale(.98)}.login-footer{color:#64748b;margin-top:2rem;font-size:.75rem}.login-reset-container{text-align:center;margin-top:1.5rem}.btn-link{color:#64748b;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:.75rem;text-decoration:underline}.btn-link:hover{color:#94a3b8}.opponent-switch{gap:1rem;margin-bottom:.5rem;display:flex}.radio-label{color:#94a3b8;cursor:pointer;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.radio-label input[type=radio]{accent-color:var(--color-ball)}.new-opponent-box{flex-direction:column;gap:.5rem;display:flex}.game-view-container{background:#0f172a;flex-direction:column;max-width:600px;height:100vh;margin:0 auto;display:flex;overflow:hidden}.game-tabs{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293bcc;border-bottom:1px solid #ffffff1a;gap:.5rem;padding:.5rem;display:flex}.tab-item{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex:1;padding:.75rem;font-size:.85rem;font-weight:600;transition:all .2s}.tab-item.active{color:#3b82f6;background:#3b82f633}.tab-item.back{flex:0;justify-content:center;align-items:center;padding:.75rem 1rem;display:flex}.game-tab-content{padding-bottom:env(safe-area-inset-bottom);flex:1;overflow-y:auto}.scoreboard-container{margin:.75rem;padding:.75rem;overflow-x:auto}.scoreboard-table{border-collapse:collapse;width:100%;font-size:.75rem}.scoreboard-table th,.scoreboard-table td{text-align:center;color:#94a3b8;padding:.4rem .2rem}.scoreboard-table .total{color:#fff;background:#ffffff1a;min-width:1.5rem;font-weight:800}.scoreboard-table .team-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;max-width:5rem;font-weight:700;overflow:hidden}.active-team .team-name{color:var(--color-ball)}.current-inning{color:#fff;background:#fff3;border-radius:.25rem}.diamond-container{width:200px;height:200px;margin:1.5rem auto;position:relative}.diamond-svg-wrapper{width:100%;height:100%;position:relative}.base{fill:#ffffff1a;stroke:#fff3;stroke-width:1px;cursor:pointer;transition:all .3s}.base.active{fill:#10b981;filter:drop-shadow(0 0 8px #10b981)}.bso-diamond-overlay{text-align:center;flex-direction:column;gap:.4rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bso-led-group{align-items:center;gap:.8rem;display:flex}.led-label{width:1rem;font-size:.9rem;font-weight:900}.leds{gap:.4rem;display:flex}.led{background:#ffffff1a;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 2px 4px #00000080}.led.ball.on{background:#3b82f6;box-shadow:0 0 10px #3b82f6}.led.strike.on{background:#f59e0b;box-shadow:0 0 10px #f59e0b}.led.out.on{background:#ef4444;box-shadow:0 0 10px #ef4444}.status-and-timer{justify-content:space-around;align-items:center;margin:1rem 0;display:flex}.timer-box{align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.timer-display{color:var(--color-ball);font-family:monospace;font-size:1.25rem;font-weight:700}.timer-controls{gap:.5rem;display:flex}.btn-timer-toggle,.btn-timer-reset{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.action-grid{flex-direction:column;gap:.75rem;margin-top:auto;padding:1rem;display:flex}.action-row{gap:.75rem;display:flex}.btn-action{color:#fff;cursor:pointer;background:#ffffff0d;border:none;border-radius:.75rem;flex:1;font-weight:800;transition:transform .1s,background .2s;box-shadow:0 4px 6px #0003}.btn-action:active{transform:scale(.95)}.btn-action.big{height:80px;font-size:1.5rem}.btn-action.med{height:60px;font-size:1.1rem}.btn-action.small{background:#ffffff1a;height:50px}.btn-action.ball{background:#063c5a;border:2px solid #2563eb}.btn-action.foul{background:#451a03;border:2px solid #d97706}.btn-action.result{background:#334155;border:2px solid #64748b}.verify-later{color:#fff!important;background:#ef4444!important}.game-timer-row{justify-content:flex-end;margin-top:-.5rem;margin-bottom:.5rem;padding-right:.75rem;display:flex}.unified-timer-btn-wrapper{width:140px}.btn-timer-unified{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;justify-content:space-between;align-items:center;width:100%;height:32px;padding:0 .75rem;transition:all .2s;display:flex}.btn-timer-unified.running{background:#3b82f633;border-color:#3b82f6}.timer-label{letter-spacing:.05em;font-size:.8rem;font-weight:700}.timer-reset-icon{color:#94a3b8}.timer-reset-icon:hover{color:#fff}.btn-action.strike{background:#451a03;border:2px solid #f59e0b}.btn-action.strike:active{background:#5a2a0a}.lineup-tabs{gap:.5rem;padding:1rem;display:flex}.lineup-content{flex-direction:column;flex:1;gap:1.5rem;padding:1rem;display:flex}.master-list-picker{background:#ffffff0d;border-radius:.75rem;padding:1rem}.master-grid{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.master-chip{color:#3b82f6;cursor:pointer;background:#3b82f633;border:1px solid #3b82f666;border-radius:2rem;padding:.4rem .75rem;font-size:.8rem}.lineup-table{border-collapse:collapse;width:100%}.lineup-table th{text-align:left;color:#94a3b8;padding:.5rem;font-size:.75rem}.lineup-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.25rem;width:100%;padding:.4rem;font-size:.9rem}.lineup-input.sm{text-align:center;width:40px}.btn-toggle-extended{color:#94a3b8;cursor:pointer;background:0 0;border:1px dashed #fff3;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:.75rem;font-size:.85rem;display:flex}.btn-start-game-v8{background:var(--color-ball);color:#fff;cursor:pointer;border:none;border-radius:.75rem;width:100%;padding:1rem;font-size:1.1rem;font-weight:800}.draft-list{flex-direction:column;gap:1rem;padding:1rem;display:flex}.draft-item{text-align:left;justify-content:space-between;align-items:center;width:100%;padding:1rem;display:flex}.draft-title{margin-bottom:.25rem;font-size:1rem;font-weight:700}.draft-meta{color:#94a3b8;gap:1rem;font-size:.75rem;display:flex}.meta-item{align-items:center;gap:.25rem;display:flex}.settings-content{flex-direction:column;height:calc(100dvh - 64px);display:flex;overflow:hidden auto}.settings-content:has(.master-player-list){overflow-y:hidden}.settings-section{border-bottom:1px solid #ffffff0d;flex-direction:column;min-height:min-content;padding:1rem;display:flex}.settings-section:has(.master-player-list){height:100%}.settings-section h3{color:#94a3b8;margin-bottom:1rem;font-size:.9rem}.team-selector-grid{flex-wrap:wrap;gap:.5rem;display:flex}.team-chip{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:2rem;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.team-chip.active{background:var(--color-ball);border-color:var(--color-ball)}.add-player-form{flex-shrink:0;gap:.35rem;width:100%;margin-bottom:1rem;padding:.75rem;display:flex}.add-player-form .glass-input{flex:1;min-width:0;padding:.6rem .5rem}.add-player-form .sm-width{flex:0 0 52px}.btn-add-circle{background:var(--color-ball);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .1s,background .2s;display:flex;box-shadow:0 4px 12px #3b82f666}.btn-add-circle:active{background:#2563eb;transform:scale(.9)}.btn-add-circle svg{pointer-events:none}.master-player-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:.5rem;padding:.25rem;display:flex;overflow-y:auto}.master-player-row{background:#ffffff08;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.p-info{align-items:center;gap:1rem;display:flex}.p-num{color:var(--color-ball);font-family:Inter,sans-serif;font-weight:800}.btn-delete-p{color:#ef4444;cursor:pointer;opacity:.5;background:0 0;border:none}.btn-delete-p:hover{opacity:1}.screen-container.theme-away{background:linear-gradient(#3b82f60d 0%,#0000 100%);border-top:5px solid #3b82f6}.screen-container.theme-home{background:linear-gradient(#f973160d 0%,#0000 100%);border-top:5px solid #f97316}.tab-btn.away.active{box-shadow:0 4px 12px #3b82f666;color:#fff!important;background:#3b82f6!important}.tab-btn.home.active{box-shadow:0 4px 12px #f9731666;color:#fff!important;background:#f97316!important}.lineup-tabs .tab-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;flex:1;padding:.75rem;font-weight:700;transition:all .2s}.theme-away .screen-header{border-bottom:2px solid #3b82f6}.theme-home .screen-header{border-bottom:2px solid #f97316}.tab-btn.away-tab.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.tab-btn.home-tab.active{color:#fff;background:#f97316;border-color:#f97316}.theme-bg-away{background:linear-gradient(#3b82f61a 0%,#0000 100%);border-radius:.75rem}.theme-bg-home{background:linear-gradient(#f973161a 0%,#0000 100%);border-radius:.75rem}.lineup-row{cursor:pointer;transition:background-color .2s}.lineup-row.focused{box-shadow:inset 0 0 0 2px #fff3;background:#ffffff26!important}.theme-away .lineup-row.focused{box-shadow:inset 0 0 0 2px #3b82f666;background:#3b82f633!important}.theme-home .lineup-row.focused{box-shadow:inset 0 0 0 2px #f9731666;background:#f9731633!important}.master-chip:active{transform:scale(.95)}.focused-indicator{background:currentColor;border-radius:50%;width:8px;height:8px;margin-right:8px;animation:1.5s infinite pulse;display:inline-block}@keyframes pulse{0%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.4;transform:scale(.8)}}.settings-menu-grid{grid-template-columns:1fr;gap:1rem;padding:1rem;display:grid}.settings-menu-item{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;align-items:center;gap:1.5rem;padding:1.5rem;text-decoration:none;transition:all .2s;display:flex}.settings-menu-item:active{background:#ffffff1a;transform:translateY(2px)}.settings-menu-item .icon-wrapper{background:var(--color-ball);color:#000;border-radius:.75rem;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.settings-menu-item .menu-info{flex:1}.settings-menu-item .menu-title{margin-bottom:.25rem;font-size:1.1rem;font-weight:700;display:block}.settings-menu-item .menu-desc{color:#94a3b8;font-size:.8rem;display:block}.settings-sub-header{background:#ffffff08;border-bottom:1px solid #ffffff0d;align-items:center;gap:.75rem;padding:1rem;display:flex}.settings-sub-header .team-label{color:var(--color-ball);font-size:.9rem;font-weight:700}.settings-input-form{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.btn-primary-v8{background:var(--color-ball);color:#000;cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-weight:700;transition:opacity .2s;display:flex}.btn-primary-v8:active{opacity:.8}.btn-secondary-v8{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;width:100%;padding:.75rem;font-weight:500}.stats-table-wrapper{background:#ffffff05;border:1px solid #ffffff0d;border-radius:.75rem;margin-bottom:.5rem;overflow-x:auto}.detailed-stats-table{border-collapse:collapse;width:100%;font-size:.65rem}.detailed-stats-table th,.detailed-stats-table td{text-align:center;white-space:nowrap;border-bottom:1px solid #ffffff0d;padding:.4rem .25rem}.detailed-stats-table th{color:#94a3b8;background:#ffffff0d;font-weight:600}.stats-col-name{min-width:100px;text-align:left!important}.stats-col-pos{min-width:120px;color:var(--color-ball);font-weight:600}.stats-pa-cell{font-family:Inter,sans-serif;font-weight:700}.defensive-diamond-wrapper{background:radial-gradient(circle,#22c55e0d 0%,#0000 70%);border-radius:1rem;max-width:260px;margin:.5rem auto;padding:.5rem}.fielder-label{pointer-events:none}.fielder-bg{fill:#1e293be6;stroke:var(--color-ball);stroke-width:1.5px}.fielder-num{fill:var(--color-ball);font-size:12px;font-weight:900}.fielder-name{fill:#fff;font-size:8px;font-weight:500}