:root{font-family:Arial,Helvetica,sans-serif;color:#173e35;background:#f4efdf;font-synthesis:none;font-weight:400;--ink:#173e35;--cream:#f9f0d9;--orange:#ec7645;--lime:#e6ef82}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #ed7948;outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}.app-shell{max-width:1920px;margin:auto;padding:0 32px}.site-header{height:97px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px}.brand>span{font-family:Impact,Arial Narrow,sans-serif;font-size:30px;letter-spacing:.5px;line-height:.95;transform:rotate(-2deg)}.brand small{display:block;letter-spacing:5.1px;font-size:10px;font-family:Arial,sans-serif;font-weight:800;margin-top:8px}.ball-icon{width:49px;height:49px;color:#e6a95e;transform:rotate(-22deg)}.ball-icon.small{width:24px;height:24px}.header-center{font-size:10px;font-weight:800;letter-spacing:1.7px;display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;background:#df7646;border-radius:50%}.header-actions{display:flex;align-items:center;gap:22px}.icon-button{background:none;font-size:11px;font-weight:700;color:var(--ink)}.help-button{border-bottom:1px solid #a7ad95;padding:8px 0;background:none;font-size:11px;letter-spacing:1px;font-weight:800}.help-button span{margin-left:12px;font-size:19px}main{height:calc(100dvh - 137px);min-height:590px;max-height:1100px;display:flex;flex-direction:column}.game-frame{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:12px 12px 0 0;background:#b9d8cd;border:1px solid #34594a}.game-surface{position:absolute;inset:0;cursor:crosshair}.game-surface canvas{display:block;touch-action:none}.hud{position:absolute;inset:0;pointer-events:none}.hud button{pointer-events:auto}.venue{position:absolute;top:25px;left:25px;display:flex;flex-direction:column;gap:9px}.venue-tag{align-self:flex-start;background:var(--orange);color:#173e35;padding:8px 12px;font-weight:900;letter-spacing:1px;font-size:11px;transform:rotate(-2deg);box-shadow:2px 3px #173e3526}.venue-sub{font-size:9px;font-weight:800;letter-spacing:1.4px;text-shadow:0 1px #fff6}.scoreboard{position:absolute;right:25px;top:25px;width:284px;background:#173e35f0;color:var(--cream);border-radius:5px;box-shadow:0 5px #102d2824;border:1px solid #ecdeb839}.scoreboard-title{padding:11px 15px;border-bottom:1px solid #e4e5b42b;display:flex;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:1.6px}.practice-light{width:6px;height:6px;border-radius:50%;background:#e8ef83;box-shadow:0 0 9px #e8ef83}.score-row{display:flex;text-align:center;padding:12px 3px}.score-row>div{flex:1;border-right:1px solid #e4e5b42b}.score-row>div:last-child{border:0}.score-row small{font-size:8px;letter-spacing:1.1px;color:#c1cba8;display:block;margin-bottom:4px;font-weight:700}.score-row strong{font:33px Impact,Arial Narrow,sans-serif;letter-spacing:1px}.score-row em{font:9px Arial;margin-left:3px}.scoreboard-bottom{display:flex;justify-content:space-between;border-top:1px solid #e4e5b42b;padding:9px 12px;font-size:8px;letter-spacing:.5px;color:#ced4b7}.pause-button{position:absolute;right:25px;top:187px;width:35px;height:32px;border:1px solid #173e3559;border-radius:4px;background:#f6efdbb3;color:var(--ink);font-size:17px;font-weight:700}.callout{position:absolute;top:28px;left:50%;width:43%;transform:translate(-50%);text-align:center;animation:arrive .28s ease-out}.callout-eyebrow{font-size:8px;font-weight:900;letter-spacing:2px;margin-bottom:7px;opacity:.7}.callout h1{font-family:Impact,Arial Narrow,sans-serif;text-transform:uppercase;font-size:clamp(18px,2vw,32px);font-weight:400;margin:0 0 6px;letter-spacing:.4px}.callout p{font-size:10px;margin:0;line-height:1.4}.batter-card{position:absolute;bottom:23px;left:25px;background:#f9f1dbef;padding:17px 18px 12px;border-radius:5px;width:255px;box-shadow:0 4px #2b51342b;border:1px solid #fff5ddaa}.batter-heading{display:flex;align-items:center;gap:12px}.jersey-number{font:37px Impact,sans-serif;color:#df7040;border-right:1px solid #c2c5a9;padding-right:12px}.batter-heading small{font-size:8px;letter-spacing:1.5px;font-weight:800}.batter-heading h2{font:23px Impact,sans-serif;letter-spacing:.4px;margin:3px 0}.batter-heading p{font-size:9px;margin:0;opacity:.65}.ratings{margin-top:14px;display:flex;flex-direction:column;gap:7px}.ratings>div{display:flex;align-items:center;gap:10px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.ratings>div>span{width:49px}.rating-track{height:5px;background:#d8d6b9;flex:1;border-radius:2px;overflow:hidden}.rating-track i{display:block;background:#df7844;height:100%}.ratings>div:last-child i{background:#8c9c6a}.ratings b{width:15px;text-align:right}.scouting-note{font-size:9px;border-top:1px solid #cecfb6;margin:13px 0 0;padding-top:10px;font-style:italic}.pitch-meter{position:absolute;width:300px;left:50%;transform:translate(-50%);bottom:27px;background:#183e36e6;border:1px solid #ffffb730;color:var(--cream);padding:13px 16px 10px;border-radius:5px}.pitch-meter>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:9px;font-weight:800}.pitch-meter small{font-size:7px;opacity:.5;letter-spacing:1px}.timing-track{height:7px;background:#ffffff20;position:relative;border-radius:2px}.contact-window{position:absolute;right:0;top:0;height:100%;width:9%;background:#e5ee80}.timing-track i{position:absolute;height:17px;width:3px;top:-5px;background:#f9eed2;transform:translate(-50%);box-shadow:0 0 9px #f9eed240}.plate-marker{position:absolute;right:0;top:-3px;width:1px;height:13px;background:#f9eed2}.meter-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:7px;letter-spacing:1.3px;color:#c2cbb0}.pitch-meter.active{border-color:#eeed9459}.field-watermark{position:absolute;bottom:29px;right:26px;font-size:7px;letter-spacing:3px;text-align:right;color:#f8efc8;text-shadow:0 1px 7px #23452d}.field-watermark span{display:block;font:26px Impact,sans-serif;line-height:1.02;letter-spacing:1px;margin-top:8px;transform:rotate(-4deg)}.distance-badge{position:absolute;top:45%;right:27px;color:var(--cream);background:#173e35ee;padding:15px 18px;border-radius:6px;text-align:center;min-width:170px}.distance-badge>small{font-size:8px;letter-spacing:1.5px}.distance-badge strong{display:block;font:58px Impact,sans-serif}.distance-badge strong span{font:12px Arial;margin-left:5px}.distance-badge p{font-size:8px;letter-spacing:.5px;margin:4px 0}.control-bar{min-height:100px;background:#173e35;color:#f6ecd0;border-radius:0 0 12px 12px;padding:17px 25px;display:flex;align-items:center;gap:24px;justify-content:space-between}.aim-help{display:flex;align-items:center;gap:12px;flex:1}.crosshair-icon{font-size:35px;color:#c0cda4;font-weight:100}.aim-help strong{font-size:9px;letter-spacing:1px;display:block}.aim-help small{display:block;font-size:9px;color:#aebfa6;margin-top:6px}.swing-controls{display:flex;align-items:center;gap:15px}.swing-button{padding:15px 20px;background:#f4edcf;color:#1b4036;display:flex;align-items:center;gap:13px;font-size:12px;font-weight:900;letter-spacing:1px;border-radius:4px;box-shadow:0 3px #0e2d27}.swing-button.is-power{background:#ed8950}.swing-button>span{font-size:20px}kbd{font-family:Arial,Helvetica,sans-serif;font-size:8px;border:1px solid currentColor;border-radius:3px;padding:4px 5px;font-weight:700;letter-spacing:.5px}.power-toggle{background:none;color:#a7b99b;font-size:9px;font-weight:800;white-space:nowrap}.power-toggle kbd{margin-right:5px}.power-toggle.selected{color:#f6c489}.ability-button{background:#2f5344;border:1px solid #789068;color:#f3f0c6;display:flex;align-items:center;gap:12px;text-align:left;padding:13px 15px;border-radius:5px;position:relative;overflow:hidden;margin-left:auto;min-width:235px}.ability-button:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:var(--charge);background:#e4ed81;transition:width .3s}.ability-symbol{font-size:29px;color:#e6ee8b}.ability-button strong{font-size:11px;letter-spacing:1px}.ability-button small{display:block;font-size:9px;margin-top:4px;color:#c9d3ab}.ability-button kbd{margin-left:auto}.ability-button.armed{background:#75622f;border-color:#f0d077;box-shadow:0 0 25px #efc05d19}.debug-button{background:transparent;color:#b2c09c;font-size:21px;padding:10px 0 10px 8px}.debug-button.selected{color:#ed8b50}footer{height:40px;display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:1px;color:#7e8973}footer span:first-child{display:flex;align-items:center;gap:6px}footer i{height:5px;width:5px;border-radius:50%;background:#7a9a63}footer b{margin-left:12px;margin-right:10px;color:#a8af96}footer b:last-child{color:var(--ink);margin-right:0}.developer-panel{position:absolute;right:72px;top:190px;width:285px;z-index:3;background:#132e29ef;color:#f1eccd;padding:17px;border:1px solid #839575;border-radius:5px;font-size:10px;box-shadow:0 8px 30px #112e2933}.developer-panel h3{font-size:9px;letter-spacing:1px;margin:0 0 13px;display:flex;justify-content:space-between}.developer-panel h3 span{color:#ee9b60}.developer-panel>div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #ffffff12}.developer-panel b{font-family:monospace;font-size:10px;color:#dce98e}.developer-panel>small{display:block;line-height:1.5;font-size:8px;color:#a3b89c;margin-top:12px}.modal-backdrop{position:fixed;inset:0;background:#0c2929b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:10;padding:20px}.modal{position:relative;width:min(760px,100%);background:#f7efda;border-radius:9px;padding:42px;box-shadow:0 18px #102e2b4d;max-height:95dvh;overflow:auto}.close-modal{position:absolute;right:20px;top:14px;background:none;color:var(--ink);font-size:32px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:900;color:#b76940}.modal h2{font:58px/.96 Impact,Arial Narrow,sans-serif;letter-spacing:1px;margin:14px 0 18px}.modal h2 em{color:#dc7443;font-style:normal}.modal>p{font-size:12px;max-width:470px;line-height:1.7;color:#65735a}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 35px;margin:28px 0}.help-grid kbd{color:#6d7e5a;font-size:8px}.help-grid h3{font-size:14px;margin:12px 0 6px}.help-grid p{font-size:11px;line-height:1.7;color:#69755e;margin:0}.help-note{border-top:1px solid #d1d2b8;font-size:10px;color:#758164;padding:18px 0}.primary-button{background:#e77b45;padding:17px 22px;border-radius:4px;color:#173e35;font-size:11px;letter-spacing:1px;font-weight:900;box-shadow:0 3px #ba5e32}.pause-modal{width:420px;text-align:center}.pause-modal h2{font-size:66px}.pause-modal button{display:block;width:100%;margin-top:14px}.secondary-button{background:#e5e4c9;color:var(--ink);padding:15px;font-size:10px;font-weight:700;border-radius:4px}.text-button{background:none;font-size:9px;letter-spacing:1px;color:#68755b;padding:14px}.pause-modal>small{font-size:9px;line-height:1.5;color:#82906f}.home-run{position:absolute;inset:23% 20% auto;text-align:center;transform:rotate(-7deg);color:#f4ecbd;animation:homeRun .45s cubic-bezier(.19,1,.22,1);text-shadow:4px 5px 0 #174438,-2px -2px 0 #174438,2px -2px 0 #174438,-2px 2px 0 #174438;z-index:2;pointer-events:none}.home-run>span{font-size:11px;font-weight:900;letter-spacing:6px;color:#fff4ce}.home-run strong{display:block;font:clamp(90px,10vw,160px)/.8 Impact,"Arial Narrow",sans-serif;letter-spacing:2px;color:#f7dc73;margin:20px 0}.home-run small{font-size:9px;font-weight:900;letter-spacing:2px}.gpu-error{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:30px;background:#173e35;color:#f7ebcd;z-index:5}@keyframes arrive{0%{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}@keyframes homeRun{0%{opacity:0;scale:1.5}to{opacity:1;scale:1}}@media(min-width:1600px){.batter-card{width:280px;padding:20px}.control-bar{gap:40px}.aim-help{flex:0 1 370px}.swing-controls{gap:30px}.game-frame .callout{top:42px}}@media(max-width:1100px){.app-shell{padding:0 18px}.header-center{display:none}.control-bar{gap:12px;padding:16px}.aim-help strong,.aim-help small{font-size:8px}.power-toggle kbd{display:none}.swing-button{padding:13px;gap:9px}.ability-button{min-width:200px;padding:12px}.venue{top:20px;left:20px}.scoreboard{right:20px;width:235px}.callout{top:95px;width:50%}.batter-card{width:220px;left:20px}.batter-heading h2{font-size:19px}.pitch-meter{width:260px}.field-watermark{right:20px}}@media(max-width:800px){.app-shell{padding:0 10px}.site-header{height:78px}.brand>span{font-size:24px}.brand small{font-size:8px;letter-spacing:4px}.ball-icon{width:40px;height:40px}.header-actions{gap:13px}.help-button,.icon-button{font-size:9px}main{height:calc(100dvh - 108px);min-height:610px}.scoreboard{width:205px;top:16px;right:16px}.score-row{padding:9px 2px}.score-row strong{font-size:28px}.scoreboard-bottom{font-size:6px}.scoreboard-title{font-size:8px;padding:9px 12px}.venue{left:16px;top:16px}.venue-sub{font-size:7px;max-width:135px;line-height:1.6}.venue-tag{font-size:9px}.pause-button{right:16px;top:155px}.callout{top:155px;width:85%}.callout h1{font-size:23px}.callout p{font-size:9px}.batter-card{width:180px;padding:12px;bottom:16px;left:16px}.jersey-number{font-size:26px;padding-right:8px}.batter-heading{gap:8px}.batter-heading h2{font-size:16px}.batter-heading small{font-size:6px}.batter-heading p{font-size:7px}.scouting-note{display:none}.ratings{gap:6px;margin-top:10px}.ratings>div{font-size:7px;gap:6px}.ratings>div>span{width:45px}.pitch-meter{left:auto;right:16px;bottom:16px;transform:none;width:215px;padding:10px}.pitch-meter>div:first-child{font-size:8px}.pitch-meter small,.field-watermark{display:none}.control-bar{flex-wrap:wrap;min-height:135px;gap:10px;justify-content:center;padding:13px}.aim-help{flex:1}.crosshair-icon{font-size:27px}.swing-controls{order:2;width:100%;justify-content:center}.swing-button{padding:11px 20px;min-width:210px;justify-content:center}.ability-button{min-width:170px;padding:8px 11px;gap:8px}.ability-button strong{font-size:9px}.ability-button small{font-size:8px}.ability-symbol{font-size:24px}.debug-button{padding:5px}.power-toggle kbd{display:inline-block}footer{height:30px;font-size:6px;letter-spacing:.5px}footer span:last-child{font-size:6px}.developer-panel{right:16px;top:195px;width:260px}.distance-badge{top:42%;right:16px;padding:10px;min-width:135px}.distance-badge strong{font-size:44px}.distance-badge p{font-size:7px}.home-run{inset:31% 3% auto}.home-run strong{font-size:100px}}@media(max-width:450px){.batter-card{width:158px}.batter-heading h2{font-size:14px}.pitch-meter{width:170px}.pitch-meter>div:first-child{font-size:7px}.header-actions{gap:8px}.help-button span{margin-left:3px}.scoreboard{width:185px}.venue-tag{font-size:8px}.venue-sub{max-width:100px;font-size:6px}.scoreboard-bottom{font-size:5.5px}.modal{padding:28px}.modal h2{font-size:46px}.help-grid{gap:22px 18px}.help-grid p{font-size:10px}.help-grid kbd{font-size:6px}.help-grid h3{font-size:12px}.aim-help strong,.aim-help small{font-size:7px}.ability-button{min-width:158px}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.count-row{display:flex;justify-content:space-around;padding:11px 8px;border-top:1px solid #e4e5b42b;gap:10px}.count-row>div{display:flex;flex-direction:column;gap:7px}.count-row small{font-size:7px;letter-spacing:1px;color:#c1cba8}.count-row small b{color:#f8f0d6;margin-left:5px;font-size:10px}.count-dots{display:flex;gap:5px}.count-dots i{width:8px;height:8px;border:1px solid #9bae823f;border-radius:50%;background:#0f2e28}.count-dots i.filled{background:#e6ef82;border-color:#e6ef82}.count-dots.strikes i.filled{background:#f3b56c;border-color:#f3b56c}.count-dots.outs i.filled{background:#ee875f;border-color:#ee875f}.at-bat-totals{padding:7px 12px;border-top:1px solid #e4e5b41c;display:flex;justify-content:space-between;gap:6px;color:#b6c7a1;font-size:6.5px;letter-spacing:.3px}.at-bats .pause-button{top:266px}.batting-order{display:flex;gap:5px;margin-top:11px;padding-top:10px;border-top:1px solid #cecfb6;font-size:8px}.batting-order span{flex:1;color:#72816a;border-radius:3px;padding:4px 2px;text-align:center;white-space:nowrap}.batting-order .current{background:#1f4c3e;color:#f7efce;font-weight:700}.foul-setting{display:block;text-align:left;margin:24px 0 18px;font-size:8px;letter-spacing:1px;font-weight:700}.foul-setting select{display:block;width:100%;margin-top:8px;padding:12px 9px;border:1px solid #acb796;border-radius:4px;background:#f9f3e4;color:#244a3b;font:11px Arial,sans-serif}.mode-picker{margin:14px 0 20px;border-top:1px solid #d1d2b8;padding-top:5px}.mode-option{background:#e8e6ce;border:1px solid transparent;border-radius:4px;color:#274c3d;padding:13px;font-size:9px;font-weight:700;letter-spacing:.5px;text-align:left}.mode-option.active{border-color:#688465;background:#dde2c4}.mode-option small{display:block;font-weight:400;letter-spacing:0;font-size:9px;margin-top:5px;color:#6b7e60}.round-summary{border-top:1px solid #d2d6bc;border-bottom:1px solid #d2d6bc;margin:24px 0;padding:17px 0;color:#5e7354}.round-summary>span{font-size:8px;letter-spacing:2px;font-weight:800}.round-summary p{font-size:11px;margin:10px 0 0}.pause-modal #round-title{font-size:53px}.pause-modal>.primary-button+.secondary-button{margin-bottom:15px}@media(max-width:800px){.at-bats .score-row{padding:7px 2px}.at-bats .score-row strong{font-size:25px}.count-row{padding:8px 6px;gap:5px}.count-row small{font-size:6px;letter-spacing:.5px}.count-row small b{font-size:8px;margin-left:2px}.count-dots{gap:4px}.count-dots i{width:6px;height:6px}.at-bat-totals{font-size:5px;padding:7px 8px;letter-spacing:0}.at-bats .pause-button{top:223px}.at-bats .callout{top:236px}.batting-order{font-size:6px;gap:1px;padding-top:7px;margin-top:8px}.batting-order span{padding:3px 1px}.at-bats .batter-heading small{font-size:5px;letter-spacing:1px}.pause-modal #round-title{font-size:43px}}@media(max-width:450px){.at-bats .callout{width:92%}.at-bats .callout h1{font-size:20px}.at-bats .callout p{font-size:8px}.at-bat-totals{font-size:4.5px}.pause-modal #round-title{font-size:39px}}.at-bats .batter-heading small{white-space:nowrap}@media(max-width:800px){.at-bats .callout{left:16px;top:105px;right:auto;transform:none;width:135px;text-align:left}.at-bats .callout h1{font-size:18px;line-height:1.1}.at-bats .callout-eyebrow{font-size:6px;letter-spacing:1px}.at-bats .callout p{font-size:8px;line-height:1.5}.at-bats .batter-heading small{letter-spacing:.2px}}.base-hud{position:absolute;right:25px;bottom:25px;width:169px;padding:12px 13px 9px;color:#f4edce;background:#173e35f2;border:1px solid #e6ef8240;border-radius:5px;box-shadow:0 4px #102d2824}.base-hud>div{display:flex;justify-content:space-between;gap:8px;align-items:center}.base-hud strong{font-size:8px;letter-spacing:.9px}.base-hud>div>span{font-size:5px;letter-spacing:.5px;color:#c1cba8}.base-hud svg{display:block;height:81px;width:100%;margin:7px auto}.base-hud>small{font-size:6px;letter-spacing:.5px;color:#c1cba8;display:block;text-align:center}.play-ribbon{position:absolute;top:123px;left:50%;transform:translate(-50%);max-width:45%;display:flex;flex-direction:column;text-align:center;gap:5px;background:#173e35ec;border:1px solid #e6ef8250;border-radius:5px;color:#f7efcf;padding:12px 20px;animation:arrive .2s ease-out}.play-ribbon>span{font-size:8px;letter-spacing:1.5px;color:#e6ef82;font-weight:700}.play-ribbon>strong{font-size:12px;line-height:1.4;font-weight:700}.developer-panel{max-height:calc(100% - 205px);overflow:auto}@media(max-width:1100px){.play-ribbon{top:165px;max-width:60%}}@media(max-width:800px){.base-hud{bottom:115px;right:16px;width:113px;padding:9px 9px 7px}.base-hud strong{font-size:7px;letter-spacing:.4px}.base-hud>div>span{display:none}.base-hud svg{height:64px;margin:4px auto}.base-hud>small{font-size:5px;letter-spacing:0}.play-ribbon{top:306px;max-width:84%;width:max-content;padding:9px 12px}.play-ribbon>span{font-size:7px}.play-ribbon>strong{font-size:10px}.at-bats .distance-badge{top:250px;min-width:110px}.at-bats .distance-badge strong{font-size:33px}.at-bats .distance-badge>small{font-size:6px}.at-bats .distance-badge p{font-size:6px}.at-bats .at-bat-totals{font-size:4.5px}}@media(max-height:750px)and (min-width:801px){.base-hud svg{height:58px}.base-hud{padding:9px}.play-ribbon{top:105px;padding:9px 14px}}@media(max-width:800px){.at-bats.live-play .distance-badge,.at-bats.live-play .batter-card,.at-bats.live-play .pitch-meter{display:none}.at-bats.live-play .play-ribbon{top:auto;bottom:24px}}.hud.live-play .callout,.hud.live-play .distance-badge,.hud.live-play .batter-card{display:none}.hud.live-play .play-ribbon{top:auto;bottom:18px;max-width:calc(100% - 470px);width:max-content;padding:8px 14px;gap:3px;pointer-events:none}.hud.live-play .play-ribbon>strong{font-size:10px}@media(max-width:800px){.hud.live-play .play-ribbon{bottom:16px;max-width:calc(100% - 32px);padding:7px 10px}.hud.live-play .play-ribbon>span{font-size:6px;letter-spacing:.8px}.hud.live-play .play-ribbon>strong{font-size:9px}}.quick-menu{width:min(660px,100%)}.quick-menu>p{max-width:100%}.quick-menu>.primary-button{width:100%;margin:22px 0 15px}.quick-menu>small{display:block;font-size:10px;line-height:1.8;color:#64755a;margin-top:18px}.team-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.team-choices button{text-align:left;padding:17px;background:#e6e6ca;border:2px solid transparent;border-radius:5px;color:#173e35}.team-choices .chosen{border-color:#557457;background:#dce3bd}.team-choices span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font-weight:900;font-size:11px;float:left;margin:0 12px 10px 0}.team-choices strong{display:block;font-size:15px;margin:4px 0 7px}.team-choices small{font-size:10px}.match-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.match-options label{font-size:8px;letter-spacing:1px;font-weight:700}.match-options select{display:block;margin-top:9px;width:100%;padding:11px 7px;background:#fff8e6;color:#173e35;border:1px solid #b8c3a5;border-radius:4px;font-size:11px}.quick-alternatives{display:flex;gap:12px}.quick-alternatives button{flex:1}.match-board{width:340px}.line-score{overflow-x:auto;padding:10px}.line-score table{border-collapse:collapse;width:100%;font-size:10px;text-align:center;white-space:nowrap}.line-score th,.line-score td{padding:7px 4px}.line-score thead{color:#b6c5a2;font-size:8px}.line-score tbody th{text-align:left;font-size:10px}.line-score .batting-team{background:#f1eeaa12}.line-score .total-runs{color:#eced85;font-weight:700;font-size:14px}.match-board .count-row{padding:10px}.quick-play .pause-button{top:212px}.match-result{padding:12px 0;border-top:1px solid #b6c3a1;border-bottom:1px solid #b6c3a1}.match-result>div{display:flex;align-items:center;justify-content:space-between;padding:8px 0;text-align:left;gap:16px;font-size:12px}.match-result strong{font:32px Impact,sans-serif}.match-break>p{text-align:left;line-height:1.9}.manual-controls{gap:12px;flex-wrap:wrap}.manual-controls button:not(.debug-button){background:#e8edbc;color:#173e35;border:1px solid #8b9b73;border-radius:4px;padding:12px 13px;font-size:9px;font-weight:700;white-space:nowrap}.manual-controls kbd{margin-right:7px;font-size:8px}.control-context{margin-right:auto;min-width:165px}.control-context strong{display:block;font-size:11px;letter-spacing:.6px}.control-context small{display:block;font-size:9px;line-height:1.6;color:#c1caaa;margin-top:6px;max-width:230px}.throw-buttons,.field-buttons,.run-buttons,.arc-controls,.runner-picker{display:flex;gap:6px;align-items:center}.throw-buttons button{min-width:51px}.runner-picker{flex-wrap:wrap;max-width:360px}.runner-picker button[aria-pressed=true]{background:#ed8d53}.manual-controls .runner-picker button{padding:10px}.arc-controls{font-size:9px}.manual-controls .arc-controls button{padding:7px 12px}.field-dpad,.hud.live-play .pitch-meter{display:none}.hud .play-ribbon{max-width:42%}.quick-play .batter-card .batting-order{display:none}@media(max-width:1100px){.manual-controls{justify-content:flex-start}.manual-controls button:not(.debug-button){padding:10px;font-size:8px}.control-context{min-width:140px}.match-board{width:290px}.quick-play .callout{max-width:40%;left:32%;top:70px}.throw-buttons{gap:4px}}@media(max-width:800px){.quick-menu{padding:26px}.quick-menu h2{font-size:43px}.team-choices{gap:8px;margin:15px 0}.team-choices button{padding:10px}.team-choices span{float:none;width:35px;height:35px;margin:0 0 9px}.team-choices strong{font-size:12px}.team-choices small{font-size:9px}.match-options{gap:7px}.match-options select{font-size:10px;padding:10px 3px}.quick-alternatives{gap:8px}.quick-alternatives button{font-size:8px;padding:12px 6px}.quick-menu>small{font-size:9px}.quick-play .match-board{width:192px}.line-score{padding:7px 5px}.line-score th,.line-score td{padding:5px 3px;font-size:8px}.line-score thead th{font-size:7px}.line-score tbody th{font-size:8px}.quick-play .pause-button{top:185px}.quick-play .callout{max-width:130px;left:16px;top:105px}.quick-play .play-ribbon{max-width:88%;font-size:9px}.manual-controls{min-height:150px;gap:9px;padding:12px}.control-context{flex:1}.control-context strong{font-size:10px}.control-context small{font-size:8px;max-width:190px}.manual-controls kbd{margin-right:4px;font-size:7px;padding:3px}.manual-controls button:not(.debug-button){font-size:8px;padding:9px 8px}.throw-buttons{gap:5px}.throw-buttons button{min-width:49px}.field-buttons{gap:5px}.manual-controls .debug-button{margin-left:auto}.field-dpad{display:flex;gap:5px}.field-dpad button{touch-action:none;min-width:34px}.runner-picker{max-width:100%}.run-buttons{width:100%;justify-content:center;gap:9px}.manual-controls .run-buttons button{padding:12px}.quick-play.live-play .batter-card{display:none}.manual-controls .arc-controls{font-size:8px}}.compact-score{display:none}.line-score{pointer-events:auto}@media(max-width:800px){.quick-play.live-play .callout,.quick-play.live-play .venue,.quick-play.live-play .line-score{display:none}.quick-play.live-play .compact-score{display:flex;justify-content:space-around;padding:8px;font-size:9px}.compact-score b{color:#eced85;margin-left:12px}.quick-play.live-play .pause-button{top:125px}}.ability-control{width:300px;flex-shrink:0;--ability-color: #ffe477}.ability-control .ability-button{width:100%;min-width:0;height:54px;border-color:var(--ability-color)}.ability-control .ability-button.armed{color:var(--ability-color)}.manual-controls .ability-control .ability-button{background:#2f5344;color:#f3f0c6;border-color:var(--ability-color);white-space:normal}.manual-controls .ability-control .ability-button.armed{background:#75622f;color:var(--ability-color)}.ability-control .ability-button:after{display:none}.control-context select{display:block;width:205px;max-width:100%;margin-top:5px;border:1px solid #8b9b73;border-radius:3px;background:#254a3c;color:#e8edbc;padding:5px;font-size:9px}.ability-explanation{display:block;font-size:10px;line-height:1.35;margin:5px 0;color:#aebca3}.charge-track{display:block;height:3px;background:#324c3b;overflow:hidden;border-radius:3px}.charge-track i{display:block;height:100%;width:var(--charge);background:var(--ability-color);transition:width .2s}.active-abilities{position:absolute;top:118px;left:22px;display:flex;flex-direction:column;gap:6px;max-width:230px;pointer-events:none}.active-abilities>span{padding:7px 10px;color:var(--ability-color);border:1px solid var(--ability-color);border-radius:5px;background:#17382eef;font-size:11px}.active-abilities b{margin-left:6px;font-variant-numeric:tabular-nums}.active-abilities small{display:block;color:#e2e5c7;margin-top:3px}@media(max-width:1100px){.manual-controls .ability-control{width:240px}}@media(max-width:700px){.ability-control,.manual-controls .ability-control{width:100%;flex-basis:100%}.ability-control .ability-button{height:44px}.ability-explanation{margin:3px 0;font-size:9px}.active-abilities{left:12px;top:195px;max-width:150px}.live-play .active-abilities{top:110px}.active-abilities>span{padding:4px 7px;font-size:9px}}.room-backdrop{z-index:100}.room-menu{max-width:700px;max-height:92vh;overflow-y:auto}.room-field{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:800;letter-spacing:.08em;margin:16px 0}.room-field input,.room-invite input{min-width:0;padding:12px;border:1px solid #a4af91;border-radius:4px;background:#fff9e7;color:#183e32;font:inherit;font-size:15px}.room-code{font-size:30px;letter-spacing:.15em;-webkit-user-select:all;user-select:all}.room-invite{display:flex;gap:10px;align-items:center}.room-invite input{flex:1;font-size:12px}.room-invite button{width:auto;white-space:nowrap}.room-players{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.room-players>div{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid #a4af91}.room-players strong,.room-players small{font-size:11px}.room-players span{font-size:20px;overflow-wrap:anywhere}.room-error{padding:12px;background:#ffe0cb;color:#843f24}.room-join{display:flex;align-items:end;gap:12px;margin:20px 0}.room-join .room-field{flex:1;margin:0}.room-join button{width:auto;margin:0}.online-status{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:10px;font-size:11px;background:#183e32;color:#fff4d6}.online-status button{border:1px solid #a4af91;background:transparent;color:inherit;padding:5px 10px;cursor:pointer}.base-hud svg{pointer-events:auto}.base-hud svg [role=button]{cursor:pointer;outline:none}.base-hud svg [role=button]:focus-visible{outline:2px solid #e6ef82}.runner-picker button small{display:block;font-size:9px;margin-top:4px}.runner-destinations{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.runner-destinations button{padding:10px 8px;color:#fff4d6;background:#315744;border:1px solid #91a37b;cursor:pointer;font-size:11px;font-weight:800}@media(max-width:700px){.room-invite,.room-join{flex-direction:column;align-items:stretch}.room-players>div{padding:10px}.room-code{font-size:24px}}