:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--hue: 0}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100vh;background:#080808;color:#fafafa}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 3rem;position:relative;overflow:hidden}.bg-wheel{position:fixed;top:-20%;right:-15%;width:60vmax;height:60vmax;opacity:.07;pointer-events:none;z-index:0;animation:spin 60s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.color-wheel{width:100%;height:100%}.header{text-align:center;z-index:1;margin-bottom:1.25rem}.title{font-size:2rem;font-weight:800;letter-spacing:.08em;background:linear-gradient(135deg,hsl(var(--hue),80%,65%),hsl(calc(var(--hue) + 120),80%,65%),hsl(calc(var(--hue) + 240),80%,65%));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.subtitle{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#fff6}.scoreboard{z-index:1;width:100%;max-width:420px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1rem 1.25rem;margin-bottom:1.25rem}.score-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.score-team{display:flex;flex-direction:column;align-items:center;gap:.15rem}.score-team.home{align-items:flex-end}.score-team.away{align-items:flex-start}.team-label{font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.score-num{font-size:2.5rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.score-center{display:flex;flex-direction:column;align-items:center;gap:.25rem}.inning-badge{font-size:.85rem;font-weight:700;background:#ffffff14;padding:.2rem .65rem;border-radius:1rem;letter-spacing:.05em}.count-row{display:flex;justify-content:center;gap:1.5rem}.count-group{display:flex;align-items:center;gap:.35rem}.count-label{font-size:.6rem;font-weight:700;color:#fff6;letter-spacing:.1em;margin-right:.15rem}.count-dot{width:10px;height:10px;border-radius:50%;background:#ffffff1a;transition:all .3s ease}.count-dot.active{transform:scale(1.2)}.field-row{z-index:1;display:flex;gap:1.5rem;align-items:center;justify-content:center;width:100%;max-width:480px;margin-bottom:1.25rem}.diamond-wrap,.zone-wrap{flex:1;display:flex;justify-content:center}.diamond-svg{width:140px;height:140px;filter:drop-shadow(0 0 12px hsla(var(--hue),70%,50%,.3))}.strikezone{position:relative;width:100%;max-width:140px;aspect-ratio:1}.zone-svg{width:100%;height:100%}.pitch-dot{filter:drop-shadow(0 0 6px currentColor)}.pitch-glow{animation:pulse-glow .6s ease-in-out infinite alternate}@keyframes pulse-glow{0%{opacity:.2;transform:scale(.8)}to{opacity:.5;transform:scale(1.3)}}.zone-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.6rem;font-weight:700;letter-spacing:.2em;color:#ffffff40;pointer-events:none}.result-banner{z-index:1;text-align:center;padding:.75rem 2rem;border:2px solid;border-radius:.5rem;background:#0009;margin-bottom:1rem;animation:slide-in .3s ease-out}@keyframes slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.result-banner.hit{background:#32cd321a}.result-banner.homer{background:#ff326426;animation:slide-in .3s ease-out,shake .4s ease-in-out .3s}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.result-text{font-size:1.5rem;font-weight:800;letter-spacing:.05em}.hr-flair{display:block;font-size:.75rem;color:#fff9;letter-spacing:.15em;margin-top:.25rem}.controls{z-index:1;display:flex;justify-content:center;margin-bottom:1.5rem;min-height:3rem}.btn{font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:.1em;color:#fff;border:none;padding:.7rem 2rem;border-radius:.5rem;cursor:pointer;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.btn:active{transform:translateY(0)}.btn-pitch,.btn-new{box-shadow:0 4px 15px hsla(var(--hue),70%,45%,.3)}.btn-swing{animation:swing-pulse .5s ease-in-out infinite alternate}@keyframes swing-pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.btn-next{opacity:.8;font-size:.85rem}.waiting{font-size:.85rem;font-weight:600;letter-spacing:.05em;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.log{z-index:1;width:100%;max-width:420px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:.5rem;padding:.75rem 1rem}.log-title{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;margin:0 0 .5rem}.log-entry{font-size:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#ffffff8c;padding:.2rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.log-entry:last-child{border-bottom:none}