:root{color:#f4f8ff;background:#020407;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0;background:radial-gradient(ellipse at 50% 45%,#101821,#04070b,#010203)}button{font:inherit;cursor:pointer}.app-shell{min-height:100svh;display:grid;place-items:center;padding:24px}.display-viewport{position:relative;width:min(100%,940px);min-height:min(600px,76svh);overflow:hidden;border:1px solid rgba(207,228,255,.12);background:linear-gradient(112deg,rgba(159,205,233,.055),transparent 43%),#03060adb;box-shadow:inset 0 0 70px #5891cb0a,0 24px 75px #00000059}.display-viewport:before{content:"";position:absolute;inset:14px;border:1px solid rgba(207,228,255,.035);pointer-events:none}.wordmark,.selector-hint,.live-status{color:#a8bdd0;font-size:.65rem;font-weight:700;letter-spacing:.18em}.game-select{min-height:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:40px}.game-selector{width:min(100%,540px);display:grid;gap:12px}.selector-game{position:relative;width:100%;display:grid;gap:8px;padding:17px 24px;border:1px solid transparent;background:transparent;color:#ecf4ff8a;text-align:left;transition:color .22s ease,transform .38s ease,background .22s ease,border-color .22s ease,opacity .25s ease}.selector-game:focus-visible,.status-state button:focus-visible{outline:1px solid #dcecff;outline-offset:4px}.selector-score{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;gap:12px;align-items:baseline;font-size:1rem;letter-spacing:.09em}.team-label{display:inline-flex;align-items:center;gap:7px;min-width:0;font-weight:700}.team-label i{width:5px;height:5px;border-radius:50%;background:#a5edf7;box-shadow:0 0 8px #81e7f2e6}.selector-score strong{font-size:1.55rem;font-variant-numeric:tabular-nums;line-height:1}.selector-status{font-size:.67rem;letter-spacing:.13em}.selector-status.is-live{color:#91e4ef}.selector-game.is-focused{padding:30px 34px;border-color:#bae4ff66;background:linear-gradient(90deg,#9fcde914,#9fcde905);box-shadow:inset 0 0 18px #71c0e10f,0 0 13px #84d0f414;color:#f7fbff;transform:scale(1.03)}.selector-game.is-focused:before,.selector-game.is-focused:after{content:"";position:absolute;width:30px;height:30px;border-color:#bdeaff;opacity:.75}.selector-game.is-focused:before{top:-1px;left:-1px;border-top:1px solid;border-left:1px solid}.selector-game.is-focused:after{right:-1px;bottom:-1px;border-right:1px solid;border-bottom:1px solid}.selector-game.is-focused .selector-score strong{font-size:2.15rem}.selector-hint{opacity:.38}.game-select.is-transitioning .wordmark,.game-select.is-transitioning .selector-hint,.game-select.is-transitioning .selector-game:not(.is-focused){opacity:0;transform:translateY(-8px)}.game-select.is-transitioning .selector-game.is-focused{transform:scale(1.17);border-color:#daf4ff9e}.display-viewport:has(.scorekeeper){border-color:transparent}.display-viewport:has(.scorekeeper):before{display:none}.scorekeeper{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto 1fr;justify-items:center;min-height:inherit;padding:clamp(42px,7vw,76px);animation:materialize .25s ease both}.scorekeeper:before,.scorekeeper:after{content:"";position:absolute;top:18px;bottom:18px;width:22px;opacity:.26;pointer-events:none}.scorekeeper:before{left:18px;border-top:1px solid #91a6b7;border-bottom:1px solid #91a6b7}.scorekeeper:after{right:18px;border-top:1px solid #91a6b7;border-bottom:1px solid #91a6b7}.score-header{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:start}.score-side{display:flex;align-items:baseline;gap:clamp(13px,2vw,24px);color:#f4f7fa}.score-side.home{justify-content:flex-end}.score-side .team-label{color:#f4f7fa;font-size:clamp(1rem,2.3vw,1.35rem);letter-spacing:.08em}.score-side strong{color:#f4f7fa;font-size:clamp(3.25rem,8vw,5rem);font-variant-numeric:tabular-nums;font-weight:750;letter-spacing:0;line-height:.83}.game-center{display:grid;justify-items:center;gap:7px;padding-top:5px;text-align:center}.inning,.outs,.final-state,.scheduled-state{margin:0;font-weight:700;letter-spacing:.12em}.inning{color:#55ddef;font-size:clamp(.82rem,1.9vw,1.15rem)}.outs{color:#91a6b7;font-size:clamp(.7rem,1.35vw,.9rem)}.final-state{margin-top:22px;font-size:1rem}.scheduled-state{font-size:.85rem}.diamond{width:clamp(66px,10vw,96px);height:auto;margin-top:clamp(20px,4vh,32px);color:#91a6b7}.diamond .empty{fill:transparent;stroke:currentColor;stroke-width:1.4;opacity:.42}.diamond .occupied{fill:#55ddef;stroke:#55ddef;filter:drop-shadow(0 0 4px rgba(85,221,239,.55))}.current-play{width:min(100%,600px);margin-top:clamp(24px,5vh,44px);text-align:center}.current-play p{margin:0}.current-result{color:#f4f7fa;font-size:clamp(1.35rem,3.1vw,2rem);font-weight:750;letter-spacing:.035em}.current-player{margin-top:7px!important;color:#d1dce5;font-size:clamp(.95rem,2vw,1.22rem)}.play-context{margin-top:8px!important;color:#91a6b7;font-size:clamp(.75rem,1.45vw,.95rem);letter-spacing:.08em}.matchup-context{width:min(100%,500px);display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;margin-top:22px;color:#91a6b7;text-align:center}.matchup-context p{display:grid;gap:4px;margin:0;font-size:clamp(.72rem,1.4vw,.9rem)}.matchup-context p:first-child{text-align:left}.matchup-context p:nth-child(2){text-align:right}.matchup-context span,.previous-plays>p{color:#91a6b7a6;font-size:.62rem;font-weight:700;letter-spacing:.15em}.matchup-context small{color:#b8c7d4;font-size:.8rem;letter-spacing:.07em}.previous-plays{width:min(100%,500px);align-self:end;margin-top:clamp(28px,5vh,46px);padding-top:16px;border-top:1px solid rgba(145,166,183,.16)}.previous-plays>p{margin:0 0 10px}.previous-plays ol{display:grid;gap:6px;margin:0;padding:0;color:#d1dce5ad;font-size:clamp(.77rem,1.6vw,1rem);list-style:none}.previous-plays li:first-letter{text-transform:uppercase}.live-status{position:absolute;right:31px;bottom:25px;color:#91a6b7;font-size:.58rem;letter-spacing:.14em;opacity:.72}.live-status b{color:#55ddef}.score-block{align-self:start;justify-self:start;display:grid;gap:10px}.score-block p{display:grid;grid-template-columns:auto auto;gap:18px;align-items:baseline;margin:0;color:#cfdbe7;font-size:1rem;font-weight:700;letter-spacing:.12em}.score-block strong{color:#fff;font-size:3rem;font-variant-numeric:tabular-nums;line-height:.78;letter-spacing:0}.is-syncing .sync-state{align-self:center;color:#a8bdd0;font-size:.7rem;letter-spacing:.17em}.changed{animation:state-flash .9s ease both}.score-header.changed .score-side strong{animation:score-pulse 1s ease both}.diamond.changed .occupied{animation:base-flash .9s ease both}.status-state{min-height:inherit;display:grid;place-content:center;justify-items:center;gap:18px;text-align:center}.state-label{font-size:clamp(.85rem,2vw,1.15rem);font-weight:700;letter-spacing:.16em}.state-detail{max-width:230px;color:#9dafbd;font-size:.75rem;line-height:1.7;letter-spacing:.12em}.status-state button{padding:0;border:0;background:none;color:#e5f6ff;font-size:.72rem;font-weight:800;letter-spacing:.15em}@keyframes materialize{0%{opacity:0;transform:scale(.975)}to{opacity:1;transform:scale(1)}}@keyframes state-flash{0%,to{filter:brightness(1);text-shadow:none}22%{filter:brightness(1.35);text-shadow:0 0 13px rgba(185,240,255,.68)}}@keyframes score-pulse{25%{transform:scale(1.08);text-shadow:0 0 20px rgba(185,240,255,.72)}}@keyframes base-flash{25%{filter:brightness(1.25) drop-shadow(0 0 9px #91e6f5)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:560px){.app-shell{padding:0}.display-viewport{min-height:100svh;border:0}.game-select{padding:28px 18px}.selector-game.is-focused{padding:26px 22px}.scorekeeper{padding:44px 26px}.scorekeeper:before{left:12px}.scorekeeper:after{right:12px}.score-side{gap:9px}.score-side .team-label{font-size:.9rem}.score-side strong{font-size:3.1rem}.matchup-context{gap:10px}.live-status{right:18px;bottom:15px}}