:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--navy-deep:#12344a;--navy-dark:#0b2435;--solar-yellow:#ffc83d;--warm-gold:#f4af24;--sky-blue:#55aee6;--electric-blue:#3dd6ff;--white:#fff;--off-white:#f5f7f8}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--navy-dark);-webkit-tap-highlight-color:transparent;width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,system-ui,Roboto,sans-serif;overflow:hidden}#app{width:100%;height:100%;position:fixed;inset:0}#app canvas{touch-action:none;width:100%;height:100%;display:block}#ui-root{color:var(--white);z-index:10;touch-action:none;position:fixed;inset:0}.hidden{display:none!important}.hud-fade,.start-fade{opacity:0;pointer-events:none;transition:opacity .32s,transform .32s}.hud-fade.visible,.start-fade.visible{opacity:1;pointer-events:auto}.start-fade:not(.visible){transform:translate(-14px)}@media (prefers-reduced-motion:reduce){.hud-fade,.start-fade{transition:none}}.hud{top:env(safe-area-inset-top,0px);left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px);pointer-events:none;justify-content:space-between;gap:12px;padding:16px 20px;display:flex;position:absolute}.hud-stat{background:linear-gradient(#143850db 0%,#081a27db 100%);border:1px solid #ffffff29;border-radius:18px;align-items:center;gap:12px;min-width:150px;padding:9px 20px 9px 10px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #00000047,inset 0 1px #ffffff1a}.hud-stat.coin{padding:9px 10px 9px 20px}.hud-stat.global{border:1px solid #ffc83d8c;flex:0 360px;gap:12px;min-width:0;padding:8px 16px 8px 9px;overflow:visible;box-shadow:0 6px 20px #00000047,0 0 18px #ffc83d38,inset 0 1px #ffffff1a,inset 0 0 22px #ffc83d1a}.hud-stat.global:before{content:"";pointer-events:none;background:radial-gradient(#ffc83d47,#0000 70%);border-radius:0 0 18px 18px;height:22px;position:absolute;inset:auto 10% 0}.hud-coin{width:48px;height:48px}.hud-coin .go-coin-face{font-size:16px}.global-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.global-head{min-width:0;display:flex}.global-head .hud-label{color:#ffe9a8;opacity:.95;white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.global-live{letter-spacing:.08em;color:#fff;background:#e53935e6;border-radius:999px;align-items:center;gap:4px;padding:1px 6px 1px 5px;font-size:8.5px;font-weight:900;display:inline-flex;position:absolute;top:-8px;right:12px;box-shadow:0 2px 6px #00000059}.global-live i{background:#fff;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite live-blink}.hud-stat.global.loading .global-live{visibility:hidden}@keyframes live-blink{0%,to{opacity:1}50%{opacity:.25}}.global-gain{color:#ffd84d;text-shadow:0 2px 6px #0009;opacity:0;pointer-events:none;font-size:14px;font-weight:900;position:absolute;top:100%;right:14px}.global-gain.show{animation:1.4s ease-out gain-float}@keyframes gain-float{0%{opacity:0;transform:translateY(-14px)scale(.8)}20%{opacity:1;transform:translateY(-4px)scale(1.1)}to{opacity:0;transform:translateY(14px)scale(1)}}.global-value{font-variant-numeric:tabular-nums;color:#ffd84d;white-space:nowrap;text-shadow:0 2px #7846008c,0 0 14px #ffc83d73;align-items:baseline;gap:5px;font-size:25px;font-weight:900;line-height:1.05;display:flex;position:relative}.global-rs{color:#ffe9a8;text-shadow:none;font-size:.6em;font-weight:800}.global-sub{letter-spacing:.03em;color:#ffffffb8;white-space:nowrap;font-size:10.5px;font-weight:700}.hud-stat.global.loading #hud-global{background:linear-gradient(90deg,#ffffff1a,#ffd84d59,#ffffff1a) 0 0/200% 100%;border-radius:6px;width:5.5em;height:.8em;animation:1.3s ease-in-out infinite global-shimmer}@keyframes global-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.hud-stat.global.pulse{animation:.5s ease-out coin-pop}.result-suns{justify-content:center;align-items:center;gap:12px;display:inline-flex}.sun-icon.big{width:34px;height:34px;box-shadow:0 0 14px #f4af24e6}.hud-text{flex-direction:column;display:flex}.hud-stat.coin .hud-text{align-items:flex-end}.hud-value{font-variant-numeric:tabular-nums;color:var(--white);text-shadow:0 2px 8px #0006;font-size:28px;font-weight:800;line-height:1.05}.hud-icon{background:radial-gradient(circle at 35% 30%,#ffffff2e,#ffffff0a 70%);border:1px solid #ffffff24;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid;position:relative}.icon-star:after{content:"";background:linear-gradient(180deg, #ffe27a, var(--solar-yellow) 55%, var(--warm-gold));clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);filter:drop-shadow(0 0 5px #ffc83db3);width:24px;height:24px;animation:2.8s ease-in-out infinite star-twinkle}@keyframes star-twinkle{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.12)rotate(18deg)}}.icon-dash{justify-content:center;align-items:center;gap:1px;display:flex}.icon-dash i{background:var(--sky-blue);clip-path:polygon(0% 0%,55% 0%,100% 50%,55% 100%,0% 100%,45% 50%);width:9px;height:14px;animation:1.2s ease-in-out infinite dash-flow}.icon-dash i:nth-child(2){animation-delay:.15s}.icon-dash i:nth-child(3){animation-delay:.3s}@keyframes dash-flow{0%,to{opacity:.3;transform:translate(-2px)}50%{opacity:1;transform:translate(2px)}}.hud-stat.distance.milestone{animation:.9s ease-out milestone-flash}@keyframes milestone-flash{0%{transform:scale(1);box-shadow:0 0 #55aee6e6,0 6px 20px #00000047}25%{transform:scale(1.08)}to{transform:scale(1);box-shadow:0 0 0 14px #55aee600,0 6px 20px #00000047}}.icon-sun .sun-rays{background:repeating-conic-gradient(var(--solar-yellow) 0deg 14deg, transparent 14deg 45deg);border-radius:50%;animation:6s linear infinite sun-spin;position:absolute;inset:5px;-webkit-mask:radial-gradient(circle,#0000 38%,#000 40%);mask:radial-gradient(circle,#0000 38%,#000 40%)}.icon-sun .sun-core{background:radial-gradient(circle at 35% 30%, #fff3c4, var(--solar-yellow) 55%, var(--warm-gold) 100%);border-radius:50%;width:18px;height:18px;box-shadow:0 0 10px #ffc83de6}@keyframes sun-spin{to{transform:rotate(360deg)}}.hud-stat.coin.pulse .icon-sun{animation:.4s ease-out sun-burst}.hud-stat.coin.pulse .hud-value{animation:.3s ease-out coin-pop}@keyframes sun-burst{0%{transform:scale(1);box-shadow:0 0 #ffc83dcc}40%{transform:scale(1.25)}to{transform:scale(1);box-shadow:0 0 0 12px #ffc83d00}}@keyframes coin-pop{0%{transform:scale(1)}40%{transform:scale(1.2)}to{transform:scale(1)}}.hud-label{letter-spacing:.1em;opacity:.75;font-size:10.5px;font-weight:600;display:block}.hud-value-row{align-items:center;gap:6px;display:flex}.sun-icon{background:radial-gradient(circle at 35% 30%, #fff3c4, var(--solar-yellow) 55%, var(--warm-gold) 100%);border-radius:50%;flex-shrink:0;width:15px;height:15px;display:inline-block;box-shadow:0 0 6px #f4af24cc}.final-stats .hud-value-row,.result-stat .hud-value-row{justify-content:center}.icon-btn{appearance:none;color:var(--white);cursor:pointer;background:#0b24358c;border:1px solid #ffffff2e;justify-content:center;align-items:center;transition:transform .15s,background .15s;display:flex;box-shadow:0 4px 14px #00000040}.icon-btn:hover{background:#12344ab3}.icon-btn:active{transform:scale(.94)}.pause-btn{top:calc(env(safe-area-inset-top,0px) + 90px);right:calc(env(safe-area-inset-right,0px) + 20px);z-index:5;border-radius:50%;width:40px;height:40px;position:absolute}.pause-icon,.pause-icon:before,.pause-icon:after{content:""}.pause-icon{width:12px;height:14px;position:relative}.pause-icon:before,.pause-icon:after{background:var(--white);border-radius:1px;width:4px;height:14px;position:absolute;top:0}.pause-icon:before{left:0}.pause-icon:after{right:0}.pill-btn{appearance:none;-webkit-backdrop-filter:blur(8px);color:var(--white);letter-spacing:.06em;cursor:pointer;background:#0b24358c;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:9px 16px 9px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:transform .15s,background .15s;display:flex;box-shadow:0 4px 14px #00000040}.pill-btn:hover{background:#12344abf}.pill-btn:active{transform:scale(.96)}.settings-btn{top:calc(env(safe-area-inset-top,0px) + 16px);right:calc(env(safe-area-inset-right,0px) + 20px);z-index:6;position:absolute}.gear-icon{border:2px solid var(--white);border-radius:50%;flex-shrink:0;width:14px;height:14px;position:relative}.gear-icon:before{content:"";border:2px dotted var(--white);opacity:.9;border-radius:50%;position:absolute;inset:-4px}.settings-panel{max-width:320px;position:relative}.close-btn{width:28px;height:28px;color:var(--white);cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:50%;font-size:18px;line-height:1;position:absolute;top:14px;right:14px}.close-btn:hover{background:#ffffff29}.settings-row{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.settings-row:last-of-type{border-bottom:none}.settings-row.pause-setting-row{text-align:left;border-bottom:1px solid #ffffff1a;max-width:260px;margin:0 auto 6px;padding:8px 4px}.settings-row-label{color:var(--off-white);font-size:15px;font-weight:600}.toggle-btn{appearance:none;min-width:64px;color:var(--white);letter-spacing:.04em;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:700}.toggle-btn:hover{background:#ffffff29}.overlay{justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.start-overlay{background:linear-gradient(90deg,#030c14e6 0%,#04101ab8 22%,#05141e61 40%,#05141e14 56%,#05141e00 66%),linear-gradient(#0b243573 0%,#0b243514 24%,#0b24350a 62%,#0b243573 100%);padding:0;display:block}.modal-overlay{-webkit-backdrop-filter:blur(6px);background:#0b24358c}#game-over-screen{-webkit-backdrop-filter:blur(7px)saturate(1.1);background:radial-gradient(at 50% 30%,#fff4d673,#0000 60%),linear-gradient(#3a8fdc8c 0%,#8cc6ef40 40%,#081a2799 100%);padding:0;animation:.35s ease-out both go-fade}.go-scroll{width:100%;height:100%;padding:max(2vh, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(2.5vh, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));touch-action:pan-y;justify-content:center;align-items:center;display:flex;overflow:hidden}.go-fit{transform-origin:50%;flex-direction:column;flex:none;align-items:center;gap:clamp(8px,1.6vh,16px);width:100%;display:flex}.go-brand{background:#fff;border-radius:999px;padding:.8vh 2vh;box-shadow:0 0 30px 12px #ffffff8c}.go-brand img{height:clamp(26px,4.6vh,44px);display:block}.go-logo{filter:drop-shadow(0 6px 14px #00000059);width:min(44vw,20vh,260px);animation:.5s cubic-bezier(.2,1.4,.4,1) 50ms both go-pop}.go-stage{flex-direction:column;align-items:center;width:min(100%,440px);display:flex;position:relative}.go-kids{z-index:2;filter:drop-shadow(0 8px 10px #0000004d);height:clamp(110px,19vh,200px);margin-bottom:calc(clamp(110px,19vh,200px)/-6.25);animation:.6s cubic-bezier(.2,1.3,.4,1) .15s both go-drop;position:relative}.go-bubble{z-index:3;color:#1b6f8c;letter-spacing:.04em;background:#fff;border-radius:40% 45% 42% 38%;padding:8px 14px;font-size:clamp(12px,1.9vh,16px);font-weight:900;animation:.5s cubic-bezier(.2,1.6,.4,1) .6s both go-bubble;position:absolute;top:4%;right:2%;transform:rotate(8deg);box-shadow:0 6px 14px #0003,inset 0 -3px #1b6f8c1f}.go-bubble:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-7px;left:10px}.go-card{text-align:center;color:#4a3218;background:linear-gradient(#fffdf7 0%,#fff4e0 100%);border:5px solid #e8680c;border-radius:26px;flex-direction:column;align-items:center;gap:clamp(8px,1.3vh,12px);width:100%;padding:clamp(24px,3.6vh,34px) 16px 16px;animation:.5s cubic-bezier(.2,1.3,.4,1) .1s both go-pop;display:flex;position:relative;box-shadow:0 0 0 4px #ffd23d,0 16px 36px #00000059}.go-title{flex-direction:column;align-items:center;font-weight:900;line-height:1;display:flex}.go-title-a{color:#1b6f9c;text-shadow:2px 2px #fff,-2px 2px #fff,2px -2px #fff,-2px -2px #fff,0 3px #fff,0 6px #0c3a5a59;font-size:clamp(22px,3.4vh,30px)}.go-title-b{color:#ffc21c;text-shadow:2px 2px #c2410c,-2px 2px #c2410c,2px -2px #c2410c,-2px -2px #c2410c,0 3px #c2410c,0 5px #9a3208,0 8px 10px #00000040;margin-top:2px;font-size:clamp(28px,4.6vh,42px)}.go-chip{background:#fff;border:2px solid #f5d58a;border-radius:18px;align-items:center;gap:12px;padding:6px 20px 6px 8px;animation:.45s cubic-bezier(.2,1.6,.4,1) .45s both go-pop;display:inline-flex;box-shadow:0 4px 10px #c2410c1f}.go-coin{perspective:200px;flex:none;width:46px;height:46px}.go-coin-face{color:#9a5a00;letter-spacing:-.02em;text-shadow:0 1px #fff6c9e6;background:radial-gradient(circle at 35% 30%,#fff6c9 0%,#ffd84d 35%,#f4af24 70%,#c98400 100%);border:3px solid #e89e0c;border-radius:50%;place-items:center;width:100%;height:100%;font-size:15px;font-weight:900;animation:3.2s ease-in-out .8s infinite go-coin-flip;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #fff6c999,inset 0 -3px 4px #965a0059,0 3px 8px #c2780c73}.go-coin-face:after{content:"";background:linear-gradient(115deg,#0000 40%,#ffffffd9 50%,#0000 60%);animation:3.2s ease-in-out .8s infinite go-coin-shine;position:absolute;inset:-20%;transform:translate(-80%)}@keyframes go-coin-flip{0%,55%{transform:rotateY(0)}80%,to{transform:rotateY(360deg)}}@keyframes go-coin-shine{0%,20%{transform:translate(-80%)}45%,to{transform:translate(80%)}}.go-chip-text{flex-direction:column;align-items:flex-start;line-height:1.05;display:flex}.go-chip-label{letter-spacing:.1em;color:#e8680c;font-size:11px;font-weight:900}.go-chip-value{color:#173c5a;font-variant-numeric:tabular-nums;font-size:clamp(26px,4vh,34px);font-weight:900}.go-chip-value small{color:#1f7a3a;font-size:.6em;font-weight:900}#game-over-screen .new-best{margin:0}.go-message{max-width:34ch;margin:0;font-size:clamp(13px,1.8vh,15px);font-weight:600;line-height:1.4}.go-message b{color:#1f7a3a}.go-total{color:#fff;background:linear-gradient(135deg,#1f7a3a,#2e9a4e);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 14px;display:flex;box-shadow:inset 0 1px #ffffff40,0 4px 10px #1f7a3a40}.go-total-label{text-align:left;opacity:.92;font-size:12px;font-weight:700}.go-total-value{white-space:nowrap;font-variant-numeric:tabular-nums;color:#ffe27a;text-shadow:0 2px #0003;font-size:clamp(18px,2.8vh,24px);font-weight:900}.go-stats{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.go-stats div{background:#fff;border:2px solid #f3e0c0;border-radius:12px;flex-direction:column;gap:2px;padding:8px 4px;display:flex}.go-stats span{letter-spacing:.08em;color:#9a7b52;font-size:10px;font-weight:800}.go-stats b{color:#173c5a;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:5px;font-size:clamp(15px,2.2vh,19px);font-weight:900;display:inline-flex}.go-mini-sun{background:radial-gradient(circle at 35% 30%, #fff3c4, var(--solar-yellow) 55%, var(--warm-gold));border-radius:50%;width:13px;height:13px;box-shadow:0 0 6px #f4af24cc}.go-actions{flex-direction:column;align-items:center;gap:10px;animation:.45s cubic-bezier(.2,1.4,.4,1) .55s both go-pop;display:flex}.go-play-row{align-items:center;gap:14px;display:flex}.go-play{appearance:none;cursor:pointer;color:#fff;letter-spacing:.06em;text-shadow:0 2px #a84a05,0 0 2px #a84a05;-webkit-tap-highlight-color:transparent;background:linear-gradient(#ffb45a 0%,#ff8a1f 45%,#e8680c 100%);border:3px solid #ffd23d;border-radius:999px;padding:.4em 1.7em .45em;font-family:inherit;font-size:clamp(19px,3vh,26px);font-weight:900;animation:1.6s ease-in-out 1.2s infinite go-pulse;box-shadow:inset 0 3px #ffffff73,inset 0 -4px #00000026,0 0 0 2px #f4af2480,0 6px 16px #00000059}.go-play:active{transform:scale(.95)}.go-menu{appearance:none;cursor:pointer;color:#fff;letter-spacing:.04em;-webkit-backdrop-filter:blur(6px);background:#0b24358c;border:1px solid #ffffff59;border-radius:999px;padding:8px 20px;font-family:inherit;font-size:14px;font-weight:700}.go-play:focus-visible,.go-menu:focus-visible{outline-offset:3px;outline:3px solid #fff}@keyframes go-fade{0%{opacity:0}}@keyframes go-pop{0%{opacity:0;transform:scale(.85)translateY(10px)}}@keyframes go-drop{0%{opacity:0;transform:translateY(-30px)}}@keyframes go-bubble{0%{opacity:0;transform:rotate(8deg)scale(.4)}}@keyframes go-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){#game-over-screen,#game-over-screen *{animation:none!important}}.menu-panel{text-align:center;width:100%;max-width:420px}.start-overlay .menu-panel{text-align:left;max-width:min(420px,44vw);position:absolute;top:42%;left:7vw;transform:translateY(-50%)}.title-lockup{flex-direction:column;align-items:center;gap:2px;margin:0 0 28px;animation:.6s ease-out both menu-rise;display:flex}.start-overlay .title-lockup{align-items:flex-start}.title-line{letter-spacing:.06em;text-shadow:0 4px 18px #00000073;font-size:clamp(34px,9vw,58px);font-weight:800;line-height:1.05}.start-overlay .title-line{font-size:clamp(2.75rem,6vw,5.5rem)}.start-overlay .title-lead{letter-spacing:.08em;font-size:clamp(1.6rem,3.3vw,3.1rem)}.title-lead{color:var(--white)}.title-accent{color:var(--solar-yellow);align-items:center;gap:8px;display:inline-flex;position:relative}.start-overlay .title-accent{background:linear-gradient(180deg, #ffe27a 0%, var(--solar-yellow) 45%, var(--warm-gold) 100%);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 4px 18px #f4af2473);-webkit-background-clip:text;background-clip:text}.bolt{background:var(--electric-blue);clip-path:polygon(60% 0%,0% 58%,42% 58%,32% 100%,100% 40%,52% 40%);width:.42em;height:.62em;display:inline-block}.start-overlay .bolt{animation:3.4s ease-in-out infinite bolt-flicker}@keyframes bolt-flicker{0%,86%,to{opacity:1;filter:drop-shadow(0 0 6px #3dd6ff8c)}89%{opacity:.35}92%{opacity:1;filter:drop-shadow(0 0 16px #3dd6fff2)}95%{opacity:.55}}.menu-kicker{color:var(--solar-yellow);letter-spacing:.3em;text-shadow:0 2px 8px #00000080;align-items:center;gap:12px;margin-bottom:14px;font-size:12px;font-weight:800;animation:.6s ease-out both menu-rise;display:flex}.kicker-line{background:linear-gradient(90deg, var(--warm-gold), var(--solar-yellow));border-radius:3px;width:36px;height:3px;box-shadow:0 0 10px #ffc83d99}.menu-tagline{color:#f5f7f8db;text-shadow:0 2px 10px #0000008c;margin:-12px 0 26px;font-size:16px;font-weight:600;line-height:1.5;animation:.6s ease-out 60ms both menu-rise}.best-chip{background:#0b243599;border:1px solid #ffc83d73;border-radius:999px;align-items:center;gap:10px;margin-top:16px;padding:6px 16px 6px 12px;animation:.6s ease-out .18s both menu-rise;display:inline-flex;box-shadow:0 4px 14px #0000004d}.best-chip.hidden{display:none}.best-label{color:var(--solar-yellow);letter-spacing:.2em;font-size:11px;font-weight:800}.best-value{color:var(--white);font-size:16px;font-weight:800}.btn-hero{animation:.6s ease-out .12s both menu-rise}.start-overlay .btn-hero{margin-left:0;margin-right:0;animation:.6s ease-out .12s both menu-rise,2.6s ease-in-out 1s infinite play-glow;position:relative;overflow:hidden}.result-card .btn-hero{animation:.5s ease-out .34s both menu-rise,2.6s ease-in-out 1.4s infinite play-glow;overflow:hidden}.start-overlay .btn-hero:after,.result-card .btn-hero:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:45%;animation:3.6s ease-in-out 1.2s infinite play-shine;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-18deg)}@keyframes play-shine{0%{left:-60%}35%,to{left:130%}}@keyframes play-glow{0%,to{box-shadow:0 8px 24px #f4af2459,inset 0 1px #ffffff80}50%{box-shadow:0 8px 34px #ffc83da6,0 0 0 6px #ffc83d24,inset 0 1px #ffffff80}}.controls-hint{flex-direction:column;align-items:center;gap:8px;margin-top:26px;animation:.6s ease-out .24s both menu-rise;display:flex}.start-overlay .controls-hint{flex-flow:wrap;align-items:center;gap:10px;margin-top:22px}.start-overlay .hint-row{opacity:1;background:#0b243580;border:1px solid #ffffff24;border-radius:999px;padding:5px 12px 5px 6px}.hint-row{color:var(--off-white);opacity:.9;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.hint-badge{text-align:center;min-width:28px;color:var(--white);letter-spacing:.02em;background:#0b2435b8;border:1px solid #fff3;border-radius:8px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-block;box-shadow:0 2px 6px #0000004d}.controls-hint.emphasize{animation:.6s ease-out .24s both menu-rise,1.6s ease-in-out .9s 2 hint-glow}@keyframes hint-glow{0%,to{filter:none}50%{filter:drop-shadow(0 0 8px #ffc83db3)}}@keyframes menu-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.btn{letter-spacing:.04em;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;font-family:inherit;font-weight:700;transition:transform .15s,filter .15s,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:3px solid var(--sky-blue);outline-offset:3px}.btn-primary{background:linear-gradient(180deg, var(--solar-yellow), var(--warm-gold));color:var(--navy-dark);box-shadow:0 8px 24px #f4af2459,inset 0 1px #ffffff80}.btn-primary:hover{filter:brightness(1.05);transform:scale(1.03)}.btn-secondary{color:var(--white);background:#12344a8c;border:1px solid #ffffff47}.btn-secondary:hover{background:#12344acc}.btn-hero{width:100%;max-width:280px;padding:15px 44px;font-size:20px}.btn-play,.btn-hero{margin-left:auto;margin-right:auto}.btn-icon-play{border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent var(--navy-dark);width:0;height:0}.btn-icon-retry{border:3px solid var(--navy-dark);border-right-color:#0000;border-radius:50%;width:14px;height:14px;position:relative;transform:rotate(-45deg)}.btn-icon-retry:after{content:"";border-style:solid;border-width:5px 5px 0 0;border-color:var(--navy-dark) transparent transparent transparent;width:0;height:0;position:absolute;top:-4px;right:-2px}.menu-panel.compact .btn,.result-card .btn{width:100%;max-width:260px;margin:10px auto 0;display:flex}.menu-panel.compact .btn-primary,.result-card .btn-primary{padding:13px 0;font-size:18px}.menu-panel.compact .btn-secondary,.result-card .btn-secondary{padding:11px 0;font-size:14px}.menu-panel.compact{background:#0b24358c;border:1px solid #ffffff24;border-radius:20px;margin-top:0;padding:32px 28px;animation:.35s ease-out both card-pop}.panel-title{letter-spacing:.06em;color:var(--white);margin:0 0 20px;font-size:clamp(24px,6vw,32px);font-weight:800}.result-card{text-align:center;background:linear-gradient(#143850e0 0%,#081a27eb 100%);border:1px solid #ffffff24;border-radius:26px;width:100%;max-width:400px;padding:34px 30px 28px;animation:.4s ease-out both card-pop;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000080,0 0 0 1px #ffc83d14,inset 0 1px #ffffff14}.result-card:before{content:"";background:linear-gradient(90deg, transparent, var(--warm-gold), var(--solar-yellow), var(--warm-gold), transparent);height:4px;position:absolute;top:0;left:0;right:0}.result-glow{pointer-events:none;background:radial-gradient(#ffc83d38 0%,#ffc83d00 70%);width:320px;height:220px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.result-card>:not(.result-glow){position:relative}.result-kicker{justify-content:center;margin-bottom:18px}.result-card .result-score{animation:.5s ease-out .1s both menu-rise}.result-card .best-progress{animation:.5s ease-out .18s both menu-rise}.result-card .result-row{animation:.5s ease-out .26s both menu-rise}.result-card .btn{animation:.5s ease-out .34s both menu-rise}.new-best{background:linear-gradient(180deg, var(--solar-yellow), var(--warm-gold));color:var(--navy-dark);letter-spacing:.18em;border-radius:999px;margin-top:6px;padding:4px 14px;font-size:12px;font-weight:800;animation:.5s cubic-bezier(.2,1.6,.4,1) .9s both new-best-stamp,1.8s ease-in-out 1.5s infinite new-best-pulse;box-shadow:0 4px 16px #f4af2480}.new-best.hidden{display:none}@keyframes new-best-stamp{0%{opacity:0;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}@keyframes new-best-pulse{0%,to{box-shadow:0 4px 16px #f4af2480}50%{box-shadow:0 4px 26px #ffc83de6}}.best-progress{max-width:280px;margin:0 auto 20px}.best-progress-track{background:#ffffff1a;border-radius:6px;height:6px;overflow:hidden}.best-progress-fill{background:linear-gradient(90deg, var(--warm-gold), var(--solar-yellow));border-radius:6px;width:0%;height:100%;transition:width 1s cubic-bezier(.2,.8,.2,1) .3s;box-shadow:0 0 10px #ffc83d99}.best-progress-text{color:#f5f7f8cc;margin-top:8px;font-size:12.5px;font-weight:600;display:block}@keyframes card-pop{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.result-score{flex-direction:column;align-items:center;gap:2px;margin-bottom:18px;display:flex}.result-score-value{font-variant-numeric:tabular-nums;background:linear-gradient(180deg, #ffe27a 0%, var(--solar-yellow) 45%, var(--warm-gold) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 18px #f4af2466);-webkit-background-clip:text;background-clip:text;font-size:clamp(48px,13vw,72px);font-weight:800;line-height:1.05}.result-row{justify-content:center;gap:10px;margin:0 0 24px;display:flex}.result-stat{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:72px;padding:12px 8px;display:flex}.result-stat span:last-child{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.debug-panel{bottom:env(safe-area-inset-bottom,0px);white-space:pre;pointer-events:none;background:#0009;border-radius:6px;margin:12px;padding:8px 12px;font-family:ui-monospace,Consolas,monospace;font-size:12px;line-height:1.5;position:absolute;left:0}.hit-flash{opacity:0;pointer-events:none;background:radial-gradient(#dc28280d 40%,#b414148c 100%);position:absolute;inset:0}@media (width<=480px){.hud-stat{border-radius:14px;gap:8px;min-width:0;padding:6px 12px 6px 6px}.hud-stat.coin{padding:6px 6px 6px 12px}.hud-icon{width:32px;height:32px}.hud-value{font-size:20px}.hud{gap:6px;padding:12px 10px}.hud-stat.global{gap:6px;padding:5px 8px 6px 6px}.hud-stat.global .hud-label{letter-spacing:.04em;font-size:8px}.hud-coin{width:34px;height:34px}.hud-coin .go-coin-face{border-width:2px;font-size:12px}.global-live{gap:3px;padding:0 4px;font-size:7px}.global-live i{width:4px;height:4px}.global-value{gap:3px;font-size:17px}.global-sub{font-size:8.5px}.hud-stat.distance,.hud-stat.coin{flex:none}}@media (width<=720px){.hud{gap:8px;padding:12px}.hud-stat.distance,.hud-stat.coin{flex:none;gap:8px;min-width:0}.hud-stat.distance{padding:7px 14px 7px 7px}.hud-stat.coin{padding:7px 7px 7px 14px}}@media (width<=400px){.hud-stat.distance .hud-icon,.hud-stat.coin .hud-icon{display:none}.hud-stat.distance,.hud-stat.coin{padding:6px 10px}.pause-btn{top:calc(env(safe-area-inset-top,0px) + 70px);width:36px;height:36px}.result-row{gap:12px}.result-stat{min-width:60px}}@media (width<=700px) and (orientation:portrait){.start-overlay .menu-panel{text-align:center;max-width:min(360px,88vw);top:12%;left:50%;transform:translate(-50%)}.start-overlay .title-lockup,.start-overlay .controls-hint{align-items:center}.start-overlay .menu-kicker,.start-overlay .controls-hint{justify-content:center}.menu-tagline{font-size:14px}.start-overlay .title-line{font-size:clamp(2.4rem,11vw,3.4rem)}.start-overlay .title-lead{font-size:clamp(1.5rem,6.5vw,2.1rem)}.start-overlay .btn-hero{margin-left:auto;margin-right:auto}.start-overlay{background:linear-gradient(#030c14d1 0%,#04101a80 30%,#05141e14 55%,#05141e73 100%)}.settings-label{display:none}.settings-btn{padding:9px}.gear-icon{margin:0}}@media (height<=480px) and (orientation:landscape){.menu-panel{margin-top:clamp(8px,4vh,24px)}.start-overlay .menu-panel{max-width:min(340px,40vw);top:50%}.start-overlay .title-line{font-size:clamp(1.8rem,5vw,2.6rem)}.start-overlay .title-lead{font-size:clamp(1.1rem,3vw,1.6rem)}.start-overlay .title-lockup{margin-bottom:12px}.menu-kicker{margin-bottom:6px;font-size:10px}.menu-tagline{margin:-4px 0 12px;font-size:13px}.start-overlay .controls-hint{margin-top:12px}.start-overlay .btn-hero{padding:10px 28px;font-size:16px}.title-lockup{margin-bottom:14px}.controls-hint{margin-top:14px}.menu-panel.compact,.result-card{padding:18px 24px}.result-row{margin-bottom:14px}.settings-btn{top:calc(env(safe-area-inset-top,0px) + 8px);padding:6px 12px 6px 8px;font-size:10px}}@media (prefers-reduced-motion:reduce){.title-lockup,.btn-hero,.controls-hint,.menu-kicker,.menu-tagline,.best-chip,.start-overlay .bolt,.start-overlay .btn-hero:after,.icon-star:after,.icon-dash i,.icon-sun .sun-rays,.hud-stat,.hud-stat *,.menu-panel.compact,.result-card,.result-card *,.result-card .btn-hero:after{animation:none!important}.btn,.icon-btn,.best-progress-fill{transition:none!important}}#leaderboard-screen{-webkit-backdrop-filter:blur(7px)saturate(1.1);background:radial-gradient(at 50% 25%,#fff4d673,#0000 60%),linear-gradient(#3a8fdc99 0%,#8cc6ef40 40%,#081a2799 100%);padding:0;animation:.35s ease-out both go-fade;overflow:hidden}.lb-logo{width:min(38vw,16vh,220px)}.lb-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.lb-confetti i{top:-20px;left:calc(var(--i) * 3.9%);background:hsl(calc(var(--i) * 47deg) 90% 60%);opacity:.9;width:8px;height:14px;animation:lb-fall calc(5s + var(--i) * .23s) linear calc(var(--i) * -.41s) infinite;border-radius:2px;position:absolute}.lb-confetti i:nth-child(3n){border-radius:50%;width:10px;height:10px}@keyframes lb-fall{to{transform:translate(calc(sin(var(--i)) * 60px), 110vh) rotate(calc(var(--i) * 97deg + 540deg))}}.lb-kids{pointer-events:none;filter:drop-shadow(0 10px 12px #0000004d);height:min(36vh,320px);animation:.6s cubic-bezier(.2,1.3,.4,1) .2s both go-drop;position:absolute;bottom:2vh;left:max(2vw,50% - 560px)}@media (width<=900px){.lb-kids{display:none}}#leaderboard-screen .go-scroll{position:relative}.lb-card{color:#4a3218;background:linear-gradient(#fffdf7 0%,#fff4e0 100%);border:5px solid #e8680c;border-radius:26px;flex-direction:column;gap:10px;width:min(100%,460px);margin-top:14px;padding:46px 14px 14px;animation:.5s cubic-bezier(.2,1.3,.4,1) 50ms both go-pop;display:flex;position:relative;box-shadow:0 0 0 4px #ffd23d,0 16px 36px #00000059}.lb-ribbon{color:#fff;white-space:nowrap;text-shadow:0 2px #a84a05;background:linear-gradient(#ffb45a 0%,#ff8a1f 50%,#e8680c 100%);border:3px solid #ffd23d;border-radius:16px;padding:8px 34px 10px;font-size:clamp(20px,3vh,26px);font-weight:900;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:0 6px 14px #00000040}.lb-participants{background:#fff;border:2px solid #f3e0c0;border-radius:14px;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 16px;display:flex}.lb-participants span{color:#173c5a;font-size:15px;font-weight:800}.lb-participants b{color:#173c5a;font-variant-numeric:tabular-nums;font-size:clamp(24px,3.6vh,32px);font-weight:900}.lb-table{background:#fff;border:2px solid #f3e0c0;border-radius:14px;overflow:hidden}.lb-head,.lb-row,.lb-me{grid-template-columns:44px 1fr auto;align-items:center;gap:8px;padding:0 14px;display:grid}.lb-head{color:#fff;background:linear-gradient(#c25a12,#9a4108);height:30px;font-size:12px;font-weight:800}.lb-head span:first-child,.lb-rank{text-align:center}.lb-head span:last-child,.lb-amount{text-align:right}.lb-rows{margin:0;padding:0;list-style:none}.lb-row{border-top:1px solid #f3e7d2;height:clamp(30px,4.2vh,38px);font-size:14px;animation:.35s ease-out both lb-row-in}.lb-row:nth-child(2n){background:#fbf6ec}.lb-row.top1{background:#fff4cc}.lb-row.top2{background:#eaf1fb}.lb-row.top3{background:#fbe8dc}.lb-row.mine,.lb-me{box-shadow:inset 5px 0 #1f7a3a}.lb-row.mine:not(.top1):not(.top2):not(.top3),.lb-me{background:#e5f5e9}.lb-row.open .lb-name,.lb-row.open .lb-amount{color:#cbb89a;font-weight:700}.lb-row:first-child{animation-delay:50ms}.lb-row:nth-child(2){animation-delay:.1s}.lb-row:nth-child(3){animation-delay:.15s}.lb-row:nth-child(4){animation-delay:.2s}.lb-row:nth-child(5){animation-delay:.25s}.lb-row:nth-child(6){animation-delay:.3s}.lb-row:nth-child(7){animation-delay:.35s}.lb-row:nth-child(8){animation-delay:.4s}.lb-row:nth-child(9){animation-delay:.45s}.lb-row:nth-child(10){animation-delay:.5s}@keyframes lb-row-in{0%{opacity:0;transform:translate(-12px)}}.lb-rank{color:#6b5a44;font-weight:900}.lb-medal{color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;font-style:normal;font-weight:900;display:inline-grid;box-shadow:inset 0 -2px #0003,0 2px 4px #0003}.lb-medal.m1{color:#7a4d00;background:radial-gradient(circle at 35% 30%,#fff1a8,#f4b400 60%,#c98400)}.lb-medal.m2{color:#3d4a5a;background:radial-gradient(circle at 35% 30%,#fff,#b9c6d6 60%,#8595a8)}.lb-medal.m3{background:radial-gradient(circle at 35% 30%,#ffd9b8,#d9824a 60%,#a8592a)}.lb-name{text-overflow:ellipsis;white-space:nowrap;color:#173c5a;min-width:0;font-weight:700;overflow:hidden}.lb-name em{color:#1f7a3a;font-size:12px;font-style:normal}.lb-amount{color:#c2410c;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:900}.lb-me{border:2px solid #b9e2c4;border-radius:12px;height:38px;font-size:14px}.lb-empty{text-align:center;color:#7a5a2e;padding:22px 12px;font-weight:600}.lb-banner{color:#fff;text-align:center;background:linear-gradient(135deg,#1f7a3a,#2e9a4e);border-radius:16px;flex-direction:column;align-items:center;gap:1px;padding:10px 14px 12px;display:flex;box-shadow:inset 0 1px #ffffff40,0 4px 10px #1f7a3a40}.lb-banner-top{letter-spacing:.08em;text-transform:uppercase;opacity:.9;font-size:12px;font-weight:800}.lb-banner-value{color:#ffe27a;text-shadow:0 2px #0003;font-variant-numeric:tabular-nums;font-size:clamp(24px,3.8vh,32px);font-weight:900}.lb-banner-sub{opacity:.9;font-size:12px;font-weight:600}@media (prefers-reduced-motion:reduce){#leaderboard-screen,#leaderboard-screen *{animation:none!important}.lb-confetti{display:none}}@media (height<=1000px){.lb-logo{display:none}.lb-row{height:clamp(28px,3.5vh,34px)}.lb-card{gap:8px;padding-top:42px}.lb-participants{padding:6px 14px}.lb-banner{padding:6px 12px 8px}}@media (height<=800px){#game-over-screen .go-logo{display:none}.go-kids{height:clamp(96px,16vh,150px);margin-bottom:calc(clamp(96px,16vh,150px)/-6.25)}.go-card{gap:7px;padding:20px 12px 12px}}@media (width<=380px){.go-card,.lb-card{padding-left:10px;padding-right:10px}.go-stats{gap:6px}.go-stats b{font-size:14px}.go-total{padding:8px 10px}}.go-share{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.go-share-label{letter-spacing:.08em;text-transform:uppercase;color:#9a7b52;font-size:11px;font-weight:800}.go-share-icons{justify-content:center;gap:10px;display:flex}.go-share-btn{appearance:none;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;transition:transform .15s;display:grid;box-shadow:inset 0 -2px #0000002e,0 3px 8px #0003}.go-share-btn:hover{transform:translateY(-2px)}.go-share-btn:active{transform:scale(.92)}.go-share-btn:focus-visible{outline-offset:2px;outline:3px solid #ff8a1f}.go-share-btn svg{fill:currentColor;width:20px;height:20px}.go-share-btn.wa{background:#25d366}.go-share-btn.fb{background:#1877f2}.go-share-btn.ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.go-share-btn.x{background:#111}.go-share-btn.link{background:#6b7f8c}.go-share-note{color:#1f7a3a;min-height:1em;font-size:12px;font-weight:700}.go-share-note:empty{display:none}#howto-screen{z-index:5;-webkit-backdrop-filter:blur(8px)saturate(1.1);background:radial-gradient(at 50% 25%,#fff4d673,#0000 60%),linear-gradient(#3a8fdcb3 0%,#8cc6ef73 40%,#081a27b3 100%);padding:0;transition:opacity .3s;animation:.35s ease-out both go-fade}#howto-screen.leaving{opacity:0;pointer-events:none}.ht-card{width:min(100%,520px)}.ht-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ht-tile{background:#fff;border:2px solid #f3e0c0;border-radius:16px;flex-direction:column;animation:.45s cubic-bezier(.2,1.4,.4,1) both go-pop;display:flex;overflow:hidden}.ht-tile:nth-child(2){animation-delay:80ms}.ht-tile:nth-child(3){animation-delay:.16s}.ht-tile:nth-child(4){animation-delay:.24s}.ht-scene{--scene-h:clamp(96px, 15vh, 128px);height:var(--scene-h);background:linear-gradient(90deg,#5aa64a 0 7%,#8a8a8a 7% 8.5%,#3d3d3f 8.5% 91.5%,#8a8a8a 91.5% 93%,#5aa64a 93%);position:relative;overflow:hidden;container-type:inline-size}.ht-lane-lines{background:repeating-linear-gradient(#f3e7a8 0 12px,#0000 12px 26px) 33.333% 0/3px 100% no-repeat,repeating-linear-gradient(#f3e7a8 0 12px,#0000 12px 26px) 66.666% 0/3px 100% no-repeat;animation:.6s linear infinite ht-road;position:absolute;inset:0 8.5%}@keyframes ht-road{to{background-position:33.333% 26px,66.666% 26px}}.ht-runner{transform-origin:50% 100%;filter:drop-shadow(0 3px 2px #00000073);width:26px;height:35px;margin-left:-13px;position:absolute;bottom:8px;left:50%}.ht-runner svg{width:100%;height:100%;animation:.32s ease-in-out infinite alternate ht-bob;display:block}.ht-runner .leg-a{animation:.32s ease-in-out infinite alternate ht-leg}.ht-runner .leg-b{animation:.32s ease-in-out infinite alternate-reverse ht-leg}@keyframes ht-bob{to{transform:translateY(-2px)}}@keyframes ht-leg{to{transform:translateY(-2px)}}.ht-finger{opacity:0;background:#fffffff2;border-radius:50%;width:22px;height:22px;display:none;position:absolute;box-shadow:0 0 0 4px #ffffff59,0 3px 8px #0006}#howto-screen.touch .ht-finger{display:block}.ht-lanes .ht-runner{animation:2.6s cubic-bezier(.5,0,.3,1) infinite ht-lanes}@keyframes ht-lanes{0%,34%{transform:translate(0)}44%,84%{transform:translate(-27.7cqw)}94%,to{transform:translate(0)}}.ht-lanes .ht-bill{animation-duration:2.6s}.ht-lanes .ht-finger{margin-left:-11px;animation:2.6s ease-in-out infinite ht-finger-lr;top:22%;left:50%}@keyframes ht-finger-lr{0%,28%{opacity:0;transform:translate(10cqw)}32%{opacity:1;transform:translate(10cqw)}42%{opacity:1;transform:translate(-14cqw)}47%,to{opacity:0;transform:translate(-14cqw)}}.ht-bill,.ht-bill-mini{color:#fff;background:linear-gradient(#e53935 0 30%,#fff 30%);border-radius:3px;place-items:center;font-style:normal;font-weight:900;display:grid;box-shadow:0 2px 4px #0006}.ht-bill{width:30px;height:22px;margin-left:-15px;padding-bottom:9px;font-size:6px;animation:2.4s linear infinite ht-incoming;position:absolute;top:0;left:50%}@keyframes ht-incoming{0%{opacity:0;transform:translateY(-30px)scale(.6)}10%{opacity:1}70%{transform:translateY(calc(var(--scene-h) - 34px)) scale(1);opacity:1}85%,to{transform:translateY(calc(var(--scene-h) + 10px)) scale(1.1);opacity:0}}.ht-gen,.ht-gen-mini{background:repeating-linear-gradient(90deg,#00000047 0 2px,#0000 2px 5px) 55%/45% 50% no-repeat,linear-gradient(#4c8a3f,#2f5e27);border-radius:4px;display:block;position:relative;box-shadow:inset 0 -3px #00000040,0 2px 4px #0006}.ht-gen:before,.ht-gen-mini:before{content:"";background:#ffc21c;border-radius:2px;width:18%;height:44%;position:absolute;top:28%;left:12%}.ht-gen{width:34px;height:20px;margin-left:-17px;animation:2.4s linear infinite ht-incoming;position:absolute;top:0;left:50%}.ht-gen-mini{width:26px;height:16px}.ht-jump .ht-runner{animation:2.4s ease-in-out infinite ht-jump}@keyframes ht-jump{0%,50%{transform:translateY(0)}62%{transform:translateY(-34px)}70%{transform:translateY(-36px)}84%,to{transform:translateY(0)}}.ht-jump .ht-finger,.ht-slide .ht-finger{margin-top:-11px;top:50%;left:22%}.ht-jump .ht-finger{animation:2.4s ease-in-out infinite ht-finger-up}@keyframes ht-finger-up{0%,38%{opacity:0;transform:translateY(20px)}42%{opacity:1;transform:translateY(20px)}56%{opacity:1;transform:translateY(-22px)}62%,to{opacity:0;transform:translateY(-22px)}}.ht-cut,.ht-cut-mini{background:repeating-linear-gradient(135deg,#ffc21c 0 7px,#222 7px 14px);border-radius:3px;display:block;box-shadow:0 2px 4px #0006}.ht-cut{width:44px;height:9px;margin-left:-22px;animation:2.4s linear infinite ht-incoming;position:absolute;top:0;left:50%}.ht-cut:before,.ht-cut:after{content:"";background:#555;width:3px;height:14px;position:absolute;top:9px}.ht-cut:before{left:3px}.ht-cut:after{right:3px}.ht-slide .ht-runner{animation:2.4s ease-in-out infinite ht-slide}@keyframes ht-slide{0%,52%{transform:scale(1)}60%,78%{transform:scale(1.25,.5)}88%,to{transform:scale(1)}}.ht-slide .ht-finger{animation:2.4s ease-in-out infinite ht-finger-down}@keyframes ht-finger-down{0%,38%{opacity:0;transform:translateY(-22px)}42%{opacity:1;transform:translateY(-22px)}56%{opacity:1;transform:translateY(20px)}62%,to{opacity:0;transform:translateY(20px)}}.ht-sun{background:radial-gradient(circle at 35% 30%,#fffbe6,#ffd84d 45%,#ff9f1c);border-radius:50%;width:22px;height:22px;margin-left:-11px;animation:1.8s ease-in infinite ht-sun;position:absolute;top:0;left:50%;box-shadow:0 0 10px #ffbe28f2}.ht-sun:before{content:"";background:repeating-conic-gradient(#ffc83d 0deg 14deg,#0000 14deg 36deg);border-radius:50%;animation:3s linear infinite sun-spin;position:absolute;inset:-6px;-webkit-mask:radial-gradient(circle,#0000 56%,#000 58%);mask:radial-gradient(circle,#0000 56%,#000 58%)}@keyframes ht-sun{0%{opacity:0;transform:translateY(-26px)scale(.6)}12%{opacity:1}68%{transform:translateY(calc(var(--scene-h) - 46px)) scale(1);opacity:1}76%,to{transform:translateY(calc(var(--scene-h) - 40px)) scale(1.5);opacity:0}}.ht-plus{color:#ffe27a;white-space:nowrap;opacity:0;background:#1f7a3a;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:900;animation:1.8s ease-out infinite ht-plus;position:absolute;bottom:44px;left:50%}@keyframes ht-plus{0%,68%{opacity:0;transform:translate(-50%,6px)scale(.7)}76%{opacity:1;transform:translate(-50%)scale(1.1)}92%{opacity:1;transform:translate(-50%,-10px)scale(1)}to{opacity:0;transform:translate(-50%,-14px)scale(1)}}#howto-screen .ht-suns .ht-finger{display:none}.ht-caption{text-align:center;flex-direction:column;align-items:center;gap:1px;padding:7px 6px 8px;display:flex}.ht-caption b{color:#c2410c;white-space:nowrap;font-size:clamp(14px,2.1vh,17px);font-weight:900}.ht-caption span{color:#173c5a;font-size:12px;font-weight:700}.ht-touch{display:none}#howto-screen.touch .ht-touch{display:inline}#howto-screen.touch .ht-keys{display:none}.ht-keys{background:#fff7ea;border:1px solid #e8c79a;border-radius:6px;padding:1px 8px;box-shadow:inset 0 -2px #e8c79a}.ht-suns .ht-keys{box-shadow:none;background:0 0;border:none;padding:0}.ht-avoid{color:#4a3218;background:#fff;border:2px solid #f3e0c0;border-radius:14px;align-items:center;gap:10px;margin:0;padding:9px 12px;font-size:13px;font-weight:600;line-height:1.35;display:flex}.ht-avoid b{color:#c2410c}.ht-avoid-icons{flex:none;align-items:center;gap:5px;display:flex}.ht-bill-mini{width:26px;height:20px;padding-bottom:8px;font-size:5px}.ht-cut-mini{width:26px;height:8px}@media (prefers-reduced-motion:reduce){#howto-screen *{animation-duration:0s!important;animation-iteration-count:1!important}}.hud-power{left:50%;top:calc(env(safe-area-inset-top,0px) + 94px);z-index:2;color:#fff;pointer-events:none;opacity:0;background:linear-gradient(#143850e0 0%,#081a27e0 100%);border:1px solid #5ee6ff8c;border-radius:16px;align-items:center;gap:10px;padding:7px 14px 8px 9px;transition:opacity .35s,transform .35s;display:flex;position:absolute;transform:translate(-50%,-8px)scale(.9);box-shadow:0 6px 18px #0000004d,0 0 16px #3dd6ff59,inset 0 1px #ffffff1a}.hud-power.on{opacity:1;transform:translate(-50%)scale(1)}.hud-power.on.ending{animation:.5s ease-in-out infinite alternate pw-ending}@keyframes pw-ending{to{border-color:#5ee6ff40;box-shadow:0 6px 18px #0000004d,0 0 4px #3dd6ff26,inset 0 1px #ffffff1a}}.pw-icon{flex:none;width:22px;height:32px;position:relative}.pw-cap{background:#cfe8f0;border-radius:2px 2px 0 0;width:8px;height:4px;position:absolute;top:0;left:7px}.pw-cell{background:linear-gradient(#ffd84d 0%,#3dd6ff 100%) 0 0/100% 200%;border:2px solid #cfe8f0;border-radius:5px;animation:1.2s linear infinite pw-charge;position:absolute;inset:3px 0 0}@keyframes pw-charge{0%{background-position:0 100%}to{background-position:0 0}}.pw-bolt{clip-path:polygon(60% 0,0 58%,45% 58%,30% 100%,100% 38%,55% 38%);filter:drop-shadow(0 0 3px #ffffffe6);background:#fff;width:11px;height:16px;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.pw-body{flex-direction:column;gap:5px;min-width:118px;display:flex}.pw-head{letter-spacing:.08em;justify-content:space-between;align-items:baseline;gap:10px;font-size:11px;display:flex}.pw-head b{color:#7fefff;font-weight:900}.pw-head span{color:#ffd84d;font-variant-numeric:tabular-nums;font-size:13px;font-weight:900}.pw-bar{background:#00000059;border-radius:999px;height:6px;display:block;overflow:hidden}.pw-bar i{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#3dd6ff,#ffd84d);height:100%;display:block;box-shadow:0 0 8px #3dd6ffcc}@media (width<=480px){.hud-power{top:calc(env(safe-area-inset-top,0px) + 74px);gap:8px;padding:5px 11px 6px 7px}.pw-body{min-width:100px}}@media (prefers-reduced-motion:reduce){.hud-power,.hud-power *{animation:none!important}}
