:root{--navy:#0d2942;--navy2:#071b2d;--cream:#fff8e8;--paper:#fffdf7;--red:#c63f3f;--red2:#9d2f32;--field:#216647;--field2:#184f38;--clay:#bd643c;--gold:#f4c44e;--ink:#132333;--muted:#5c6870;--line:#d9d5c9;--white:#fff;--shadow:0 18px 42px rgba(7,27,45,.14);--radius:18px;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"Trebuchet MS","Arial Rounded MT Bold",Arial,sans-serif;line-height:1.5;background-image:linear-gradient(rgba(13,41,66,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(13,41,66,.035) 1px,transparent 1px);background-size:24px 24px}button,select{font:inherit}button{touch-action:manipulation}.skip-link{position:absolute;left:-999px;top:8px;background:#fff;padding:12px;z-index:100}.skip-link:focus{left:8px}:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.topbar{min-height:82px;background:var(--cream);border-bottom:4px solid var(--red);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px max(20px,calc((100vw - var(--max))/2));position:sticky;top:0;z-index:30}.topbar::after{content:"";position:absolute;left:0;right:0;bottom:-4px;border-bottom:2px dashed #fff}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy)}.brand-ball{width:56px;height:56px;filter:drop-shadow(0 4px 6px rgba(13,41,66,.15))}.brand span{display:flex;flex-direction:column}.brand strong{font-size:1.2rem;letter-spacing:-.03em}.brand small{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.sound-toggle{min-height:46px;border:2px solid var(--navy);background:#fff;color:var(--navy);font-weight:800;padding:8px 14px;border-radius:999px}.sound-toggle[aria-pressed="false"]{background:#e8e8e2;color:#5c6064;border-color:#777}.tabs{background:var(--navy);display:flex;justify-content:center;gap:4px;padding:8px 18px;position:sticky;top:82px;z-index:25;box-shadow:0 5px 16px rgba(7,27,45,.22)}.tabs button{min-height:48px;border:0;background:transparent;color:#dbe5ea;padding:9px 18px;font-weight:800;border-radius:8px;letter-spacing:.01em}.tabs button[aria-selected="true"]{background:var(--gold);color:var(--navy)}main{min-height:70vh}.panel{max-width:var(--max);margin:auto;padding:54px 24px 80px}.practice-panel{max-width:none;padding:0 0 80px}.stadium-banner{background:var(--field);color:#fff;padding:54px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:end;position:relative;overflow:hidden}.stadium-banner::before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-170px;top:-260px;box-shadow:0 0 0 70px rgba(255,255,255,.03),0 0 0 140px rgba(255,255,255,.025)}.stadium-banner h1{font-size:clamp(2.5rem,5vw,4.7rem);line-height:.95;letter-spacing:-.055em;margin:0 0 14px;text-wrap:balance}.stadium-banner>div:first-child>p:last-child{font-size:1.08rem;color:#d9eee4;margin:0}.eyebrow,.section-tag{font-size:.7rem;font-weight:900;letter-spacing:.16em;margin:0 0 12px;text-transform:uppercase}.eyebrow{color:var(--gold)}.scoreboard{position:relative;display:grid;grid-template-columns:repeat(4,92px);background:var(--navy2);border:4px solid #e8e4d8;box-shadow:10px 10px 0 rgba(0,0,0,.18)}.scoreboard>div{padding:15px 10px;text-align:center;border-right:1px solid #526674}.scoreboard>div:last-child{border:0}.scoreboard span,.season-scoreboard span{display:block;color:#b9c8cf;font-size:.62rem;letter-spacing:.13em;font-weight:800}.scoreboard strong{display:block;color:var(--gold);font-size:1.7rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.game-layout{max-width:var(--max);margin:36px auto 0;padding:0 24px;display:grid;grid-template-columns:238px minmax(420px,1fr) 250px;gap:22px;align-items:start}.dugout-controls,.batting-card,.diamond-card{background:var(--paper);border:2px solid var(--navy);box-shadow:var(--shadow)}.dugout-controls{padding:20px}.section-tag{color:var(--red)}.skill-picker{display:grid;gap:8px}.skill{min-height:50px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;color:var(--navy);font-weight:800;text-align:left;padding:8px 10px;border-radius:8px}.skill span{width:30px;height:30px;display:grid;place-items:center;background:#e8eee9;border-radius:50%;font-size:1.2rem}.skill.active{background:var(--navy);color:#fff;border-color:var(--navy)}.skill.active span{background:var(--gold);color:var(--navy)}.level-label{display:block;font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;margin:22px 0 7px}.dugout-controls select{width:100%;min-height:48px;border:2px solid var(--navy);background:#fff;padding:8px;border-radius:8px;color:var(--ink)}.level-note{font-size:.75rem;color:var(--muted);margin:10px 0 0}.batting-card{overflow:hidden}.plate-line{display:flex;justify-content:space-between;padding:12px 18px;background:var(--navy);color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.15em}.plate-line span:last-child{color:var(--gold)}.visual-model{min-height:102px;padding:18px;display:flex;align-items:center;justify-content:center;gap:14px;background:#f3f5ed;border-bottom:1px dashed var(--red)}.ball-row,.group-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:center}.mini-ball{width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid #b7b4ab;position:relative}.mini-ball::after{content:"";position:absolute;inset:5px 8px;border-left:2px dashed var(--red);border-right:2px dashed var(--red);border-radius:50%}.mini-ball.out{opacity:.25}.plus-model{font-size:1.5rem;color:var(--red);font-weight:900}.group-box{border:2px solid var(--clay);border-radius:10px;padding:8px;display:flex;gap:4px;background:#fff}.bond-model{display:grid;grid-template-columns:repeat(2,80px);gap:12px}.bond-whole{grid-column:1/-1}.bond-part,.bond-whole{padding:10px;background:#fff;border:2px solid var(--navy);text-align:center;font-weight:900;border-radius:8px}.bond-whole{background:var(--gold)}.equation{font-size:clamp(2.6rem,6vw,5.2rem);font-weight:900;letter-spacing:-.045em;text-align:center;padding:22px 16px 8px;color:var(--navy)}.answer-box{width:160px;min-height:64px;margin:0 auto 18px;display:grid;place-items:center;border:4px solid var(--clay);background:#fff;font-size:2rem;font-weight:900;color:var(--navy);border-radius:12px}.number-pad{max-width:360px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px}.number-pad button{min-height:52px;border:2px solid var(--navy);background:#fff;color:var(--navy);font-size:1.25rem;font-weight:900;border-radius:10px;box-shadow:0 3px 0 var(--navy)}.number-pad button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--navy)}.number-pad .utility-key{font-size:.77rem;background:#edf0ec}.swing-row{display:flex;gap:10px;justify-content:center;padding:18px 16px 10px}.swing-button,.skip-button{min-height:54px;border:0;border-radius:10px;font-weight:900;padding:10px 18px}.swing-button{background:var(--red);color:#fff;box-shadow:0 4px 0 var(--red2);font-size:1.05rem}.skip-button{background:#e6e8e2;color:var(--navy)}.feedback{text-align:center;min-height:30px;font-weight:800;color:var(--muted);margin:8px 16px 18px}.feedback.good{color:var(--field)}.feedback.try{color:var(--red2)}.diamond-card{padding:20px}.diamond{height:225px;position:relative;margin:10px 0;background:radial-gradient(circle at 50% 60%,#35855e 0 31%,transparent 32%),linear-gradient(45deg,transparent 44%,rgba(189,100,60,.7) 45% 55%,transparent 56%),linear-gradient(-45deg,transparent 44%,rgba(189,100,60,.7) 45% 55%,transparent 56%);overflow:hidden}.infield{position:absolute;width:116px;height:116px;background:var(--clay);transform:rotate(45deg);left:50%;top:54%;translate:-50% -50%;border:4px solid rgba(255,255,255,.7)}.base,.home-plate{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;gap:3px}.base i{display:block;width:24px;height:24px;background:#fff;border:2px solid var(--navy);transform:rotate(45deg);box-shadow:0 2px 3px rgba(0,0,0,.2)}.base.reached i,.home-plate.reached i{background:var(--gold);box-shadow:0 0 0 7px rgba(244,196,78,.25)}.base small,.home-plate small{font-size:.6rem;font-weight:900;background:var(--navy);color:#fff;padding:2px 5px}.base-2{top:15px;left:50%;translate:-50%}.base-3{left:22px;top:50%;translate:0 -50%}.base-1{right:22px;top:50%;translate:0 -50%}.home-plate{bottom:12px;left:50%;translate:-50%}.home-plate i{display:block;width:28px;height:24px;background:#fff;border:2px solid var(--navy);clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%)}.diamond-copy{text-align:center;margin:10px 0 0}.diamond-copy strong,.diamond-copy span{display:block}.diamond-copy span{font-size:.74rem;color:var(--muted)}.section-heading{max-width:760px;margin-bottom:38px}.section-heading h2{font-size:clamp(2.3rem,5vw,4rem);line-height:1;letter-spacing:-.05em;margin:0 0 12px}.section-heading>p:last-child{font-size:1.05rem;color:var(--muted)}.league-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.league-ticket{position:relative;min-height:210px;border:2px solid var(--navy);background:var(--paper);text-align:left;padding:24px;color:var(--ink);box-shadow:7px 7px 0 #d8d2c3;overflow:hidden}.league-ticket::after{content:"";position:absolute;left:0;right:0;bottom:16px;border-bottom:2px dashed var(--red);opacity:.6}.league-ticket:hover{translate:0 -3px}.league-ticket.featured{background:var(--navy);color:#fff}.ticket-number{display:block;color:var(--red);font-size:.7rem;font-weight:900;letter-spacing:.14em}.league-ticket strong,.league-ticket small,.league-ticket em{display:block}.league-ticket strong{font-size:1.35rem;margin:18px 0 8px}.league-ticket small{color:var(--muted);font-size:.85rem}.league-ticket.featured small{color:#cbd8df}.league-ticket em{margin-top:20px;color:var(--field);font-style:normal;font-size:.7rem;font-weight:900;text-transform:uppercase}.league-ticket.featured em{color:var(--gold)}.season-scoreboard{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy2);border:5px solid #ddd8ca;box-shadow:10px 10px 0 #c9c5ba}.season-scoreboard>div{text-align:center;padding:24px 10px;border-right:1px solid #536672}.season-scoreboard>div:last-child{border:0}.season-scoreboard strong{display:block;font-family:ui-monospace,monospace;color:var(--gold);font-size:2.5rem}.progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:34px}.skill-stats,.trophy-case{border-top:6px solid var(--red);background:#fff;padding:24px;box-shadow:var(--shadow)}.skill-stats h3,.trophy-case h3{margin-top:0;font-size:1.5rem}.stat-row{display:grid;grid-template-columns:110px 1fr 54px;gap:10px;align-items:center;margin:13px 0}.stat-bar{height:12px;background:#e7e7df;border-radius:8px;overflow:hidden}.stat-bar i{display:block;height:100%;background:var(--field)}.badges{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.badge{border:1px solid var(--line);padding:14px;background:var(--cream);opacity:.45}.badge.unlocked{opacity:1;border-color:var(--gold);box-shadow:inset 0 0 0 2px var(--gold)}.badge strong,.badge small{display:block}.badge strong{color:var(--navy)}.badge small{color:var(--muted)}.reset-button{margin-top:28px;min-height:48px;border:2px solid var(--red);background:#fff;color:var(--red2);font-weight:800;padding:10px 16px}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.guide-grid article{background:#fff;border-left:7px solid var(--field);padding:24px;position:relative}.guide-grid article>span{display:grid;place-items:center;width:34px;height:34px;background:var(--gold);color:var(--navy);font-weight:900;border-radius:50%}.guide-grid h3{font-size:1.3rem;margin:14px 0 6px}.guide-grid p{color:var(--muted);margin:0}.celebration{position:fixed;inset:0;z-index:100;display:grid;place-items:center;pointer-events:none;opacity:0;background:rgba(7,27,45,0);overflow:hidden}.celebration.active{animation:sceneFlash 1.35s ease both}.celebration-ball{position:absolute;width:160px;height:160px;filter:drop-shadow(0 18px 22px rgba(0,0,0,.3));opacity:0}.celebration.active .celebration-ball{animation:ballPop 1.28s cubic-bezier(.18,.8,.25,1) both}.celebration-copy{position:relative;z-index:3;text-align:center;color:#fff;text-shadow:0 4px 0 var(--navy2);opacity:0}.celebration.active .celebration-copy{animation:copyPop 1.25s .2s ease both}.celebration-copy p{font-size:clamp(2.4rem,9vw,6rem);font-weight:900;letter-spacing:-.05em;margin:0;color:var(--gold)}.celebration-copy strong{font-size:1.25rem}.confetti span{position:absolute;width:8px;height:22px;background:var(--red);top:50%;left:50%;opacity:0}.celebration.active .confetti span{animation:confettiBurst 1s .35s ease-out both;transform:rotate(var(--r)) translateY(var(--d))}.confetti span:nth-child(3n){background:var(--gold)}.confetti span:nth-child(3n+1){background:#fff}.confetti span:nth-child(even){width:5px;height:14px}footer{background:var(--navy2);color:#fff;padding:34px 24px;text-align:center;border-top:4px solid var(--red)}footer p{font-weight:900;margin:0 0 5px}footer small{color:#b9c8cf}@keyframes sceneFlash{0%{opacity:0;background:rgba(7,27,45,0)}12%,82%{opacity:1;background:rgba(7,27,45,.86)}100%{opacity:0;background:rgba(7,27,45,0)}}@keyframes ballPop{0%{opacity:0;transform:translate(-35vw,35vh) scale(.2) rotate(-120deg)}28%{opacity:1;transform:translate(0,0) scale(1.35) rotate(60deg)}58%{opacity:1;transform:scale(2.2) rotate(160deg)}82%,100%{opacity:0;transform:scale(5) rotate(260deg)}}@keyframes copyPop{0%,20%{opacity:0;transform:scale(.5)}40%,78%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.2)}}@keyframes confettiBurst{0%{opacity:0;transform:rotate(var(--r)) translateY(0)}20%{opacity:1}100%{opacity:0;transform:rotate(var(--r)) translateY(var(--d))}}@media(max-width:980px){.game-layout{grid-template-columns:220px 1fr}.diamond-card{grid-column:1/-1}.diamond{max-width:360px;margin:auto}.league-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.topbar{min-height:70px;padding:7px 14px}.brand-ball{width:46px;height:46px}.brand strong{font-size:1rem}.brand small{display:none}.sound-toggle{font-size:.75rem;padding:7px 10px}.tabs{top:70px;justify-content:flex-start;overflow-x:auto;padding:7px 10px}.tabs button{flex:0 0 auto;padding:8px 12px;font-size:.8rem}.stadium-banner{grid-template-columns:1fr;padding:36px 18px;gap:24px}.stadium-banner h1{font-size:2.75rem}.scoreboard{grid-template-columns:repeat(4,1fr);width:100%;box-shadow:6px 6px 0 rgba(0,0,0,.18)}.scoreboard>div{padding:10px 5px}.scoreboard strong{font-size:1.35rem}.game-layout{display:flex;flex-direction:column;padding:0 14px;margin-top:20px}.dugout-controls,.batting-card,.diamond-card{width:100%}.dugout-controls{order:2}.batting-card{order:1}.diamond-card{order:3}.skill-picker{grid-template-columns:repeat(2,1fr)}.skill{font-size:.77rem}.equation{font-size:3.35rem}.panel{padding:42px 16px 64px}.league-grid,.progress-grid,.guide-grid{grid-template-columns:1fr}.season-scoreboard{grid-template-columns:repeat(2,1fr)}.season-scoreboard>div:nth-child(2){border-right:0}.season-scoreboard>div:nth-child(-n+2){border-bottom:1px solid #536672}.badges{grid-template-columns:1fr 1fr}}@media(max-width:420px){.brand strong{font-size:.9rem}.sound-toggle span{display:none}.tabs button span{display:none}.stadium-banner h1{font-size:2.45rem}.scoreboard span{font-size:.52rem}.game-layout{padding:0 10px}.skill-picker{grid-template-columns:1fr 1fr}.number-pad button{min-height:50px}.swing-row{flex-direction:column}.swing-button,.skip-button{width:100%}.league-ticket{min-height:190px}.stat-row{grid-template-columns:88px 1fr 42px}.badges{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.celebration.active,.celebration.active .celebration-ball,.celebration.active .celebration-copy,.celebration.active .confetti span{animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Interactive at-bat release — 2026-08-27b */
.strike-count{display:flex;align-items:center;gap:5px;color:#dbe5ea}.strike-count i{display:block;width:10px;height:10px;border:1px solid #fff;border-radius:50%;background:transparent}.strike-count i.called{background:var(--red);border-color:#ffb0a9;box-shadow:0 0 0 2px rgba(198,63,63,.25)}
.pitch-stage{position:relative;height:148px;margin:0 16px 18px;border:3px solid var(--navy);border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#8dc5df 0 54%,#2d7653 55% 100%);box-shadow:inset 0 -18px 24px rgba(7,27,45,.15)}.pitch-stage::after{content:"";position:absolute;left:40%;right:12%;bottom:-34px;height:88px;background:var(--clay);transform:skewX(-26deg);border:2px solid rgba(255,255,255,.55)}.outfield-wall{position:absolute;inset:auto 0 45% 0;height:25px;background:var(--field2);border-top:3px solid var(--gold);color:#fff;font-size:.57rem;font-weight:900;letter-spacing:.14em;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.outfield-wall i{font-style:normal;color:var(--gold)}.batter-box{position:absolute;left:24%;bottom:12px;width:72px;height:54px;border:3px solid rgba(255,255,255,.8);transform:skewX(-18deg);z-index:2}.virtual-bat{position:absolute;left:25%;bottom:47px;width:122px;height:18px;border-radius:10px 50% 50% 10px;background:linear-gradient(180deg,#f2c782,#b66b2e);border:3px solid #6e3a1d;transform:rotate(-58deg);transform-origin:9% 50%;z-index:5;filter:drop-shadow(0 4px 3px rgba(7,27,45,.25))}.virtual-bat i{position:absolute;left:-25px;top:3px;width:30px;height:7px;background:var(--navy);border-radius:5px}.pitched-ball{position:absolute;left:57%;bottom:47px;width:34px;height:34px;border-radius:50%;background:#fffaf0;border:2px solid var(--navy);z-index:6;box-shadow:0 5px 8px rgba(7,27,45,.22)}.pitched-ball::before,.pitched-ball::after{content:"";position:absolute;top:5px;bottom:5px;width:8px;border:2px dashed var(--red);border-top:0;border-bottom:0;border-radius:50%}.pitched-ball::before{left:5px}.pitched-ball::after{right:5px}.catcher-mitt{position:absolute;right:8%;bottom:29px;width:54px;height:48px;border-radius:48% 48% 55% 35%;background:#9c572f;border:4px solid #57301f;z-index:4;transform:rotate(10deg)}.catcher-mitt::before{content:"";position:absolute;left:14px;top:9px;width:24px;height:26px;border:2px dashed #f1bd79;border-radius:50%}.umpire-call{position:absolute;inset:12px auto auto 50%;translate:-50%;z-index:9;font-size:clamp(1.5rem,4vw,2.6rem);font-weight:900;letter-spacing:.04em;color:#fff;text-shadow:0 3px 0 var(--navy);opacity:0;white-space:nowrap}.swing-hit .virtual-bat,.swing-miss .virtual-bat{animation:bat-swing .42s cubic-bezier(.2,.8,.2,1) both}.swing-hit .pitched-ball{animation:ball-hit .8s .18s cubic-bezier(.15,.7,.2,1) both}.swing-miss .pitched-ball{animation:ball-miss .55s .17s ease-in both}.swing-hit .umpire-call,.swing-miss .umpire-call{animation:umpire-pop .85s .24s ease-out both}.swing-miss .umpire-call{color:#ffd4cf}.swing-hit .umpire-call{color:var(--gold)}
.swing-button{background:var(--navy);color:#fff;box-shadow:0 4px 0 var(--navy2);border:3px solid var(--gold);min-width:215px}.swing-button span{display:inline-block;color:var(--gold);transform:rotate(-18deg);margin-right:4px}.swing-button:hover{background:#153d5e}.swing-button:active{transform:translateY(2px);box-shadow:0 2px 0 var(--navy2)}
.base .runner{position:absolute;left:50%;top:-31px;translate:-50%;width:24px;height:35px;opacity:0;transform:translateY(12px) scale(.75);transition:opacity .2s ease-out,transform .3s cubic-bezier(.2,.8,.2,1);z-index:4}.base .runner::before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;left:5px;top:0;background:var(--gold);border:2px solid var(--navy)}.base .runner span{position:absolute;left:4px;top:13px;width:17px;height:19px;background:var(--red);border:2px solid var(--navy);border-radius:6px 6px 3px 3px}.base .runner span::before,.base .runner span::after{content:"";position:absolute;width:7px;height:15px;background:var(--navy);bottom:-13px;border-radius:4px}.base .runner span::before{left:0;transform:rotate(12deg)}.base .runner span::after{right:0;transform:rotate(-12deg)}.base.occupied .runner{opacity:1;transform:translateY(0) scale(1)}.base.occupied>i{background:var(--gold);box-shadow:0 0 0 7px rgba(244,196,78,.25)}
@keyframes bat-swing{0%{transform:rotate(-58deg)}45%{transform:rotate(8deg)}100%{transform:rotate(28deg)}}@keyframes ball-hit{0%{transform:translate(0,0) scale(1);opacity:1}40%{transform:translate(95px,-56px) scale(.72);opacity:1}100%{transform:translate(270px,-150px) scale(.2);opacity:0}}@keyframes ball-miss{0%{transform:translate(0,0) scale(1)}100%{transform:translate(118px,18px) scale(.78)}}@keyframes umpire-pop{0%{opacity:0;transform:scale(.45)}28%,72%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.15)}}
@media(max-width:760px){.pitch-stage{height:134px;margin:0 12px 15px}.virtual-bat{left:19%;width:108px}.pitched-ball{left:56%;width:31px;height:31px}.catcher-mitt{right:5%;width:47px;height:43px}.plate-line{gap:8px}.strike-count{font-size:.57rem}.strike-count i{width:8px;height:8px}.umpire-call{top:9px}.base .runner{top:-29px}}
@media(max-width:390px){.pitch-stage{height:125px}.virtual-bat{left:16%;width:96px;bottom:43px}.pitched-ball{left:55%;bottom:43px}.catcher-mitt{bottom:27px}.outfield-wall{font-size:.5rem}.swing-button{min-width:0}}
@media(prefers-reduced-motion:reduce){.swing-hit .virtual-bat,.swing-miss .virtual-bat,.swing-hit .pitched-ball,.swing-miss .pitched-ball,.swing-hit .umpire-call,.swing-miss .umpire-call{animation-duration:.01ms!important}.base .runner{transition:none}}

/* Action-first workspace: drill bar, problem, keypad, runners */
.practice-workspace{max-width:var(--max);margin:0 auto;padding:0 20px 36px}.drill-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px 16px;margin:0 0 18px;padding:14px 16px;position:static;border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow)}.drill-bar .section-tag{margin:0}.drill-bar .skill-picker{display:flex;flex-wrap:wrap;gap:8px}.drill-bar .skill{min-height:45px;padding:8px 12px}.drill-bar .level-label{margin:0;white-space:nowrap}.drill-bar select{min-width:205px}.drill-bar .level-note{grid-column:2/-1;margin:0}.practice-workspace .game-layout{display:block;max-width:970px;margin:0 auto;padding:0}.practice-workspace .batting-card{width:100%}.field-action-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:16px;margin:0 16px 18px;align-items:stretch}.field-action-row .pitch-stage{height:auto;min-height:248px;margin:0}.inline-diamond{margin:0;padding:12px;min-height:248px;display:flex;flex-direction:column;justify-content:center}.inline-diamond .section-tag{text-align:center;margin:0 0 4px}.inline-diamond .diamond{width:170px;height:170px;margin:0 auto}.inline-diamond .diamond-copy{margin:2px 0 0}.inline-diamond .diamond-copy strong{font-size:.83rem}.inline-diamond .diamond-copy span{font-size:.7rem}.bond-model{position:relative;display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:104px 46px 126px!important;gap:0 48px!important;width:350px;max-width:100%;margin:auto}.bond-model .bond-whole{grid-column:1/3;grid-row:1;justify-self:center;width:98px;height:98px;padding:6px!important;display:grid;place-items:center;font-size:2.45rem!important;background:#fff!important;border:5px solid var(--navy)!important;border-radius:50%!important;box-shadow:0 5px 0 rgba(13,41,66,.12);z-index:2}.bond-model .bond-branch{grid-column:1/3;grid-row:2;position:relative}.bond-model .bond-branch::before,.bond-model .bond-branch::after{content:"";position:absolute;top:2px;width:104px;height:42px;border-top:5px solid var(--navy)}.bond-model .bond-branch::before{right:50%;transform:skewY(-25deg);transform-origin:right top}.bond-model .bond-branch::after{left:50%;transform:skewY(25deg);transform-origin:left top}.bond-model .bond-part{grid-row:3;width:126px;height:126px;padding:14px!important;display:flex!important;align-content:center;align-items:center;justify-content:center;justify-self:center;flex-wrap:wrap;gap:5px;background:#fff!important;border:5px solid var(--navy)!important;border-radius:50%!important;box-shadow:0 5px 0 rgba(13,41,66,.12);z-index:2}.bond-model .bond-known{grid-column:1}.bond-model .bond-answer{grid-column:2;background:repeating-linear-gradient(135deg,#fff,#fff 10px,#f8f4e9 10px,#f8f4e9 20px)!important}.bond-model .bond-part .mini-ball{width:22px;height:22px;flex:0 0 22px;margin:0;border-width:1.5px}.bond-model .bond-answer .mini-ball{animation:bond-ball-in .3s ease-out both}@keyframes bond-ball-in{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}
@media(max-width:900px){.drill-bar{grid-template-columns:1fr auto}.drill-bar .section-tag{grid-column:1/-1}.drill-bar .skill-picker{grid-column:1/-1}.drill-bar .level-note{grid-column:1/-1}.field-action-row{grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:650px){.practice-workspace{padding:0 10px 28px}.drill-bar{display:block;padding:12px;margin-bottom:12px}.drill-bar .section-tag{margin-bottom:8px}.drill-bar .skill-picker{display:grid;grid-template-columns:1fr 1fr;gap:6px}.drill-bar .skill{min-height:46px;justify-content:flex-start}.drill-bar .level-label{display:block;margin-top:10px}.drill-bar select{width:100%;min-width:0}.drill-bar .level-note{margin-top:8px}.field-action-row{display:flex;flex-direction:column;margin:0 10px 15px}.inline-diamond{order:-1;min-height:220px}.inline-diamond .diamond{width:160px;height:160px}.field-action-row .pitch-stage{min-height:150px}.visual-model{min-height:72px}.number-pad{margin-bottom:14px}}