@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{padding:1rem 0;padding-top:calc(1rem + env(safe-area-inset-top,0px));align-items:center;gap:1rem;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{padding-top:env(safe-area-inset-top,0px);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-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:.35rem;width:100%;margin-bottom:1rem;padding:.6rem;display:flex}.add-player-form .glass-input{flex:2 120px;min-width:0;padding:.6rem .5rem}.add-player-form .sm-width{flex:1 0 50px}.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}.runner-events-container{background:#ffffff08;border:1px solid #ffffff0d;border-radius:.75rem;margin:.5rem 1rem;padding:.75rem}.event-label-mini{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.65rem;display:block}.event-buttons{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.btn-evt{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0d;border:1px solid #ffffff14;border-radius:.5rem;padding:.6rem .25rem;font-size:.75rem;font-weight:600}.btn-evt:active{background:#ffffff26;transform:scale(.95)}.wizard-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000000d9;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=640px){.wizard-overlay{justify-content:center;align-items:center}}.wizard-container{background:#0f172a;border-top:1px solid #ffffff1a;border-radius:1.5rem 1.5rem 0 0;flex-direction:column;width:100%;max-width:500px;max-height:92vh;display:flex;box-shadow:0 -10px 40px #00000080}@media (width>=640px){.wizard-container{border-radius:1.5rem}}.wizard-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.step-tabs{flex:1;gap:.5rem;display:flex}.step-tab-item{background:#ffffff1a;border-radius:2px;flex:1;height:4px}.step-tab-item.active{background:var(--color-ball);box-shadow:0 0 8px var(--color-ball)}.step-tab-item.done{background:#22c55e99}.close-btn{color:#94a3b8;background:0 0;border:none;padding:.5rem}.wizard-body{-webkit-overflow-scrolling:touch;flex:1;padding:1.5rem;overflow-y:auto}.wizard-step h3{color:#fff;text-align:center;margin-bottom:1.5rem;font-size:1.25rem;font-weight:800}.result-grid-scroll{flex-direction:column;gap:1.5rem;display:flex}.result-cat-group .cat-label{color:#64748b;margin-bottom:.75rem;margin-left:.25rem;font-size:.8rem;font-weight:700;display:block}.cat-buttons{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.btn-wizard{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;padding:1rem;font-size:.95rem;font-weight:700;transition:all .2s}.btn-wizard:active{background:var(--color-ball);color:#000;transform:scale(.98)}.fielder-diamond-container{aspect-ratio:1;width:100%;max-width:320px;margin:0 auto;position:relative}.diamond-svg-bg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.fielder-pos-btn{color:#fff;z-index:2;background:#1e293b;border:2px solid #ffffff1a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.2rem;font-weight:900;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0000004d}.fielder-pos-btn:active{background:var(--color-ball);color:#000;border-color:#fff}.pos-mini-label{margin-top:-2px;font-size:.5rem;font-weight:500}.sequence-display{text-align:center;letter-spacing:.1em;color:var(--color-ball);background:#ffffff08;border-radius:.75rem;justify-content:center;align-items:center;min-height:4rem;margin-bottom:2rem;padding:1rem;font-size:1.5rem;font-weight:900;display:flex}.step-actions-row{gap:.75rem;margin-top:2rem;padding-bottom:1rem;display:flex}.btn-util{border:1px solid #ffffff26;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.8rem;font-weight:700;display:flex}.btn-util.error{color:#fff;background:#ef4444}.btn-util.undo{color:#94a3b8;background:#ffffff0d}.btn-primary{background:var(--color-ball);color:#000;border-radius:.75rem;flex:1.5;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-weight:800;display:flex}.btn-primary.full{flex:none;width:100%}.btn-primary.push{color:#fff;background:#22c55e;width:100%}.runner-move-item{background:#ffffff08;border-radius:1rem;margin-bottom:.75rem;padding:1rem}.runner-info{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.base-label{background:var(--color-ball);color:#000;border-radius:.4rem;padding:.1rem .6rem;font-size:.7rem;font-weight:800}.runner-name{font-weight:700}.dest-options{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.dest-btn{color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff14;border-radius:.5rem;padding:.6rem .2rem;font-size:.7rem;font-weight:700}.dest-btn.active{color:#fff;background:#2563eb;border-color:#3b82f6}.wizard-note-area textarea{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:.75rem;width:100%;min-height:80px;margin-top:1rem;padding:1rem;font-family:inherit;font-size:.9rem}.summary-card{background:#ffffff0d;border-radius:1rem;padding:1.5rem}.summary-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:.75rem 0;display:flex}.summary-movements{text-align:right;color:#94a3b8;font-size:.85rem}.examples-sheet-overlay{z-index:2500;background:#0006;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet{width:100%;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background:#1e293b;border-radius:1.5rem 1.5rem 0 0}.sheet-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:1.25rem;display:flex}.sheet-content{padding:1.5rem}.ex-group{margin-bottom:1.5rem}.ex-group h6{color:var(--color-ball);margin-bottom:.5rem;font-size:.9rem}.ex-group p{color:#cbd5e1;margin-bottom:.25rem;font-size:.85rem}.player-info-bar{background:#ffffff08;border:1px solid #ffffff14;border-radius:.75rem;justify-content:space-between;gap:.75rem;margin:.5rem 1rem;padding:.6rem 1rem;font-size:.85rem;display:flex;box-shadow:0 4px 15px #0003}.info-item{align-items:center;gap:.5rem;display:flex}.info-item .label{color:#94a3b8;text-transform:uppercase;background:#ffffff0d;border-radius:.25rem;padding:.1rem .4rem;font-size:.65rem;font-weight:800}.info-item .name{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-weight:700;overflow:hidden}.info-item .badge{background:var(--color-ball);color:#000;border-radius:1rem;padding:.1rem .5rem;font-size:.7rem;font-weight:900}.info-item.pitcher .name{color:#3b82f6}.info-item.batter .name{color:#f97316}.runner-label-svg{fill:#fff;paint-order:stroke;stroke:#000c;stroke-width:2px;filter:drop-shadow(0 2px 4px #00000080);pointer-events:none;font-size:10px;font-weight:800}