:root{--ink:#18241f;--cream:#f7f0db;--gold:#f2c03d;--red:#bb4634;--muted:#adb49d;--line:#d7d4bc}*{box-sizing:border-box}html{background:var(--ink);color:var(--cream)}body{margin:0;font-family:Arial,Helvetica,sans-serif;overscroll-behavior-y:contain}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button[hidden],[hidden]{display:none!important}.page{width:min(1280px,calc(100% - 40px));margin:auto}.masthead{height:65px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-family:Georgia,serif;font-size:21px;font-weight:900;font-style:italic;line-height:1}.brand-p{width:42px;height:42px;object-fit:cover;border-radius:50%}.brand small{display:block;font:700 8px/1.8 Arial,sans-serif;letter-spacing:5px;font-style:normal}.top-right{display:flex;gap:10px;align-items:center}.playtest{font:700 11px/1 monospace;letter-spacing:1px;margin-right:15px;color:#c1c8b2}.playtest b{color:var(--gold);margin-left:5px}.icon-button{height:36px;min-width:36px;border:1px solid #6d7c63;background:transparent;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:900}.icon-button:hover{background:#344332}#sound{padding:0 9px;font:700 11px monospace}#sound-icon{font-size:20px}.help-button{font:900 22px Georgia,serif}.cabinet{border:2px solid #657553;background:var(--ink);height:calc(100svh - 103px);min-height:550px;max-height:950px;overflow:hidden;box-shadow:5px 5px 0 #0d1712}.scoreboard{position:relative;display:flex;align-items:center;justify-content:center;gap:44px;background:var(--ink);height:43px;padding:0 46px 0 15px;color:var(--cream);border-bottom:2px solid #526447}.score-cell{display:flex;align-items:baseline;gap:10px}.score-cell>span{font:700 11px/1.2 monospace;letter-spacing:1px;color:#c6cfb4}.score-cell strong{font:900 23px/1 monospace;font-variant-numeric:tabular-nums;color:var(--gold)}.score-cell b{font-weight:inherit}.score-cell em{font:700 11px/1 monospace;font-style:normal;color:#aeb4a1;margin-left:4px}.pause-button{position:absolute;right:8px;top:6px;border:1px solid #88947f;color:var(--cream);background:transparent;width:29px;height:28px;font-size:15px}.game-layout{position:relative;height:calc(100% - 43px);min-height:0;isolation:isolate}.field-wrap{position:absolute;inset:0;overflow:hidden;background:#a6c4b6}#field{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom;image-rendering:pixelated;touch-action:manipulation}.field-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 65px #18241f30}.title-art{position:absolute;left:0;right:0;top:7%;text-align:center;pointer-events:none}.title-art h1{font:900 clamp(54px,7vw,96px)/.8 Impact,'Arial Narrow',sans-serif;letter-spacing:-1px;margin:0;color:var(--cream);text-shadow:4px 4px 0 var(--ink),-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink);transform:rotate(-3deg)}.title-art h1 span{display:block;color:var(--gold);font-size:1.3em;letter-spacing:2px;margin-top:9px}.infield-callout{position:absolute;top:10%;left:10px;right:10px;text-align:center;pointer-events:none;font:900 clamp(25px,4.5vw,58px)/1 Impact,'Arial Narrow',sans-serif;color:var(--cream);letter-spacing:1px;text-shadow:3px 3px var(--ink),-1px -1px var(--ink);transform:rotate(-3deg)}.infield-callout .small{display:block;font:700 14px/1.8 monospace;letter-spacing:1px;margin-top:8px}.infield-callout.gold{color:var(--gold)}.dugout{position:absolute;inset:0;pointer-events:none}.panel{pointer-events:auto}.eyebrow{font:700 12px/1.4 monospace;letter-spacing:1.5px;color:var(--red);margin-bottom:7px}h2{font:900 29px/1.1 Georgia,serif;letter-spacing:-1px;margin:0 0 22px}#select-panel{position:absolute;bottom:0;left:0;right:0;padding:22px 28px 15px;background:linear-gradient(transparent,#18241fdc 18%,#18241ff7);display:grid;grid-template-columns:minmax(0,530px) 225px;grid-template-rows:auto auto;justify-content:center;align-items:center;gap:10px 25px}.characters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.character{display:flex;align-items:center;gap:6px;position:relative;min-height:75px;background:#263c2eed;border:1px solid #81916e;text-align:left;padding:3px 9px 3px 3px;color:var(--cream)}.character.selected{background:var(--gold);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--cream);color:var(--ink);padding:2px 8px 2px 2px}.character:hover{background:#435838}.character.selected:hover{background:#ffd567}.portrait{width:58px;height:64px;image-rendering:pixelated;flex:none}.character strong{font:900 16px/1.2 monospace;letter-spacing:1px}.character small{display:none}.selection-mark{position:absolute;right:5px;top:5px;font-size:12px;font-weight:900;visibility:hidden}.selected .selection-mark{visibility:visible}.primary{width:100%;height:57px;min-height:57px;background:var(--gold);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font:900 16px/1 monospace;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;touch-action:manipulation;transition:transform .08s,box-shadow .08s}.primary:hover{background:#ffd65b}.primary:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.primary:disabled{background:#263b2ce8;color:#bcc7aa;box-shadow:none;border-color:#80946b}.primary span{font-size:18px}.best-line{grid-column:1/-1;display:flex;justify-content:center;gap:12px;font:700 11px/1.4 monospace;color:#b9c5a5}.best-line strong{color:var(--cream)}#play-panel{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 36px));display:flex;gap:20px;align-items:center;padding:14px 17px;background:#18241fec;border:1px solid #789264;box-shadow:0 5px 20px #18241f55}.timing-box{flex:1;min-width:0;padding:0}.timing-label{display:flex;justify-content:space-between;font:700 10px/1 monospace;color:#c6d2b5;margin-bottom:12px}.timing-label span:nth-child(2){position:absolute;left:60%;display:none}.timing-track{height:22px;position:relative;background:#304430;border:1px solid #82926e;overflow:visible}.good-zone{position:absolute;left:65%;width:30%;height:100%;background:#8a966e}.hr-zone{position:absolute;left:76%;width:8%;height:100%;background:#c99032}.perfect-zone{position:absolute;left:78.5%;width:3%;height:100%;background:var(--gold)}#timing-marker{position:absolute;left:0;top:-5px;width:4px;height:30px;background:var(--cream);border:1px solid var(--ink);transform:translateX(-50%);box-shadow:1px 0 var(--ink)}.swing-button{flex:none;width:175px;height:60px;min-height:60px;font-size:23px;justify-content:center;padding:0 8px}.swing-button:disabled{font-size:13px;letter-spacing:.5px}.swing-button span{display:none}#batter-label,#play-call,#play-hint,.last-hit,.pitch-tracker,.timing-caption,.keyboard-hint{display:none}.pause-overlay{position:absolute;inset:0;background:#18241fd9;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--cream);z-index:5;padding:24px}.pause-overlay strong{font:900 52px Impact,sans-serif;letter-spacing:2px}.pause-overlay p{font-size:16px}.pause-overlay button{max-width:300px;margin-top:16px}#results-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(410px,calc(100% - 32px));padding:27px 28px 22px;background:var(--cream);border:3px solid var(--ink);box-shadow:6px 6px 0 #18241f88;color:var(--ink)}#results-panel h2{font-size:29px;margin:0 0 18px}.result-score{display:flex;gap:16px;align-items:center;margin:0 0 16px}.result-score>strong{font:900 96px/.95 Impact,'Arial Narrow',sans-serif;color:var(--red);letter-spacing:-4px}.result-score>span{font:900 21px/1.1 monospace;letter-spacing:1px}.result-stats{display:flex;justify-content:space-between;padding:16px 0;border-block:1px solid var(--line);gap:10px}.result-stats div{display:flex;flex-direction:column;gap:7px}.result-stats span{font:700 11px/1 monospace;color:#66745b}.result-stats strong{font:900 22px/1 monospace}.result-message{font-size:14px;line-height:1.5;color:#607054;margin:17px 0}.result-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}.secondary{font:700 11px/1.3 monospace;border:1px solid var(--ink);background:transparent;min-height:42px;padding:8px 10px}.secondary:hover{background:#e1ddc5}.text-button{padding:8px 0;background:none;border:0;font-size:12px;text-decoration:underline;min-height:42px}.shop-link{margin-top:18px;color:#68745e;font-size:12px;text-decoration:none;display:flex;justify-content:space-between;gap:10px;align-items:center}.shop-link strong{font:900 11px/1.3 monospace;letter-spacing:.3px;color:var(--ink);text-decoration:underline;text-underline-offset:4px}.share-status{font-size:12px;margin:8px 0 0;color:#62724e}.page-footer{display:flex;justify-content:space-between;gap:10px;padding:12px 0;font:10px/1.4 monospace;color:#91a17e}dialog{width:min(460px,calc(100% - 32px));max-height:calc(100svh - 32px);border:3px solid var(--ink);background:var(--cream);padding:35px 30px;box-shadow:8px 8px 0 #0004;color:var(--ink)}dialog::backdrop{background:#0b191dcc;backdrop-filter:blur(3px)}.close-help{position:absolute;top:10px;right:10px;width:30px;height:30px;min-width:30px;font-size:22px}.close-help+h2{margin-top:10px}dialog h2{font-size:30px;margin-top:10px}dialog ol{padding-left:24px;margin:18px 0 25px}dialog li{padding-left:5px;margin-bottom:16px;font-size:15px;line-height:1.5}dialog li strong,dialog li span{display:block}dialog li span{color:#59694f;font-size:14px}dialog .primary{justify-content:center}.privacy-note{font-size:12px;color:#647158;line-height:1.4;text-align:center;margin:17px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.page{width:calc(100% - 16px)}.masthead{height:53px}.brand{font-size:17px;gap:6px}.brand-p{width:35px;height:35px}.brand small{font-size:7px;letter-spacing:4px}.playtest{display:none}.top-right{gap:7px}.icon-button{height:33px;min-width:33px}.cabinet{height:calc(100svh - 85px);min-height:500px;max-height:none}.scoreboard{height:40px;gap:20px;padding-left:6px;padding-right:39px}.score-cell{gap:5px}.score-cell>span{font-size:9px;letter-spacing:.1px}.score-cell strong{font-size:21px}.score-cell em{font-size:9px;margin-left:2px}.score-cell:nth-child(3)>span{display:none}.game-layout{height:calc(100% - 40px)}.title-art{top:7%}.title-art h1{font-size:clamp(43px,12vw,72px)}#select-panel{padding:30px 17px 15px;display:flex;flex-direction:column;gap:13px}.characters{width:min(470px,100%);gap:8px}.character{min-height:74px;flex-direction:column;gap:0;text-align:center;padding:1px 2px 7px!important}.portrait{width:54px;height:52px}.character strong{font-size:13px}.selection-mark{font-size:11px}.primary{height:52px;min-height:52px;font-size:15px}#start{width:min(470px,100%);justify-content:center;gap:20px}.best-line{font-size:10px;gap:12px}.infield-callout{font-size:33px;top:8%}.infield-callout .small{font-size:12px;line-height:1.5;letter-spacing:.3px}#play-panel{bottom:12px;gap:14px;padding:12px;width:calc(100% - 24px)}.swing-button{width:122px;height:58px;min-height:58px;font-size:21px}.swing-button:disabled{font-size:11px}.timing-label{font-size:9px;margin-bottom:10px}.timing-track{height:19px}#timing-marker{height:27px}.page-footer{font-size:8px;padding:10px 0}.pause-overlay strong{font-size:38px}.pause-overlay p{font-size:14px}.pause-overlay button{height:48px;min-height:48px;font-size:13px;max-width:245px}#results-panel{padding:23px 21px 16px}#results-panel h2{font-size:26px;margin-bottom:15px}.result-score{margin-bottom:12px}.result-score>strong{font-size:78px}.result-score>span{font-size:18px}.result-stats{padding:13px 0}.result-stats span{font-size:10px}.result-stats strong{font-size:20px}.result-message{font-size:13px;margin:13px 0}.shop-link{font-size:11px;margin-top:15px}.shop-link strong{font-size:10px}}
@media(max-height:650px){.masthead{height:45px}.cabinet{height:calc(100svh - 70px);min-height:430px}.page-footer{padding:7px 0}.title-art{top:4%}.title-art h1{font-size:44px}#select-panel{padding-top:20px;gap:9px}.character{min-height:64px}.portrait{height:46px;width:49px}#results-panel{padding:15px 21px}#results-panel h2{font-size:23px;margin-bottom:9px}.result-score>strong{font-size:62px}.result-score>span{font-size:15px}.result-stats{padding:10px 0}.result-message{margin:10px 0}.result-actions{margin-top:8px}.shop-link{margin-top:10px}}
@media(max-height:520px) and (min-width:621px){.masthead{height:40px}.cabinet{height:calc(100svh - 48px);min-height:280px}.page-footer{display:none}.title-art{top:8%}.title-art h1{font-size:40px}#select-panel{padding:10px 20px;gap:8px 20px;grid-template-columns:minmax(0,470px) 190px;display:grid}.characters{width:auto}.character{flex-direction:row;min-height:60px}.portrait{width:46px;height:49px}.best-line{display:none}#play-panel{width:390px;padding:8px 12px;bottom:8px}.swing-button{height:46px;min-height:46px;width:125px;font-size:19px}#results-panel{width:min(690px,calc(100% - 30px));display:grid;grid-template-columns:1fr 1fr;gap:8px 25px;padding:17px 23px}.result-score{grid-column:1;grid-row:2/5;margin:0}.result-score>strong{font-size:90px}#results-panel h2{grid-column:1;grid-row:1;margin-top:15px}.result-stats{grid-column:2;grid-row:1/3}.result-message{display:none}#replay{grid-column:2;grid-row:3;min-height:44px;height:44px;font-size:13px}.result-actions{grid-column:2;grid-row:4;margin:0}.shop-link{grid-column:1/-1;margin:0}.result-actions .secondary{min-height:32px}.result-actions .text-button{min-height:32px}.result-score>span{font-size:19px}#result-eyebrow{display:none}}
@media(prefers-reduced-motion:reduce){.primary{transition:none}}

@media(max-width:760px){.cabinet[data-mode="play"] .field-wrap{bottom:94px}.cabinet[data-mode="play"] #play-panel{bottom:0;border:0;box-shadow:none;background:var(--ink);width:100%;padding:12px 15px;height:94px}}

/* The original supplied transparent PNG is displayed through its artwork bounds.
   No redraw, replacement lettering, color changes, or modification of its pixels. */
.brand{position:relative;display:block;width:144px;height:auto;aspect-ratio:1274/547;overflow:hidden;flex:none}
.brand-wordmark{position:absolute;display:block;max-width:none;width:156.985871%;height:auto;left:-28.4144427%;top:-132.723949%;object-fit:contain}
@media(max-width:760px){.brand{width:115px}}
@media(max-height:650px){.brand{width:96px}}
@media(max-height:520px) and (min-width:621px){.brand{width:86px}}

.infield-callout.long{font-size:clamp(24px,3.8vw,44px);line-height:1.08}@media(max-width:760px){.infield-callout.long{font-size:27px}}

/* Public store navigation keeps the game controls within reach on small screens. */
.header-shop{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 10px;border:1px solid #6d7c63;color:var(--cream);font:700 11px/1.2 monospace;letter-spacing:.5px;text-decoration:none;white-space:nowrap}.header-shop:hover{background:#344332;color:var(--gold)}
@media(max-width:760px){.header-shop{min-height:33px;padding:0 7px;font-size:9px;letter-spacing:0;gap:4px}}
@media(max-width:360px){.header-shop{padding:0 5px;font-size:8px}.top-right{gap:5px}}