.app-loading{z-index:20;padding-bottom:calc(14 * var(--u));pointer-events:none;place-items:end center;display:grid;position:absolute;inset:0}.app-loading__dots{gap:calc(1.4 * var(--u));display:flex}.app-loading__dot{width:calc(1.7 * var(--u));height:calc(1.7 * var(--u));background:var(--gold);opacity:.25;border-radius:50%;animation:1.1s ease-in-out infinite app-loading-pulse}.app-loading__dot:nth-child(2){animation-delay:.18s}.app-loading__dot:nth-child(3){animation-delay:.36s}@keyframes app-loading-pulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.app-modal{z-index:30;background:#060a14e0;position:absolute;inset:0}.debug{top:calc(1.5 * var(--u));right:calc(1.5 * var(--u));z-index:40;width:calc(34 * var(--u));max-height:calc(70 * var(--u));gap:calc(.4 * var(--u));padding:calc(1.2 * var(--u));border:1px solid var(--panel-border);border-radius:calc(1 * var(--u));background:var(--panel);color:var(--white);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:calc(1.8 * var(--u));font-variant-numeric:tabular-nums;pointer-events:none;flex-direction:column;line-height:1.35;display:flex;position:absolute;overflow:hidden}.debug-box{aspect-ratio:6/5;border-radius:calc(.4 * var(--u));background:#00000040;border:1px solid #ffffff80;width:100%;position:relative;overflow:hidden}.debug-box__plate{background:var(--yellow);width:1px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.debug-box__rest{background:#fff9;width:1px;position:absolute;top:40%;bottom:40%;transform:translate(-50%)}.debug-box__dot{width:calc(1.4 * var(--u));height:calc(1.4 * var(--u));background:var(--white);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.debug-box__dot.is-crossed{background:var(--gold)}.debug-title{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-size:calc(1.6 * var(--u))}.debug-swings{margin-top:calc(.4 * var(--u));padding-top:calc(.4 * var(--u));border-top:1px solid var(--panel-border);gap:calc(.2 * var(--u));font-size:calc(1.6 * var(--u));flex-direction:column;display:flex}.debug-swing:first-child{color:var(--yellow)}.debug-timing{color:var(--gold)}.debug-swings__empty{opacity:.55}.debug-actions{margin-top:calc(.6 * var(--u));gap:calc(.6 * var(--u));display:flex}.debug-btn{pointer-events:auto;padding:calc(.8 * var(--u)) calc(.6 * var(--u));border:1px solid var(--panel-border);border-radius:calc(.6 * var(--u));color:inherit;font:inherit;font-size:calc(1.6 * var(--u));cursor:pointer;background:#ffffff14;flex:1}.debug-btn:active{background:#fff3}.debug-status{min-height:calc(2.2 * var(--u));color:var(--gold);font-size:calc(1.5 * var(--u))}.screen-attract,.screen-calibrate,.screen-countdown,.screen-results{position:absolute;inset:0}.screen-attract>*,.screen-calibrate>*,.screen-countdown>*,.screen-results>*{position:absolute}@keyframes attract-blink{0%,to{opacity:1}50%{opacity:.6}}.attract-stars{left:0;right:0;top:calc(11 * var(--u));height:calc(4.4 * var(--u));justify-content:center;align-items:center;gap:calc(2.4 * var(--u));color:var(--gold);display:flex}.attract-stars__mid{width:calc(4.4 * var(--u));height:calc(4.4 * var(--u));flex:none}.attract-stars__side{width:calc(2.8 * var(--u));height:calc(2.8 * var(--u));flex:none}.attract-title{left:calc(10 * var(--u));right:calc(10 * var(--u));top:calc(5 * var(--u));text-align:center;font-size:calc(7.2 * var(--u));color:var(--white);text-shadow:0 calc(.4 * var(--u)) calc(1.2 * var(--u)) #000000a6;line-height:1.05}.attract-logo{width:100%;height:calc(19 * var(--u));object-fit:contain;filter:drop-shadow(0 calc(.5 * var(--u)) calc(1.4 * var(--u)) #0000008c)}.attract-cta{left:calc(6 * var(--u));right:calc(6 * var(--u));top:calc(140 * var(--u));text-align:center;font-size:calc(3.4 * var(--u));letter-spacing:.08em;color:var(--white);text-shadow:0 calc(.3 * var(--u)) calc(1 * var(--u)) #000c;animation:1.4s ease-in-out infinite attract-blink}.attract-best{right:calc(6 * var(--u));top:calc(6 * var(--u));align-items:center;gap:calc(1.6 * var(--u));padding:calc(1.6 * var(--u)) calc(2.6 * var(--u));border-radius:calc(2 * var(--u));display:flex}.attract-best__label{font-size:calc(2.7 * var(--u));line-height:1}.attract-best__value{font-family:var(--font-display);font-weight:700;font-size:calc(4.6 * var(--u));color:var(--white);font-variant-numeric:tabular-nums;line-height:1}@media (orientation:landscape){.attract-stars{top:calc(6 * var(--u))}.attract-title{top:calc(3 * var(--u));font-size:calc(7 * var(--u))}.attract-logo{height:calc(16 * var(--u))}.attract-cta{top:calc(78 * var(--u));font-size:calc(3 * var(--u))}.attract-best{right:calc(6 * var(--u));top:calc(4 * var(--u))}}.phase-label{left:calc(6 * var(--u));right:calc(6 * var(--u));top:calc(18 * var(--u));text-align:center;font-size:calc(5 * var(--u));min-height:calc(6 * var(--u));color:var(--white);text-shadow:0 calc(.3 * var(--u)) calc(1 * var(--u)) #0009;line-height:1.15}.calibrate-progress{left:calc(20 * var(--u));top:calc(30 * var(--u));width:calc(60 * var(--u));height:calc(3 * var(--u));border-radius:calc(1.5 * var(--u));padding:0;overflow:hidden}.calibrate-progress__fill{background:linear-gradient(90deg, var(--gold), var(--yellow));width:0%;height:100%}.calibrate-box{left:50%;top:calc(58 * var(--u));width:calc(60 * var(--u));height:calc(60 * var(--u));transform:translate(-50%)}.calibrate-center{border:calc(.35 * var(--u)) dashed #ffffff73;border-radius:50%;transition:border-color .12s ease-out,box-shadow .12s ease-out;position:absolute;inset:0}.calibrate-center.is-warn{border-color:var(--yellow);box-shadow:0 0 calc(2.4 * var(--u)) #f5c40099;border-style:solid}.calibrate-target{border:calc(.3 * var(--u)) dashed #3ddc3d8c;border-radius:50%;width:40%;height:40%;position:absolute;top:30%;left:30%}.calibrate-pointer{width:calc(3 * var(--u));height:calc(3 * var(--u));margin:calc(-1.5 * var(--u)) 0 0 calc(-1.5 * var(--u));background:var(--white);box-shadow:0 0 calc(1.6 * var(--u)) #ffffffb3;opacity:0;visibility:hidden;border-radius:50%;transition:opacity .12s ease-out;position:absolute;top:50%;left:50%}.calibrate-pointer.is-visible{opacity:1;visibility:visible}.calibrate-pointer__arrow{width:calc(9 * var(--u));height:calc(1 * var(--u));margin-top:calc(-.5 * var(--u));transform-origin:0;transform:rotate(var(--arrow-angle,0deg));background:linear-gradient(90deg, var(--yellow), #f5c40000);border-radius:calc(.5 * var(--u));position:absolute;top:50%;left:50%}.calibrate-pointer__arrow:after{content:"";width:0;height:0;margin-top:calc(-1.2 * var(--u));border:calc(1.2 * var(--u)) solid transparent;border-left-color:var(--yellow);position:absolute;top:50%;right:0}.bat-shadow{width:calc(4 * var(--u));height:calc(4 * var(--u));margin:calc(-2 * var(--u)) 0 0 calc(-2 * var(--u));background:var(--gold);box-shadow:0 0 calc(1.6 * var(--u)) #f2b705d9;border-radius:50%;position:absolute;top:50%;left:50%}.power-bar{left:calc(20 * var(--u));top:calc(134 * var(--u));width:calc(60 * var(--u));height:calc(4 * var(--u));border-radius:calc(2 * var(--u));padding:0;overflow:hidden}.power-fill{background:linear-gradient(90deg, var(--green), var(--yellow));width:0%;height:100%}.calibrate-wake{left:calc(6 * var(--u));right:calc(6 * var(--u));top:calc(150 * var(--u));text-align:center;font-size:calc(3 * var(--u));color:var(--yellow);opacity:0;visibility:hidden;transition:opacity .2s ease-out}.calibrate-wake.is-visible{opacity:1;visibility:visible}.calibrate-lock{left:calc(6 * var(--u));right:calc(6 * var(--u));top:calc(142 * var(--u));text-align:center;font-size:calc(2.6 * var(--u));color:var(--gold);opacity:0;visibility:hidden;transition:opacity .2s ease-out}.calibrate-lock.is-visible{opacity:1;visibility:visible}@media (orientation:landscape){.phase-label{top:calc(8 * var(--u));font-size:calc(4.6 * var(--u))}.calibrate-progress{left:calc(58.9 * var(--u));top:calc(20 * var(--u));width:calc(60 * var(--u))}.calibrate-box{top:calc(28 * var(--u));width:calc(44 * var(--u));height:calc(44 * var(--u))}.power-bar{left:calc(58.9 * var(--u));top:calc(78 * var(--u));width:calc(60 * var(--u))}.calibrate-wake{top:calc(90 * var(--u))}.calibrate-lock{top:calc(84 * var(--u))}}@keyframes countdown-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.countdown-number{text-align:center;font-family:var(--font-display);font-weight:700;font-size:calc(28 * var(--u));color:var(--white);text-shadow:0 calc(.6 * var(--u)) calc(2 * var(--u)) #000000b3;line-height:1;top:34%;left:0;right:0;transform:translateY(-50%)}.countdown-number.label{color:var(--yellow);font-size:calc(16 * var(--u));letter-spacing:.02em}.countdown-number.is-pop{animation:.26s ease-out countdown-pop}.countdown-number[data-n="2"]{color:var(--gold)}.countdown-number[data-n="1"]{color:#ff5a4a}@media (orientation:landscape){.countdown-number{font-size:calc(24 * var(--u))}.countdown-number.label{font-size:calc(13 * var(--u))}}.results-title{left:0;right:0;top:calc(12 * var(--u));text-align:center;font-size:calc(6.2 * var(--u));color:var(--white);line-height:1}.results-hr{left:calc(12 * var(--u));top:calc(26 * var(--u));width:calc(76 * var(--u));height:calc(24 * var(--u));border-radius:calc(2.2 * var(--u));justify-content:center;align-items:center;gap:calc(4 * var(--u));padding:0 calc(3 * var(--u));border-color:color-mix(in srgb, var(--team) 30%, var(--panel-border));flex-direction:row;display:flex}.results-hr__main{align-items:center;gap:calc(.6 * var(--u));flex-direction:column;flex:1 1 0;display:flex}.results-hr__label{font-size:calc(2.8 * var(--u));letter-spacing:.08em}.results-hr__value{font-family:var(--font-display);font-weight:700;font-size:calc(12 * var(--u));color:var(--yellow);font-variant-numeric:tabular-nums;line-height:1}.results-hr__side{justify-content:center;gap:calc(1.6 * var(--u));padding-left:calc(4 * var(--u));border-left:1px solid var(--panel-border);flex-direction:column;flex:1 1 0;align-self:stretch;display:flex}.results-hr__sub{align-items:flex-start;gap:calc(.4 * var(--u));flex-direction:column;display:flex}.results-hr__sublabel{font-size:calc(2.3 * var(--u));letter-spacing:.07em;white-space:nowrap}.results-hr__subvalue{font-family:var(--font-display);font-weight:700;font-size:calc(4.8 * var(--u));color:var(--white);font-variant-numeric:tabular-nums;line-height:1}.record{left:0;right:0;top:calc(54 * var(--u));text-align:center;font-size:calc(4.2 * var(--u));color:var(--gold);letter-spacing:.05em;animation:1s ease-in-out infinite attract-blink}.btn-again:active{filter:brightness(1.2);transform:translate(-50%)scale(.96)}.btn-again{left:50%;top:calc(140 * var(--u));width:calc(52 * var(--u));height:calc(9.4 * var(--u));border-radius:calc(2 * var(--u));cursor:none;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-weight:700;font-size:calc(3.4 * var(--u));color:var(--white);justify-content:center;align-items:center;display:flex;transform:translate(-50%)}@media (orientation:landscape){.results-title{top:calc(6 * var(--u));font-size:calc(5.6 * var(--u))}.results-hr{left:calc(58.9 * var(--u));top:calc(16 * var(--u));width:calc(60 * var(--u));height:calc(20 * var(--u));gap:calc(3 * var(--u))}.results-hr__value{font-size:calc(10 * var(--u))}.results-hr__label{font-size:calc(2.4 * var(--u))}.results-hr__side{gap:calc(1.2 * var(--u));padding-left:calc(3 * var(--u))}.results-hr__sublabel{font-size:calc(2 * var(--u))}.results-hr__subvalue{font-size:calc(4 * var(--u))}.record{top:calc(42 * var(--u))}.btn-again{top:calc(82 * var(--u));width:calc(46 * var(--u));height:calc(8 * var(--u));font-size:calc(3 * var(--u))}}.screen-locked{padding:calc(4 * var(--u));place-items:center;display:grid;position:absolute;inset:0}.locked__panel{max-width:calc(90 * var(--u));padding:calc(4 * var(--u)) calc(5 * var(--u));text-align:center;gap:calc(1.6 * var(--u));flex-direction:column;display:flex}.locked__kicker{color:var(--gold);font-size:calc(2.6 * var(--u))}.locked__name{font-family:var(--font-display);font-size:calc(5 * var(--u));line-height:1.1}.locked__reason{font-size:calc(3 * var(--u))}.locked__detail{font-size:calc(2.4 * var(--u));opacity:.75}.locked__help{font-size:calc(2.2 * var(--u));opacity:.6}.locked__actions{margin-top:calc(1 * var(--u));justify-content:center;display:flex}.attract-pair{z-index:2;position:absolute;bottom:6%;right:4%}.pair-panel{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080c18c7;border:1px solid #ffffff1f;border-radius:18px;max-width:30vw;padding:16px 18px}.pair-title{opacity:.92;margin-bottom:10px;font-size:clamp(14px,1.4vw,20px);font-weight:700}.pair-qr svg{border-radius:8px;width:clamp(150px,18vw,260px);height:auto;margin:0 auto;display:block}.pair-hint{opacity:.62;margin-top:8px;font-size:clamp(11px,1vw,15px)}.pair-code{letter-spacing:.18em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:clamp(18px,2vw,30px);font-weight:800}.pair-note{color:#ffd479;margin-top:8px;font-size:clamp(11px,1vw,15px)}.screen-select{position:absolute;inset:0}.screen-select>*{position:absolute}.select-stars{left:0;right:0;top:calc(11.74 * var(--u));height:calc(4.95 * var(--u));justify-content:center;align-items:flex-end;gap:calc(1.525 * var(--u));color:var(--gold);display:flex}.select-stars__mid{width:calc(4.95 * var(--u));height:calc(4.95 * var(--u));flex:none}.select-stars__side{width:calc(3.1 * var(--u));height:calc(3.1 * var(--u));flex:none}.select-stars__line{width:calc(12.9 * var(--u));height:calc(.35 * var(--u));margin-bottom:calc(1.65 * var(--u));flex:none}.select-stars__line--l{margin-right:calc(1.225 * var(--u));background:linear-gradient(90deg, #f2b70500 0%, var(--gold) 16%)}.select-stars__line--r{margin-left:calc(1.225 * var(--u));background:linear-gradient(90deg, var(--gold) 84%, #f2b70500 100%)}.select-title{left:0;right:0;top:calc(17.65 * var(--u));height:calc(8.5 * var(--u));font-size:calc(6.667 * var(--u));letter-spacing:-.0207em;color:var(--white);text-shadow:0 calc(.35 * var(--u)) calc(1.1 * var(--u)) #000000a6;justify-content:center;align-items:center;line-height:1;display:flex}.title-rules{left:0;right:0;top:calc(28.28 * var(--u));height:calc(.25 * var(--u));justify-content:center;gap:calc(28.5 * var(--u));display:flex}.title-rules__line{width:calc(13.3 * var(--u));background:linear-gradient(90deg, #f2b70500 0%, var(--gold) 8%, var(--gold) 92%, #f2b70500 100%);flex:none;height:100%}.nav-arrow{top:calc(78.1 * var(--u));width:calc(9 * var(--u));height:calc(9 * var(--u));color:var(--white);cursor:none;box-shadow:0 calc(.4 * var(--u)) calc(1.4 * var(--u)) #0006;background:#0e141e9e;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.nav-arrow>svg{width:calc(4.4 * var(--u));height:calc(4.4 * var(--u))}.nav-prev{left:calc(10.75 * var(--u))}.nav-next{left:calc(80.25 * var(--u))}.select-dots{left:0;right:0;top:calc(124.85 * var(--u));height:calc(1.8 * var(--u));justify-content:center;align-items:center;gap:calc(4.13 * var(--u));display:flex}.select-dots .dot{width:calc(1 * var(--u));height:calc(1 * var(--u));box-shadow:0 1px calc(.3 * var(--u)) #00000080;background:#ffffff52;border-radius:50%}.select-dots .dot.is-active{width:calc(1.8 * var(--u));height:calc(1.8 * var(--u));background:var(--white)}.team-row{left:calc(3.575 * var(--u));top:calc(129.9 * var(--u));gap:calc(1.47 * var(--u));display:flex}.team-card:active{filter:brightness(1.2)}.nav-arrow:active,.btn-random:active{filter:brightness(1.2);transform:scale(.94)}.team-card{width:calc(14.25 * var(--u));height:calc(29.3 * var(--u));cursor:none;border-radius:calc(1.3 * var(--u));border:calc(.3 * var(--u)) solid color-mix(in srgb, var(--team) 55%, #fff);background:linear-gradient(180deg, var(--team), color-mix(in srgb, var(--team) 65%, #000));box-shadow:0 calc(.5 * var(--u)) calc(1.4 * var(--u)) #00000073;flex-direction:column;padding:0;display:flex;position:relative}.team-card.is-active{box-shadow:0 0 calc(2 * var(--u)) var(--team), 0 0 calc(4 * var(--u)) color-mix(in srgb, var(--team) 70%, transparent);border-color:#cfe4ff}.team-card__art{min-height:0;padding:calc(.6 * var(--u));flex:auto;justify-content:center;align-items:flex-end;display:flex}.team-card__thumb{object-fit:contain;object-position:bottom;max-width:100%;max-height:100%}.team-card__logo,.team-card__abbr{flex:0 0 calc(10.4 * var(--u));min-width:0;min-height:0}.team-card__abbr{padding:0 calc(.6 * var(--u));justify-content:center;align-items:center;display:flex}.team-card__logo{object-fit:contain;box-sizing:border-box;width:100%;height:100%;padding:0 calc(.8 * var(--u)) calc(.8 * var(--u))}.team-card__abbr{font-family:var(--font-script);font-weight:400;font-size:calc(6.6 * var(--u));color:var(--white);white-space:nowrap;text-shadow:0 calc(.3 * var(--u)) calc(.9 * var(--u)) #0000008c;line-height:1}.btn-random{left:calc(35.55 * var(--u));top:calc(163.3 * var(--u));width:calc(28.75 * var(--u));height:calc(9.1 * var(--u));justify-content:center;align-items:center;gap:calc(2.05 * var(--u));border-radius:calc(2 * var(--u));color:var(--white);cursor:none;padding:0;display:flex}.btn-random__die{width:calc(4.96 * var(--u));height:calc(4.96 * var(--u));color:var(--white);flex:none}.btn-random__text{font-size:calc(3.15 * var(--u));letter-spacing:.0167em;line-height:1}@media (orientation:landscape){.select-stars{top:calc(1.6 * var(--u))}.select-title{top:calc(6 * var(--u));font-size:calc(6.2 * var(--u))}.title-rules{top:calc(15.5 * var(--u));gap:calc(26 * var(--u))}.title-rules__line{width:calc(12.5 * var(--u))}.nav-arrow{top:calc(42 * var(--u))}.nav-prev{left:calc(40 * var(--u))}.nav-next{left:calc(130 * var(--u))}.select-dots{top:calc(66.5 * var(--u))}.team-row{left:calc(41.5 * var(--u));top:calc(72 * var(--u));gap:calc(1.44 * var(--u))}.team-card{width:calc(14 * var(--u));height:calc(26 * var(--u))}.team-card__logo,.team-card__abbr{flex-basis:calc(9.2 * var(--u))}.team-card__abbr{font-size:calc(5.9 * var(--u))}.btn-random{left:calc(150 * var(--u));top:calc(78 * var(--u));width:calc(24 * var(--u));height:calc(8 * var(--u));gap:calc(2.2 * var(--u))}.btn-random__die{width:calc(4.4 * var(--u));height:calc(4.4 * var(--u))}.btn-random__text{font-size:calc(2.8 * var(--u))}}.screen-play{position:absolute;inset:0}.screen-play>*{position:absolute}.score-panel{left:calc(18 * var(--u));top:calc(7 * var(--u));width:calc(64 * var(--u));padding:calc(1.3 * var(--u)) calc(2 * var(--u)) calc(1.1 * var(--u));border-radius:calc(1.4 * var(--u));align-items:stretch;gap:calc(.9 * var(--u));z-index:1;flex-direction:column;display:flex}.score-row{justify-content:space-between;align-items:center;gap:calc(1.5 * var(--u));display:flex}.score-half{flex-direction:column;flex:1 1 0;align-items:center;min-width:0;display:flex}.score-label{font-family:var(--font-display);font-weight:700;font-size:calc(2 * var(--u));letter-spacing:.085em;opacity:.85;line-height:1}.score-value{font-family:var(--font-display);font-weight:700;font-size:calc(5.4 * var(--u));margin-top:calc(.35 * var(--u));letter-spacing:.014em;font-variant-numeric:tabular-nums;line-height:1}.runs{color:var(--yellow)}.best{color:var(--white)}.timer{width:calc(15 * var(--u));height:calc(3.6 * var(--u));border-radius:calc(1.8 * var(--u));font-family:var(--font-display);font-weight:700;font-size:calc(2.7 * var(--u));font-variant-numeric:tabular-nums;letter-spacing:.04em;box-shadow:0 calc(.25 * var(--u)) calc(1 * var(--u)) #00000080;background:#080c14f2;border:1px solid #f2b70580;flex:none;justify-content:center;align-items:center;line-height:1;display:flex}.timer.is-urgent{color:#ff5a4d;transform-origin:50%;animation:1s ease-in-out infinite timer-pulse}@keyframes timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.best.is-beaten{color:var(--gold)}.score-foot{justify-content:space-between;align-items:center;gap:calc(2 * var(--u));padding-top:calc(.8 * var(--u));border-top:1px solid #ffffff1f;display:flex}.pitcher{align-items:center;gap:calc(1.2 * var(--u));display:flex}.pitcher__label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pitcher__balls{gap:calc(1 * var(--u));display:flex}.ball{width:calc(2.4 * var(--u));height:calc(2.4 * var(--u));border:calc(.22 * var(--u)) solid #ffffff73;border-radius:50%;flex:none}.ball>svg{width:100%;height:100%;display:none}.ball.is-on{border:0}.ball.is-on>svg{display:block}.strike-zone{left:calc(40 * var(--u));top:calc(116 * var(--u));width:calc(20 * var(--u));height:calc(25 * var(--u))}.counts-row{align-items:center;gap:calc(1.8 * var(--u));display:flex}.counts{align-items:center;gap:calc(.7 * var(--u));display:flex}.counts__label{font-size:calc(1.8 * var(--u));letter-spacing:.05em;opacity:.85;line-height:1}.counts__dots{gap:calc(.6 * var(--u));display:flex}.counts .dot{width:calc(1.7 * var(--u));height:calc(1.7 * var(--u));border:calc(.2 * var(--u)) solid #ffffff80;border-radius:50%;flex:none}.counts .dot.is-on{background:var(--green);box-shadow:0 0 calc(.7 * var(--u)) #3ddc3dbf;border-color:#00000073}.banner{left:0;right:0;top:calc(70 * var(--u));align-items:center;gap:calc(.5 * var(--u));text-align:center;opacity:0;visibility:hidden;text-shadow:0 calc(.4 * var(--u)) calc(1.2 * var(--u)) #000000bf;flex-direction:column;transition:opacity .14s ease-out;display:flex}.banner.is-visible{opacity:1;visibility:visible}.banner.is-visible .banner__text{animation:.38s cubic-bezier(.2,1.5,.4,1) banner-pop}@keyframes banner-pop{0%{opacity:0;transform:scale(.5)}55%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.banner__text{font-family:var(--font-display);text-transform:uppercase;font-weight:700;line-height:1;font-size:calc(5 * var(--u))}.banner.is-hr .banner__text{font-size:calc(9 * var(--u));color:var(--yellow)}.banner__dist{font-family:var(--font-display);font-weight:700;font-size:calc(3.8 * var(--u));line-height:1}.banner__dist:empty,.banner__text:empty{display:none}.banner.is-flight-dist .banner__dist{font-size:calc(6 * var(--u));color:var(--white)}.banner.is-out .banner__dist{font-size:calc(3.4 * var(--u))}@media (orientation:landscape){.score-panel{left:calc(56.89 * var(--u));top:calc(3 * var(--u));width:calc(64 * var(--u))}.strike-zone{left:calc(92 * var(--u));top:calc(56 * var(--u));width:calc(20 * var(--u));height:calc(25 * var(--u))}.banner{top:calc(38 * var(--u))}}.zone-fx{left:calc(39 * var(--u));top:calc(113.25 * var(--u));width:calc(22.05 * var(--u));height:calc(28.05 * var(--u));pointer-events:none}.zone-cells{grid-template-rows:33.96% 32.63% 33.42%;grid-template-columns:34.14% 32.5% 33.36%;display:grid;position:absolute;inset:0}.zone-cell{background:0 0;transition:background-color 90ms ease-out,box-shadow 90ms ease-out}.zone-cell.is-lit{box-shadow:inset 0 0 calc(1.2 * var(--u)) #f5c4008c;background:#f5c40047}.zone-cell.is-lit.is-out{box-shadow:inset 0 0 calc(1.2 * var(--u)) #d0342c80;background:#d0342c42}.timing-ring{border:calc(.5 * var(--u)) solid #ffffff8c;border-radius:calc(1.2 * var(--u));transform:scale(var(--ring-scale,1.35));will-change:transform;opacity:0;visibility:hidden;justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0}.timing-ring.is-visible{opacity:1;visibility:visible}.timing-ring.is-assist{border-color:var(--gold);box-shadow:0 0 calc(2.4 * var(--u)) #f2b7058c, inset 0 0 calc(1.6 * var(--u)) #f2b70559}.timing-ring__now{margin-top:calc(-4 * var(--u));font-family:var(--font-display);text-transform:uppercase;font-weight:700;font-size:calc(2.6 * var(--u));letter-spacing:.06em;color:var(--gold);text-shadow:0 calc(.3 * var(--u)) calc(.6 * var(--u)) #000000bf;opacity:0;line-height:1;transition:opacity 90ms ease-out}.timing-ring.is-assist .timing-ring__now{opacity:1}.strike-zone.is-gold g{stroke:var(--gold);stroke-opacity:1}.strike-zone.is-gold{filter:drop-shadow(0 0 calc(.9 * var(--u)) #f2b705bf)}.strike-zone.is-whiff{animation:.32s ease-out zone-whiff}.strike-zone.is-whiff g{stroke:#ff5a4a}@keyframes zone-whiff{0%,to{transform:translate(0)}20%{transform:translateX(calc(-.8 * var(--u)))}40%{transform:translateX(calc(.8 * var(--u)))}60%{transform:translateX(calc(-.5 * var(--u)))}80%{transform:translateX(calc(.5 * var(--u)))}}.play-callout{left:calc(30 * var(--u));width:calc(40 * var(--u));top:calc(142.5 * var(--u));text-align:center;font-family:var(--font-display);text-transform:uppercase;font-weight:700;font-size:calc(2.4 * var(--u));letter-spacing:.06em;white-space:nowrap;text-shadow:0 calc(.4 * var(--u)) calc(1.2 * var(--u)) #000c;opacity:0;visibility:hidden;pointer-events:none;line-height:1;transform:scale(.7)}.play-callout.is-gold{color:var(--gold)}.play-callout.is-red{color:#ff5a4a}.play-callout.is-white{color:var(--white)}.play-callout.is-visible{opacity:1;visibility:visible;animation:.32s cubic-bezier(.2,1.6,.4,1) forwards callout-pop}@keyframes callout-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@media (orientation:landscape){.play-callout{left:calc(82 * var(--u));width:calc(40 * var(--u));top:calc(82.5 * var(--u));font-size:calc(2.2 * var(--u))}}.play-hint{left:calc(6 * var(--u));right:calc(6 * var(--u));top:calc(152 * var(--u));text-align:center;font-size:calc(2.9 * var(--u));color:var(--yellow);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease-out}.play-hint.is-visible{opacity:1;visibility:visible}@media (orientation:landscape){.zone-fx{left:calc(91 * var(--u));top:calc(53.25 * var(--u));width:calc(22 * var(--u));height:calc(27.8 * var(--u))}.play-hint{top:calc(92 * var(--u))}}.screen-play .zone-fx,.screen-play .strike-zone,.screen-play .pitcher{transition:opacity .12s ease-out,visibility .12s}.screen-play.is-flight .zone-fx,.screen-play.is-flight .strike-zone,.screen-play.is-flight .pitcher{opacity:0;visibility:hidden}.screen-play .banner{transition:opacity .14s ease-out,top .16s ease-out}.screen-play.is-flight .banner{top:calc(46 * var(--u))}@media (orientation:landscape){.screen-play.is-flight .banner{top:calc(28 * var(--u))}}@keyframes bat-wake-pulse{0%,to{opacity:.25}50%{opacity:1}}.bat-wake{left:calc(8 * var(--u));right:calc(8 * var(--u));top:calc(88 * var(--u));justify-content:center;align-items:center;gap:calc(2.2 * var(--u));padding:calc(1.9 * var(--u)) calc(3 * var(--u));border:calc(.3 * var(--u)) solid var(--gold);border-radius:calc(2.2 * var(--u));color:var(--gold);font-family:var(--font-display);text-transform:uppercase;font-weight:700;font-size:calc(4 * var(--u));letter-spacing:.05em;text-align:center;opacity:0;visibility:hidden;box-shadow:0 calc(.4 * var(--u)) calc(1.6 * var(--u)) #0000008c;pointer-events:none;z-index:3;background:#080c14f0;line-height:1.05;transition:opacity .16s ease-out;display:flex}.bat-wake:after{content:"";border-radius:inherit;box-shadow:0 0 calc(3.4 * var(--u)) #f2b705b3;opacity:0;pointer-events:none;position:absolute;inset:0}.bat-wake.is-visible{opacity:1;visibility:visible}.bat-wake.is-visible:after{animation:1.1s ease-in-out infinite bat-wake-pulse}.bat-wake__icon{width:calc(5.4 * var(--u));height:calc(5.4 * var(--u));flex:none}.swing-track{left:calc(36 * var(--u));top:calc(143.5 * var(--u));width:calc(28 * var(--u));height:calc(4.2 * var(--u));border-radius:calc(2.1 * var(--u));opacity:0;visibility:hidden;pointer-events:none;z-index:2;background:#080c148c;border:1px solid #ffffff8c;transition:opacity .2s ease-out}.swing-track.is-visible{opacity:1;visibility:visible}.swing-track__plate{width:calc(.3 * var(--u));background:var(--yellow);position:absolute;top:0;bottom:0;transform:translate(-50%)}.swing-track__dot{width:calc(2 * var(--u));height:calc(2 * var(--u));background:var(--white);box-shadow:0 0 calc(.6 * var(--u)) #0009;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.swing-track__dot.is-crossed{background:var(--gold)}.screen-play.is-flight .swing-track{opacity:0;visibility:hidden}@media (orientation:landscape){.swing-track{left:calc(88 * var(--u));top:calc(83 * var(--u))}.bat-wake{left:calc(46 * var(--u));right:calc(46 * var(--u));top:calc(81 * var(--u));font-size:calc(4.4 * var(--u))}}@media (prefers-reduced-motion:reduce){.bat-wake.is-visible:after{animation:none}}.nav-buttons{z-index:10;pointer-events:none;position:absolute;inset:0}.nav-buttons[hidden]{display:none}.nav-btn{top:calc(2 * var(--u));width:calc(7 * var(--u));height:calc(7 * var(--u));justify-content:center;align-items:center;gap:calc(1.2 * var(--u));border-radius:calc(3.5 * var(--u));color:var(--white);cursor:none;pointer-events:auto;box-shadow:0 calc(.4 * var(--u)) calc(1.4 * var(--u)) #0006;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#0e141e9e;border:1px solid #ffffff38;padding:0;transition:width .18s ease-out,background-color .12s ease-out,border-color .12s ease-out,opacity .16s ease-out;display:flex;position:absolute;overflow:hidden}.nav-btn[hidden]{display:none}.nav-btn>svg{width:calc(3.6 * var(--u));height:calc(3.6 * var(--u));flex:none}.nav-buttons.is-ghost .nav-btn:not(.is-armed){opacity:0;box-shadow:none}.nav-btn--back{left:calc(2.5 * var(--u))}.nav-btn--home{right:calc(2.5 * var(--u));flex-direction:row-reverse}.nav-btn:active{background:#ffffff2e}.nav-btn__text{font-size:calc(3 * var(--u));color:var(--yellow);line-height:1;display:none}.nav-btn.is-armed{width:calc(21 * var(--u));padding:0 calc(2 * var(--u));box-shadow:0 calc(.4 * var(--u)) calc(1.4 * var(--u)) #0006, 0 0 calc(1.6 * var(--u)) #f2b70559;background:#080c14eb;border-color:#f2b705bf}.nav-btn.is-armed .nav-btn__text{display:block}@media (orientation:landscape){.nav-btn{top:calc(1 * var(--u));width:calc(4.8 * var(--u));height:calc(4.8 * var(--u));border-radius:calc(2.4 * var(--u));gap:calc(1 * var(--u))}.nav-btn>svg{width:calc(2.6 * var(--u));height:calc(2.6 * var(--u))}.nav-btn--back{left:calc(1 * var(--u))}.nav-btn--home{right:calc(1 * var(--u))}.nav-btn__text{font-size:calc(2.2 * var(--u))}.nav-btn.is-armed{width:calc(15 * var(--u));padding:0 calc(1.4 * var(--u))}}