:root{--hr-blue:#0d66ff;--hr-cyan:#5beeff;--hr-gold:#ffd434;--hr-navy:#06133f;--hr-red:#ff4d52}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#020719;color:#fff;font-family:Inter,Arial,sans-serif}.hr-page{height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 0,#164ab0,#071840 52%,#020719);touch-action:none}.hr-top{height:54px;display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:linear-gradient(#0d3382,#06143f);border-bottom:2px solid #4ce8ff;position:relative;z-index:100;box-shadow:0 7px 24px rgba(0,0,0,.4)}.hr-brand{display:flex;align-items:baseline;gap:4px;text-decoration:none}.hr-brand span{font:1000 28px Arial Black;color:#ffd43b;-webkit-text-stroke:2px #06152f}.hr-brand b{font:1000 19px Arial Black;color:#fff;-webkit-text-stroke:2px #06152f}.hr-brand small{font-size:6px;font-weight:1000;color:#bff4ff;margin-left:4px}.hr-top nav{display:flex;gap:5px}.hr-top nav a{padding:6px 8px;border:1px solid rgba(92,226,255,.4);border-radius:9px;color:#fff;text-decoration:none;background:rgba(2,12,48,.7);font:900 7px Arial Black}.hr-top nav a.active{color:#ffe45c}.hr-shell{height:calc(100dvh - 54px - env(safe-area-inset-bottom));padding:5px;display:flex;align-items:center;justify-content:center}.hr-game{position:relative;width:min(100%,720px);height:100%;max-height:1100px;overflow:hidden;border:2px solid #031331;border-radius:18px;background:#0a2f78 url('home-run/stadium-premium.webp') center center/cover no-repeat;box-shadow:0 0 0 2px rgba(70,220,255,.7),0 20px 55px rgba(0,0,0,.55);isolation:isolate;user-select:none}
.hr-sky{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,20,74,.10),rgba(2,9,39,.08) 48%,rgba(2,9,39,.20));z-index:0;pointer-events:none}.hr-sky:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 34%,rgba(94,223,255,.24),transparent 35%),linear-gradient(180deg,transparent 45%,rgba(2,9,39,.6))}.hr-stands{display:none}.hr-field{position:absolute;z-index:2;left:-16%;right:-16%;top:47%;bottom:-9%;background:transparent;clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);box-shadow:none}.hr-field:before{content:"";position:absolute;left:50%;top:23%;width:64%;height:76%;transform:translateX(-50%);background:#ba742f;clip-path:polygon(50% 0,100% 57%,50% 100%,0 57%);opacity:.9}.hr-field:after{content:"";position:absolute;left:50%;top:27%;width:51%;height:63%;transform:translateX(-50%);background:#2e9a42;clip-path:polygon(50% 0,100% 57%,50% 100%,0 57%)}.hr-mound{position:absolute;z-index:2;left:50%;top:12%;width:90px;height:34px;border-radius:50%;transform:translateX(-50%);background:#c88442;box-shadow:inset 0 5px 8px rgba(255,255,255,.15)}.hr-diamond{position:absolute;z-index:4;left:50%;top:30%;width:41%;aspect-ratio:1;transform:translateX(-50%) rotate(45deg);border:4px solid rgba(247,245,208,.78)}.hr-homeplate{position:absolute;z-index:5;left:50%;bottom:6.5%;width:47px;height:39px;transform:translateX(-50%);background:#f7f1dc;clip-path:polygon(0 0,100% 0,100% 58%,50% 100%,0 58%);filter:drop-shadow(0 3px 2px rgba(0,0,0,.4))}.hr-stadium-lights{display:none}.hr-scoreboard{position:absolute;z-index:4;top:27%;left:50%;transform:translateX(-50%);width:42%;min-width:190px;padding:7px 8px;border:3px solid #071530;border-radius:11px;background:linear-gradient(#154ba0,#092454);box-shadow:0 0 0 2px #4fe7ff,0 7px 16px rgba(0,0,0,.4);text-align:center}.hr-scoreboard small,.hr-scoreboard span{display:block;font:900 6px Arial Black;letter-spacing:.8px;color:#ffe761}.hr-scoreboard strong{display:block;margin:2px 0;color:#fff;font:1000 clamp(16px,4vw,28px) Arial Black;text-shadow:0 2px 0 #07142b}.hr-pitchbot{position:absolute;z-index:8;left:50%;top:48%;transform:translate(-50%,-50%);width:70px;text-align:center;filter:drop-shadow(0 8px 10px rgba(0,0,0,.45))}.hr-pitchbot img{width:68px;height:auto;image-rendering:auto}.hr-pitchbot span{display:block;margin-top:-4px;padding:3px;border-radius:999px;background:#071d4d;border:1px solid #52e7ff;color:#9df4ff;font:900 6px Arial Black}.hr-hero{position:absolute;z-index:14;left:3%;bottom:8.4%;width:min(56%,390px);aspect-ratio:543/362;background-image:url('home-run/hero-swing.png?v=1078');background-size:400% 200%;background-position:0% 0%;background-repeat:no-repeat;filter:drop-shadow(0 8px 8px rgba(0,0,0,.42));transform-origin:58% 80%;pointer-events:none}.hr-ball,.hr-flight{position:absolute;z-index:16;width:21px;height:21px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 32%,#f5f5ef 33% 63%,#dcd9cc 64% 100%);border:1px solid #8e241f;box-shadow:0 0 12px rgba(255,255,255,.75);opacity:0;pointer-events:none}.hr-ball:before,.hr-flight:before{content:"";position:absolute;inset:4px 8px;border-left:2px dashed #d5322d;border-right:2px dashed #d5322d;border-radius:50%}.hr-flight{width:25px;height:25px;box-shadow:0 0 18px #ffd43b,0 0 34px #ff8b24}.hr-flight:after{content:"";position:absolute;right:15px;top:8px;width:105px;height:9px;border-radius:999px;background:linear-gradient(90deg,transparent,#ff9f24,#fff37b);transform-origin:right center;transform:rotate(14deg);filter:blur(1px)}.hr-particles{position:absolute;inset:0;z-index:15;pointer-events:none}.hr-particle{position:absolute;width:8px;height:8px;border-radius:50%;background:#ffe56e;box-shadow:0 0 12px #ff9c27;animation:hrBurst .65s ease-out forwards}@keyframes hrBurst{to{transform:translate(var(--dx),var(--dy)) scale(.15);opacity:0}}
.hr-hud{position:absolute;z-index:30;top:9px;left:8px;right:8px;display:grid;grid-template-columns:1fr .72fr 1fr;gap:5px}.hr-panel{padding:7px 6px;border:2px solid #061329;border-radius:12px;background:linear-gradient(145deg,rgba(11,60,139,.96),rgba(3,18,66,.96));box-shadow:0 3px 0 rgba(0,0,0,.4),0 0 0 1px rgba(80,225,255,.4);text-align:center}.hr-panel small{display:block;color:#bff6ff;font:900 6px Arial Black}.hr-panel b{display:block;color:#ffe45a;font:1000 clamp(15px,4.6vw,25px) Arial Black;white-space:nowrap}.hr-panel.long b{font-size:clamp(13px,4vw,22px)}.hr-subhud{position:absolute;z-index:30;top:72px;left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:5px 7px;border-radius:999px;background:rgba(2,12,46,.82);border:1px solid rgba(91,231,255,.5);font:900 6px Arial Black;white-space:nowrap}.hr-subhud span{color:#aeefff}.hr-subhud b{color:#fff}.hr-callout{position:absolute;z-index:29;top:38%;left:50%;transform:translateX(-50%);width:min(88%,480px);text-align:center;pointer-events:none;text-shadow:0 3px 0 rgba(0,0,0,.55)}.hr-callout strong{display:block;color:#ffe34b;font:1000 clamp(26px,7vw,52px)/.92 Arial Black;-webkit-text-stroke:2px #692a2a;filter:drop-shadow(0 5px 0 rgba(0,0,0,.22))}.hr-callout span{display:inline-block;margin-top:6px;padding:5px 10px;border-radius:999px;background:rgba(2,12,45,.75);border:1px solid rgba(99,233,255,.5);color:#d5f7ff;font:900 7px Arial Black}.hr-callout.perfect strong{color:#8aff55}.hr-callout.miss strong{color:#ff6068}.hr-distance{position:absolute;z-index:35;top:43%;right:5%;opacity:0;color:#ffe35a;font:1000 clamp(31px,10vw,72px) Arial Black;-webkit-text-stroke:3px #1a1539;text-shadow:0 5px 0 #8c2d1e;transform:rotate(-5deg)}.hr-distance.show{animation:hrPop 1.1s ease both}@keyframes hrPop{0%{opacity:0;transform:scale(.4) rotate(-5deg)}18%,74%{opacity:1;transform:scale(1) rotate(-5deg)}100%{opacity:0;transform:scale(.86) rotate(-5deg)}}.hr-mini-controls{position:absolute;z-index:40;top:112px;right:8px;display:flex;gap:5px}.hr-mini-controls button{min-height:38px;border:2px solid #06142f;border-radius:10px;padding:6px 8px;background:linear-gradient(#e9fbff,#8ed9ff);color:#051330;font:1000 7px Arial Black;box-shadow:0 3px 0 rgba(0,0,0,.35)}.hr-mini-controls button:nth-child(3){background:linear-gradient(#7cf55b,#27bb38);color:#fff}.hr-swing{position:absolute;z-index:42;left:50%;bottom:1.8%;transform:translateX(-50%);width:min(62%,430px);min-height:80px;border:4px solid #07172f;border-radius:22px;background:linear-gradient(180deg,#ffe958,#ffb518 56%,#f67a0a);box-shadow:0 0 0 3px rgba(255,240,111,.84),0 7px 0 #8c4308,0 0 30px rgba(255,191,35,.25);color:#07142f;cursor:pointer;touch-action:manipulation}.hr-swing span,.hr-swing strong,.hr-swing small{display:block}.hr-swing span{font:1000 11px Arial Black}.hr-swing strong{font:1000 clamp(29px,8vw,50px)/.86 Arial Black;letter-spacing:-2px}.hr-swing small{margin-top:5px;font:900 6px Arial Black;opacity:.7}.hr-swing:active{transform:translateX(-50%) translateY(4px);box-shadow:0 0 0 3px rgba(255,240,111,.84),0 3px 0 #8c4308}.hr-swing[disabled]{filter:grayscale(.4);opacity:.7}
.hr-overlay{position:absolute;z-index:90;inset:0;display:none;place-items:center;padding:12px;background:rgba(2,7,28,.76);backdrop-filter:blur(7px)}.hr-overlay.show{display:grid}.hr-intro-card{width:min(96%,690px);max-height:96%;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:3px solid #06152f;border-radius:22px;background:linear-gradient(145deg,#0d387d,#07143f 62%,#34165a);box-shadow:0 0 0 2px #4de8ff,0 25px 60px rgba(0,0,0,.56)}.hr-intro-art{min-height:430px;background:#04133d}.hr-intro-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 32%}.hr-intro-copy{padding:24px;display:flex;flex-direction:column;justify-content:center}.hr-kicker{font:1000 7px Arial Black;color:#72efff;letter-spacing:1px}.hr-intro-copy h1{margin:7px 0}.hr-intro-copy h1 span{display:block;color:#60e8ff;font:1000 28px/.9 Arial Black;font-style:italic}.hr-intro-copy h1 strong{display:block;color:#ffd43b;font:1000 clamp(40px,6vw,68px)/.84 Arial Black;font-style:italic;text-shadow:0 5px 0 #8a2d35}.hr-intro-copy p{font-weight:800;line-height:1.45;color:#d8edff}.hr-intro-tags{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0 15px}.hr-intro-tags span{padding:5px 7px;border-radius:999px;background:rgba(8,34,90,.9);border:1px solid rgba(100,226,255,.4);font:900 6px Arial Black;color:#d7f8ff}.hr-intro-copy button,.hr-result-card>button,.hr-result-card>a{min-height:48px;border:2px solid #06142f;border-radius:12px;padding:9px 12px;background:linear-gradient(#7af25a,#28b53a);color:#fff;font:1000 11px Arial Black;box-shadow:0 4px 0 rgba(0,0,0,.35);text-decoration:none;display:flex;align-items:center;justify-content:center}.hr-result-card{width:min(92%,560px);padding:22px;text-align:center;border:3px solid #06142f;border-radius:22px;background:linear-gradient(145deg,#0d3a80,#07143d 65%,#34165a);box-shadow:0 0 0 2px #52eaff,0 25px 65px rgba(0,0,0,.6)}.hr-result-card h2{margin:7px 0;color:#ffd43b;font:1000 clamp(35px,8vw,60px)/.9 Arial Black;text-shadow:0 4px 0 #7e2d36}.hr-result-card p{color:#d7efff;font-weight:800}.hr-result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.hr-result-stats div{padding:10px 5px;border-radius:12px;background:rgba(4,19,62,.8);border:1px solid rgba(94,230,255,.35)}.hr-result-stats small{display:block;color:#91edff;font:900 6px Arial Black}.hr-result-stats b{display:block;color:#ffe45b;font:1000 20px Arial Black}.hr-result-card>button,.hr-result-card>a{width:100%;margin-top:7px}.hr-result-card .secondary{background:linear-gradient(#bce6ff,#669fd8);color:#06142f}
@media (orientation:portrait){.hr-game{max-height:none}.hr-intro-card{grid-template-columns:1fr;grid-template-rows:42% 58%;height:94%}.hr-intro-art{min-height:0}.hr-intro-copy{padding:15px}.hr-intro-copy h1 span{font-size:21px}.hr-intro-copy h1 strong{font-size:40px}.hr-intro-copy p{font-size:10px;margin:5px 0}.hr-hero{width:61%;left:-1%;bottom:9.4%}.hr-pitchbot{top:49%}.hr-callout{top:37%}.hr-mini-controls{top:108px}.hr-swing{width:68%;min-height:76px}.hr-scoreboard{top:28%}}
@media (orientation:portrait) and (max-width:390px){.hr-top{height:49px}.hr-shell{height:calc(100dvh - 49px - env(safe-area-inset-bottom));padding:3px}.hr-brand span{font-size:25px}.hr-brand b{font-size:17px}.hr-brand small{display:none}.hr-top nav a{padding:5px 6px;font-size:6px}.hr-hud{top:6px;gap:3px}.hr-panel{padding:5px 4px;border-radius:9px}.hr-panel small{font-size:5px}.hr-subhud{top:61px}.hr-mini-controls{top:92px}.hr-mini-controls button{min-height:34px;padding:5px 6px;font-size:6px}.hr-scoreboard{min-width:160px}.hr-pitchbot{width:58px}.hr-pitchbot img{width:56px}.hr-swing{min-height:70px;border-radius:18px}.hr-swing strong{font-size:32px}.hr-swing small{font-size:5px}.hr-hero{width:62%;bottom:10%}}
@media (orientation:landscape){.hr-game{width:min(100%,calc((100dvh - 64px)*16/9));height:auto;aspect-ratio:16/9;max-height:100%}.hr-hero{width:35%;left:6%;bottom:5%}.hr-swing{width:34%;min-height:62px;bottom:2%}.hr-swing strong{font-size:34px}.hr-callout{top:32%}.hr-scoreboard{top:17%;width:29%}.hr-stands{top:27%;height:25%}.hr-field{top:45%}.hr-pitchbot{top:50%}.hr-hud{grid-template-columns:180px 120px 180px;justify-content:center}.hr-subhud{top:72px}.hr-mini-controls{top:auto;bottom:8px;right:8px}.hr-intro-card{max-width:980px}.hr-intro-art{min-height:300px}.hr-intro-copy{padding:18px}}
@media (display-mode:standalone){.hr-page{padding-bottom:max(env(safe-area-inset-bottom),12px)}.hr-shell{height:calc(100dvh - 54px - max(env(safe-area-inset-bottom),12px))}}

/* V10.10.42 — 15-level Home Run Tour. Level 1 defaults match the approved V10.10.41 presentation. */
.hr-game{--hr-scene:url('hero-blast/neon-city.webp');--hr-scene-size:auto 100%;--hr-scene-repeat:repeat-x;--hr-scene-pos:center 42%;--hr-accent:#5beeff;--hr-turf1:#58bd4f;--hr-turf2:#218b36;--hr-turf3:#15722e;--hr-bot-hue:0deg;--hr-bot-sat:1}
.hr-sky{background:linear-gradient(180deg,color-mix(in srgb,var(--hr-accent) 8%,transparent),rgba(2,9,39,.06) 48%,rgba(2,9,39,.18))}
.hr-stands{border-top-color:var(--hr-accent);box-shadow:0 -6px 20px color-mix(in srgb,var(--hr-accent) 30%,transparent)}
.hr-field{background:transparent}
.hr-scoreboard{box-shadow:0 0 0 2px var(--hr-accent),0 7px 16px rgba(0,0,0,.4)}
.hr-pitchbot{filter:drop-shadow(0 8px 10px rgba(0,0,0,.45)) hue-rotate(var(--hr-bot-hue)) saturate(var(--hr-bot-sat))}.hr-pitchbot img{height:68px;object-fit:contain}
.hr-tour-select{display:grid;grid-template-columns:38px 1fr 38px;gap:7px;align-items:stretch;margin:4px 0 8px}.hr-tour-select>button{min-height:64px!important;padding:0!important;border-radius:12px!important;background:linear-gradient(#e8fbff,#7fc8ff)!important;color:#06142f!important;font:1000 28px Arial Black!important}.hr-tour-select>button:disabled{opacity:.3;filter:grayscale(1)}.hr-tour-select>div{min-width:0;padding:8px 7px;border-radius:12px;background:rgba(3,17,59,.82);border:1px solid rgba(95,232,255,.42);text-align:center}.hr-tour-select small,.hr-tour-select span{display:block}.hr-tour-select small{color:#75ecff;font:1000 6px Arial Black;letter-spacing:.8px}.hr-tour-select strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffe45a;font:1000 11px Arial Black;margin:4px 0}.hr-tour-select span{color:#d8f4ff;font:900 5.5px Arial Black}.hr-tour-progress{height:7px;border-radius:999px;background:#031336;border:1px solid rgba(94,228,255,.35);overflow:hidden}.hr-tour-progress i{display:block;height:100%;width:6.66%;background:linear-gradient(90deg,#4ce8ff,#ffe45a);border-radius:inherit;transition:width .25s ease}.hr-unlock-text{display:block;margin:4px 0 9px;text-align:center;color:#a9edff;font:900 5.5px Arial Black;letter-spacing:.6px}.hr-result-card #hrNext{background:linear-gradient(#ffe966,#ffaf18);color:#07142f}
@media (orientation:portrait){.hr-tour-select{grid-template-columns:34px 1fr 34px;margin:2px 0 5px}.hr-tour-select>button{min-height:55px!important}.hr-tour-select>div{padding:6px 5px}.hr-tour-select strong{font-size:9px}.hr-tour-select span{font-size:5px}.hr-unlock-text{margin-bottom:6px}.hr-intro-tags{margin-bottom:7px}}
@media (orientation:landscape){.hr-tour-select{grid-template-columns:34px 1fr 34px}.hr-tour-select>button{min-height:54px!important}.hr-tour-select>div{padding:6px}.hr-tour-select strong{font-size:10px}.hr-unlock-text{margin-bottom:6px}}

.guide-game-link{display:inline-block;margin:5px auto 8px;color:#9cecff;font:900 7px Arial Black,Arial,sans-serif;text-decoration:underline;text-underline-offset:3px}.guide-game-link:hover,.guide-game-link:focus-visible{color:#ffe05a}