.play-launch{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;margin-top:24px;padding-top:24px;border-top:1px solid #cdd5c1}.play-launch .primary{padding:22px;justify-content:center;font-size:18px;background:#d46a31;box-shadow:0 5px 0 #a74a20}.play-launch .primary:hover{background:#bd5b27}.career{border-top:1px dashed #bbc9b4;margin-top:26px;padding-top:20px}.career-numbers{display:flex;gap:24px;flex-wrap:wrap;font-size:13px}.career-numbers b{font-size:21px}.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.badge{font-size:11px;padding:7px 12px;background:#e1e5d9;border-radius:20px;color:#6c7969}.badge.earned{background:#fff7d4;color:#6d5018;border:1px solid #e9d893}.match-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.match-top h1{font-size:28px;margin:8px 0}.match-top>div>p:last-child{color:#718072;font-size:14px;margin:5px 0}.subtle{border:1px solid #becbb9;background:transparent;border-radius:9px;color:#385847;padding:11px 15px;font-size:13px}.game-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;align-items:start}.ballpark-panel{border-radius:20px;overflow:hidden;background:#143e33;box-shadow:0 12px 30px #173e3518}.scoreboard{padding:19px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#102f29;color:#fff9d2}.scoreboard>div:not(:last-child){display:flex;flex-direction:column}.scoreboard small{font-size:10px;letter-spacing:1px;color:#b7ccad}.scoreboard strong{font-size:30px;font-variant-numeric:tabular-nums;line-height:1.4}.scoreboard #pitch-dots{font-size:15px;display:flex;gap:4px;flex-wrap:wrap;max-width:150px;color:#75947b}.scoreboard .done{color:#f4cc67}.game-field{height:390px;position:relative;overflow:hidden;background:linear-gradient(#5f9386,#bcdbc2 32%,#42805b 32%)}.field-sky{position:absolute;top:18px;text-align:center;width:100%;font-size:10px;letter-spacing:3px;color:#e4f4d6}.crowd{position:absolute;top:67px;left:-5%;width:110%;background:#23493b;color:#ddb38a;font-size:22px;letter-spacing:5px;height:55px;text-align:center;border-bottom:7px solid #d5b779;transform:rotate(-3deg)}.outfield{position:absolute;top:115px;left:-20%;width:140%;height:360px;background:repeating-linear-gradient(90deg,#438252 0 38px,#4c8b58 38px 76px);border-radius:50% 50% 0 0}.infield{position:absolute;top:167px;left:calc(50% - 92px);width:184px;height:184px;background:#d0a575;transform:rotate(45deg);border-radius:10px 0 0 0;border:3px solid #edce96}.grass-diamond{position:absolute;top:188px;left:calc(50% - 69px);width:138px;height:138px;background:#5b965e;transform:rotate(45deg)}.base{position:absolute;width:15px;height:15px;background:#fff8de;transform:rotate(45deg);border:2px solid #e6d5b2;z-index:2;transition:background .2s,box-shadow .2s}.base.occupied{background:#ffcc47;box-shadow:0 0 0 7px #ffcf4860}.first{top:250px;left:calc(50% + 119px)}.second{top:126px;left:calc(50% - 7px)}.third{top:250px;left:calc(50% - 133px)}.home{top:362px;left:calc(50% - 7px)}.base-label{position:absolute;color:#e8efd5;font-size:10px;opacity:.8}.first-label{top:273px;left:calc(50% + 119px)}.second-label{top:107px;left:calc(50% - 7px)}.third-label{top:273px;left:calc(50% - 133px)}.pitcher{position:absolute;top:216px;left:calc(50% - 13px);font-size:25px;z-index:3;line-height:1}.pitcher span{display:block;width:20px;height:22px;background:#f1eee1;border-radius:6px;margin:-3px auto 0;border-bottom:8px solid #193f43}#field-batter{position:absolute;bottom:-7px;left:calc(50% - 77px);width:95px;height:114px;z-index:4;transform-origin:50% 80%}#field-batter svg{width:100%;height:100%}.bat{position:absolute;bottom:65px;left:calc(50% - 8px);width:9px;height:65px;border-radius:7px;background:#e8c78c;border:2px solid #b58248;transform:rotate(-30deg);transform-origin:50% 100%;z-index:5}.flying-ball{position:absolute;top:257px;left:calc(50% - 9px);font-size:20px;opacity:0;z-index:6}.runner{position:absolute;top:322px;left:calc(50% - 10px);font-size:24px;opacity:0;z-index:7}.field-call{position:absolute;top:75px;left:0;width:100%;text-align:center;color:#fff3a5;text-shadow:2px 3px #173e35;font-size:clamp(25px,4vw,40px);font-weight:900;transform:scale(.2);opacity:0;z-index:10}.energy{padding:19px 24px;color:#f5f1d5}.energy>span{font-size:12px;font-weight:700}.energy>div{height:10px;background:#31584b;border-radius:10px;overflow:hidden;margin:9px 0}.energy i{display:block;height:100%;width:0;background:#f4cb5c;border-radius:10px;transition:width .3s}.energy small{font-size:10px;color:#c5d6bc}.question-panel{background:#fffef9;border:1px solid #dce2d5;border-radius:20px;padding:26px;min-height:480px}.question-panel h2{font-size:23px;margin:10px 0 22px;line-height:1.6;outline:none}.listen-button{width:100%;border:1px solid #c5d9bd;background:#eaf2df;color:#265039;padding:17px;border-radius:12px;font-size:19px;font-weight:700;margin-bottom:20px}.answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.answer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;border:2px solid #e2e6d9;background:#fff;color:#284b3a;border-radius:12px;min-height:110px;padding:14px 7px;overflow-wrap:anywhere}.answer strong{font-size:18px}.answer-picture{font-size:36px;line-height:1.3}.answer-picture img{width:60px;height:60px;object-fit:contain}.answer:hover:not(:disabled){border-color:#689858;background:#f3f7eb}.answer.correct{border-color:#36854c;background:#e6f5dc;opacity:1}.answer.wrong{background:#faeee5;border-color:#dd9b79;opacity:.55}.hint-button{margin:20px 0 0;border:0;background:transparent;color:#866322;font-size:12px;padding:8px 0}.question-hint{background:#fff2d2;border-radius:8px;padding:12px;font-size:15px;overflow-wrap:anywhere}.feedback{font-size:14px;line-height:1.9;color:#4f6c51;min-height:55px}.question-panel .primary{margin-top:15px}#question-picture{text-align:center;margin:-8px 0 20px}#question-picture .answer-picture{font-size:65px;display:block}#question-picture img{width:85px;height:85px}.picture-caption{font-size:16px;color:#698365}.result-panel{text-align:center;max-width:720px;margin:30px auto;padding:40px 30px;background:#fffef9;border:1px solid #dce2d5;border-radius:24px;box-shadow:0 15px 40px #173e3510}.result-icon{font-size:72px}.result-panel h2{font-size:28px;outline:none}.result-stars{font-size:47px;letter-spacing:8px;color:#e4ae25}.result-panel>p{line-height:1.9;color:#64806b}.result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:25px}.result-actions .primary{width:auto;min-width:140px;justify-content:center}.secondary{background:#eef3df;border:1px solid #becbb9;padding:13px 18px;color:#28533d;border-radius:9px}.missed-words{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.review-chip{background:#fcf2de;border:1px solid #e1cca1;border-radius:20px;padding:10px 16px;color:#70532f}.result-panel .status{font-size:12px}.hit .flying-ball,.homer .flying-ball{animation:ball-hit 1.1s ease-out}.hit .runner{animation:run-first 1.1s linear}.homer .runner{animation:run-home 1.1s linear}.hit .field-call,.homer .field-call{animation:cheer 1.2s ease-out forwards}.hit .bat,.homer .bat{animation:swing .45s ease-out}.hit #field-batter,.homer #field-batter{animation:batter .45s ease-out}.foul .flying-ball{animation:foul .6s ease-out}@keyframes ball-hit{0%{opacity:1;transform:translate(0,30px) scale(.8)}25%{transform:translate(-15px,65px) scale(1)}100%{opacity:0;transform:translate(110px,-220px) scale(.4)}}@keyframes swing{0%{transform:rotate(-30deg)}60%{transform:rotate(100deg)}100%{transform:rotate(-30deg)}}@keyframes batter{50%{transform:rotate(-9deg)}}@keyframes cheer{20%{opacity:1;transform:scale(1.08)}60%,100%{opacity:1;transform:scale(1)}}@keyframes run-first{0%{opacity:1;transform:translate(0,0)}100%{opacity:1;transform:translate(125px,-85px)}}@keyframes run-home{0%{opacity:1;transform:translate(0,0)}25%{transform:translate(125px,-85px)}50%{transform:translate(0,-200px)}75%{transform:translate(-125px,-85px)}100%{opacity:1;transform:translate(0,0)}}@keyframes foul{0%{opacity:1}100%{opacity:0;transform:translate(-130px,60px)}}@media(min-width:761px){#clubhouse{scroll-margin-top:20px}#game-screen{scroll-margin-top:25px}}@media(max-width:760px){.game-layout{grid-template-columns:1fr;gap:18px}.match-top h1{font-size:22px}.match-top .eyebrow{letter-spacing:1px;font-size:10px}.match-top .subtle{font-size:11px;padding:9px;flex-shrink:0}.game-field{height:320px}.infield{top:142px;left:calc(50% - 73px);width:146px;height:146px}.grass-diamond{top:163px;left:calc(50% - 51px);width:102px;height:102px}.first{top:211px;left:calc(50% + 94px)}.second{top:112px}.third{top:211px;left:calc(50% - 108px)}.home{top:306px}.first-label{top:232px;left:calc(50% + 94px)}.second-label{top:94px}.third-label{top:232px;left:calc(50% - 108px)}.crowd{top:56px;height:45px;font-size:17px}.outfield{top:95px}.field-sky{font-size:8px;letter-spacing:1px}.pitcher{top:174px;font-size:20px}.pitcher span{height:17px;width:16px}.flying-ball{top:210px}.runner{top:263px}.field-call{top:60px}.scoreboard{padding:14px 18px;gap:10px}.scoreboard strong{font-size:24px}.scoreboard #pitch-dots{font-size:12px;max-width:110px}.energy{padding:14px 18px}.question-panel{min-height:0;padding:21px 18px}.question-panel h2{font-size:21px}.answer{min-height:90px}.answer strong{font-size:16px}.answer-picture{font-size:30px}.play-launch{grid-template-columns:1fr;gap:12px}.play-launch .primary{font-size:16px;padding:18px}.result-panel{padding:30px 18px}.result-panel h2{font-size:23px}.result-stars{font-size:38px}.career-numbers{gap:15px;font-size:11px}.career-numbers b{font-size:18px}.field-call{font-size:29px}.feedback{min-height:0}}@media(prefers-reduced-motion:reduce){.game-field *{animation:none!important;transition:none!important}.hit .field-call,.homer .field-call{opacity:1;transform:none}}

.question-panel{position:relative}.question-panel.celebrate:after{content:attr(data-call);position:absolute;left:5%;top:37%;width:90%;text-align:center;background:#194c3bf5;color:#fff1a4;padding:20px 8px;border-radius:14px;box-shadow:0 6px 25px #13392740;font-size:25px;font-weight:900;pointer-events:none;animation:hit-toast 1.1s ease-out forwards;z-index:8}@keyframes hit-toast{0%{opacity:0;transform:scale(.8) rotate(-4deg)}20%,75%{opacity:1;transform:scale(1) rotate(-4deg)}100%{opacity:0;transform:scale(1.04) rotate(-4deg)}}@media(prefers-reduced-motion:reduce){.question-panel.celebrate:after{animation-name:quiet-toast}}@keyframes quiet-toast{0%,80%{opacity:1}100%{opacity:0}}


.distance-live{font-size:12px!important;color:#82631f!important}.distance-results{background:#f6edcf;border:1px solid #e3d3a0;border-radius:12px;padding:18px;display:grid;gap:8px;margin:18px 0}.distance-results strong{font-size:22px;color:#72561a}.distance-results span{font-size:14px;color:#887344}.result-panel .result-rank{font-size:17px;font-weight:700;color:#96581f}.leaderboard-section{margin-top:28px;padding-top:20px;border-top:1px solid #d3dbc5;text-align:left}.leaderboard-section h2,.leaderboard-section h3{font-size:19px;margin:0 0 12px}.ranking-scroll{overflow:auto;max-height:440px;border-radius:10px}.ranking-table{width:100%;min-width:590px;border-collapse:collapse;font-size:12px;background:#fffef9}.ranking-table caption{text-align:left;font-size:11px;color:#71806a;padding:10px 0;caption-side:top}.ranking-table th{background:#e0e9d4;font-size:11px;color:#32503a;text-align:left;white-space:nowrap;position:sticky;top:0;z-index:1}.ranking-table th,.ranking-table td{padding:12px 10px;border-bottom:1px solid #e3e7d8}.ranking-table td{color:#3b5543;font-variant-numeric:tabular-nums}.ranking-table small{display:block;color:#7a886e;font-size:10px;margin-top:4px}.ranking-table .latest-result{background:#fff0bc}.ranking-table td:first-child{font-weight:700;font-size:17px}.ranking-table td:nth-child(5){font-weight:700;white-space:nowrap}.result-panel .ranking-table{font-size:11px}@media(max-width:760px){.distance-results strong{font-size:18px}.match-top .distance-live{font-size:10px!important;line-height:1.7}.leaderboard-section h2{font-size:17px}}

.clear-records{color:#943c2f;border-color:#d9b3a6;background:#fff7ed;margin:0 0 8px}.clear-records:hover{background:#fae5da}
#clear-records-dialog{width:min(440px,calc(100% - 36px));padding:26px;border:1px solid #d3dbc5;border-radius:18px;background:#fffdf5;color:#284b3a;box-shadow:0 20px 70px #102f2940}#clear-records-dialog::backdrop{background:#102f2970}#clear-records-dialog h2{font-size:21px}#clear-records-dialog p{font-size:14px;line-height:1.9}#clear-records-dialog .clear-records{margin:0}
#question-picture .picture-caption{font-size:30px;font-weight:700;color:#2b4d37}