*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#f9fafb;background:#181a1f}.home{display:flex;justify-content:center;padding-top:40px}.home-card{text-align:center}.home-header{margin-bottom:64px}.player-select-row{display:flex;gap:520px;margin-bottom:64px}.player-select{flex:1;text-align:left;min-width:225px}.player-select label{display:block;font-weight:500;margin-bottom:6px}.game-context{margin-bottom:64px}.game-context-header{text-align:center;margin-bottom:32px}.game-context-body{max-width:420px;margin:0 auto;text-align:left;display:flex;flex-direction:column;gap:24px}.context-label-row{display:flex;align-items:center;gap:24px}.outs-lights{display:flex;align-items:center;gap:14px}.outs-option{display:inline-flex;align-items:center;cursor:pointer;position:relative}.outs-option input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.outs-light{width:22px;height:22px;border-radius:50%;background:#2b2b2b;border:1px solid #444;transition:all .2s ease;box-sizing:border-box}.outs-option input:checked+.outs-light{background:radial-gradient(circle at 30% 30%,#ff7a7a,#b00000 70%);border-color:#ff4d4d;box-shadow:0 0 8px #ff0000bf,0 0 16px #ff000073}.outs-light:after{content:"";display:block;width:7px;height:5px;border-radius:50%;background:#ffffff59;transform:translate(5px,4px)}.bases-diamond{position:relative;width:60px;height:46px}.base{position:absolute;width:22px;height:22px;transform:rotate(45deg);background:#2b2b2b;border:1px solid #555;cursor:pointer;transition:all .15s ease}.base.on{background:radial-gradient(circle at top left,#ffe066,#caa200);border-color:#ffe066;box-shadow:0 0 6px #ffd20099,0 0 12px #ffd20066}.base-2b{top:0;left:50%;transform:translate(-50%) rotate(45deg)}.base-3b{bottom:0;left:0}.base-1b{bottom:0;right:0}:root{--zoneW: clamp(240px, 22vw, 320px);--silSize: 200px;--pitcherSilH: 160px;--gapX: 16px;--gapY: 12px;--pitcherToZoneGap: 16px}.sim-header{padding:16px 24px 8px}.scoreboard-hitter .value,.scoreboard-pitcher .value{text-transform:capitalize}.header-button{background:none;border:none;padding:0;font-size:32px;font-weight:700;cursor:pointer;color:inherit}.header-button:hover{opacity:.8}.sim-divider{margin-top:12px;height:1px;background-color:#ddd;width:100%}.sim-page{min-height:100vh;padding:24px 32px}.sim-main{display:grid;grid-template-columns:1fr 2fr 1fr;gap:24px;align-items:stretch}.panel{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px;background:#ffffff0a}.sim-right,.sim-left{display:flex;flex-direction:column;gap:12px}.pitch-history{flex:1;min-height:0;display:flex;flex-direction:column}.pitch-history-list{flex:1;min-height:0;max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.pitch-history-list::-webkit-scrollbar{width:4px}.pitch-history-list::-webkit-scrollbar-track{background:transparent}.pitch-history-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.pitch-history-row{display:grid;grid-template-columns:28px 72px 1fr;align-items:center;gap:8px;padding:5px 6px;border-radius:7px;cursor:pointer;transition:background .12s ease;font-size:12px}.pitch-history-row:hover{background:#ffffff0f}.pitch-history-row.active{background:#ffffff1a;border-left:2px solid rgba(255,255,255,.5);padding-left:4px}.ph-num{font-size:11px;opacity:.45;font-variant-numeric:tabular-nums}.ph-result{font-weight:700;font-size:12px;letter-spacing:.03em}.ph-result.ball{color:#6dde7e}.ph-result.strike{color:#f0c040}.ph-result.foul{color:#f0a040}.ph-result.hit{color:#60aaff}.ph-result.out{color:#ff6b6b}.ph-result.other{opacity:.6}.ph-result.strikeout{color:#f87171}.ph-empty{font-size:12px;opacity:.4;font-style:italic;padding:4px 2px}.ph-type{opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scoreboard{display:flex;flex-direction:column;gap:14px}.scoreboard-header{padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:16px}.scoreboard-row,.scoreboard-row.baserunners .label{margin-bottom:16px}.label{font-size:12px;opacity:.75;margin-bottom:4px}.value{font-size:15px;font-weight:600}.mono{font-variant-numeric:tabular-nums}.hint{font-size:12px;opacity:.7;margin-left:6px}.scoreboard-row.count .label{margin-bottom:8px}.count-display{display:flex;align-items:center;gap:12px}.count-text{font-size:14px;opacity:.9}.count-dot{width:22px;height:22px;border-radius:50%;background:#2b2b2b;border:1px solid #444;transition:all .2s ease;box-sizing:border-box}.count-lights{display:grid;row-gap:6px}.count-row{display:grid;column-gap:8px;align-items:center}.count-row-top{grid-template-columns:repeat(3,auto)}.count-row-bottom{grid-template-columns:repeat(2,auto);justify-content:start}.count-dot:after{content:"";display:block;width:5px;height:4px;border-radius:50%;background:#ffffff4d;transform:translate(3px,3px)}.count-dot.ball.on{background:radial-gradient(circle at 30% 30%,#8dff9a,#1f8a2a 70%);border-color:#8dff9ae6;box-shadow:0 0 8px #32ff788c,0 0 16px #32ff7840}.count-dot.strike.on{background:radial-gradient(circle at 30% 30%,#ffe08a,#b88300 70%);border-color:#ffe08af2;box-shadow:0 0 8px #ffc83c8c,0 0 16px #ffc83c40}.scoreboard-row.outs .label{margin-bottom:8px}.outs-light.on{background:radial-gradient(circle at 30% 30%,#ff7a7a,#b00000 70%);border-color:#ff4d4d;box-shadow:0 0 8px #ff0000bf,0 0 16px #ff000073}.sim-center{display:flex;justify-content:center;align-items:stretch;min-height:0}.zone-stack{width:var(--zoneW);height:calc(100vh - 170px);max-height:820px;min-height:560px;display:grid;grid-template-columns:var(--zoneW);grid-template-rows:var(--pitcherSilH) minmax(var(--pitcherToZoneGap),1fr) auto auto auto;row-gap:var(--gapY);align-content:stretch}.silhouette{display:block;mix-blend-mode:screen;filter:invert(1) contrast(1000%)}.pitcher-slot{grid-column:1;grid-row:1;justify-self:center;align-self:end;width:var(--silSize);height:var(--pitcherSilH);overflow:visible;display:flex;align-items:flex-end;justify-content:center}.pitcher-silhouette{height:var(--pitcherSilH);width:auto;object-fit:contain;object-position:bottom center;mix-blend-mode:normal;filter:none;animation:pitcher-fadein 80ms ease-out}@keyframes pitcher-fadein{0%{opacity:0}to{opacity:1}}.batter-silhouette{position:absolute;z-index:4;pointer-events:none;mix-blend-mode:normal;filter:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;animation:pitcher-fadein .15s ease-out}.zone-world{grid-column:1;grid-row:3;align-self:end;width:100%;aspect-ratio:3 / 4;position:relative;overflow:visible;border-radius:14px;outline:none;-webkit-tap-highlight-color:transparent}.zone-rect{position:absolute;z-index:2;border:2px solid rgba(255,255,255,.35);border-radius:10px;pointer-events:none}.pitch-dot{position:absolute;z-index:3;width:12px;height:12px;border-radius:999px;transform:translate(-50%,-50%);background:#fffffff2;box-shadow:0 0 10px #ffffff40}.pitch-result{grid-column:1 / -1;grid-row:4;justify-self:center;width:100%;text-align:center;min-height:18px;font-size:14px;font-weight:700;letter-spacing:.06em;opacity:.9}.controls{grid-column:1 / -1;grid-row:5;justify-self:center;width:min(var(--zoneW),520px)}.controls-inner,.controls-p0,.controls-p1{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.controls-top{width:100%;display:flex;justify-content:center;gap:12px}.controls-bottom{width:100%;display:flex;justify-content:center}.controls-top .btn{min-width:140px}@media(max-width:1024px){.sim-main{grid-template-columns:1fr}.zone-stack{grid-template-columns:var(--zoneW);grid-template-rows:var(--pitcherSilH) 1fr auto auto auto}.pitch-result{grid-column:1 / -1;grid-row:4;width:min(520px,100%)}.controls{grid-column:1 / -1;grid-row:5;width:min(520px,100%)}}.btn{padding:12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#1f1f1f;color:#f5f5f5;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:all .15s ease}.btn:hover{background:#2a2a2a;border-color:#ffffff4d}.btn.primary{background:#2b2b2b;border-color:#ffffff59}.btn.primary:hover{background:#3a3a3a}.btn.ghost{background:transparent;border-color:#fff3}.ph-result.foul{color:#facc15}.ph-result.fair{color:#60a5fa}.atbat-over-label{font-size:1.4rem;font-weight:700;color:#fff}.atbat-result-banner{font-size:1.75rem;font-weight:700;text-align:center;padding:10px 0;margin:8px 0}.atbat-result-banner.strikeout_swinging,.atbat-result-banner.strikeout_looking{color:#f87171}.atbat-result-banner.walk{color:#4ade80}.atbat-result-banner.fair{color:#60a5fa}.atbat-result-banner.fair-out{color:#f87171}.ph-evla{grid-column:1 / -1;font-size:10px;opacity:.55;padding-left:4px;font-variant-numeric:tabular-nums}.btn.primary:disabled{opacity:.4;cursor:not-allowed}