.hh{--sky:#14728b;--ink:#0f1a16;--fur:#ad703a;--bark:#864b1f;--cream:#ded2c3;--paper:#f4ece0;--trail:#fac589;--orange:#f1a751;--rust:#ae4e26;--moss:#596e31;--canopy:#a0a538;--band:#942b1e;--gold:#f2c14e;--card:var(--paper);--card-ink:var(--ink);--muted:#5b5146;--display:var(--font-han), "Black Han Sans", system-ui, sans-serif;--body:var(--font-nunito), "Nunito", system-ui, sans-serif}.hh,.hh *{box-sizing:border-box}.hh [hidden]{display:none!important}.hh{isolation:isolate;background:var(--sky);font-family:var(--body);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;overflow:hidden}.hh canvas{display:block;position:absolute;inset:0}.hh button{font:700 15px/1 var(--body);cursor:pointer;border:3px solid var(--ink);background:var(--cream);color:var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:14px;padding:12px 16px;transition:transform 80ms,box-shadow 80ms}.hh button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.hh button:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.hh .go{background:var(--orange)}.hh .hot{background:var(--band);color:var(--cream)}.hh #hud{pointer-events:none;position:absolute;inset:0}.hh .bar{top:max(10px,env(safe-area-inset-top));align-items:center;gap:10px;display:flex;position:absolute;left:12px;right:12px}.hh .chip{background:var(--cream);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);white-space:nowrap;border-radius:12px;padding:6px 10px}.hh .chip small{letter-spacing:.08em;text-transform:uppercase;color:#5b5146;font-size:10px;font-weight:700;display:block}.hh .chip b{font:400 14px/1.1 var(--display)}.hh .lvl{text-overflow:ellipsis;max-width:36vw;overflow:hidden}.hh .prog{border:3px solid var(--ink);background:#0f1a1659;border-radius:10px;flex:1;min-width:60px;height:18px;position:relative;overflow:hidden}.hh .prog i{background:linear-gradient(90deg,var(--canopy),var(--orange));width:0;position:absolute;inset:0 auto 0 0}.hh .prog span{font:400 11px/1 var(--display);color:var(--cream);text-shadow:0 1px 0 var(--ink),1px 0 0 var(--ink),-1px 0 0 var(--ink),0 -1px 0 var(--ink);place-items:center;display:grid;position:absolute;inset:0}.hh .coin{background:var(--gold);border:2px solid var(--ink);vertical-align:-2px;border-radius:50%;width:14px;height:14px;margin-right:4px;display:inline-block}.hh :is(#pauseBtn,#soundBtn){pointer-events:auto;width:44px;height:44px;font:400 14px/1 var(--display);box-shadow:0 3px 0 var(--ink);border-radius:12px;flex:none;padding:0}.hh #live{left:12px;top:calc(max(10px,env(safe-area-inset-top)) + 58px);pointer-events:none;width:min(280px,100vw - 24px);position:absolute}.hh .lvl{min-width:0}.hh #meter{background:var(--cream);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:14px;padding:8px 10px;position:relative}.hh #meter.hit{animation:.5s hh-hit}@keyframes hh-hit{0%,to{transform:none}25%{transform:scale(1.08)rotate(-2deg)}60%{transform:scale(.97)rotate(1deg)}}.hh .mtop{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.hh .mtop b{font:400 13px/1 var(--display);color:var(--rust)}.hh .mtop small{font-size:11px;font-weight:700}.hh .hb{border:2.5px solid var(--ink);background:#fff6ea;border-radius:8px;height:12px;margin:6px 0 4px;overflow:hidden}.hh .hb i{background:repeating-linear-gradient(135deg,var(--band) 0 8px,var(--rust) 8px 16px);width:0;height:100%;transition:width .15s;display:block}.hh .mbot{color:#5b5146;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.hh .fheart{color:var(--band);text-shadow:0 0 0 var(--ink);font-size:20px;animation:1.2s ease-out forwards hh-rise;position:absolute;bottom:4px}@keyframes hh-rise{to{transform:translate(var(--dx),-120px) scale(1.4);opacity:0}}.hh #banner{opacity:0;pointer-events:none;text-align:center;background:var(--rust);color:var(--cream);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:18px;max-width:88vw;padding:12px 18px;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)scale(.6)}.hh #banner.show{animation:2.4s ease-out hh-ban}@keyframes hh-ban{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)rotate(-3deg)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.06)rotate(1deg)}20%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-70%)scale(1)}}.hh #bTitle{font:400 clamp(16px,4.4vw,24px)/1.1 var(--display);display:block}.hh #bSub{font-size:13px;font-weight:700}.hh #tapdock{right:12px;bottom:max(12px,env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}.hh #tapdock .taps{background:var(--card);border:3px solid var(--ink);max-width:70vw;box-shadow:0 4px 0 var(--ink);border-radius:14px;flex-wrap:wrap;justify-content:flex-end;gap:6px;padding:8px;display:none}.hh #tapdock.open .taps{display:flex}.hh #tapdock .taps button{box-shadow:0 3px 0 var(--ink);padding:8px 10px;font-size:13px}.hh #tapdock .taps p{width:100%;color:var(--muted);text-align:right;margin:0 0 2px;font-size:11px;font-weight:700}.hh .dockrow{gap:8px;display:flex}.hh #demoBtn{background:var(--cream);padding:9px 12px;font-size:13px}.hh #demoBtn.on{background:var(--orange);animation:1.4s ease-in-out infinite hh-pulse}@keyframes hh-pulse{50%{transform:translateY(-2px)}}.hh #feed{flex-direction:column;gap:5px;margin-top:8px;display:flex}.hh #feed div{color:var(--cream);background:#0f1a16d1;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:700;animation:.25s ease-out hh-feedIn,.5s ease-in 2.6s forwards hh-feedOut}.hh #feed b{color:var(--orange)}@keyframes hh-feedIn{0%{opacity:0;transform:translate(-10px)}}@keyframes hh-feedOut{to{opacity:0}}.hh .check{cursor:pointer;align-items:flex-start;gap:10px;margin:0 0 14px;font-size:14px;font-weight:700;display:flex}.hh .check input{width:22px;height:22px;accent-color:var(--rust);flex:none;margin:0}.hh .check small{color:var(--muted);font-size:12px;font-weight:400;display:block}.hh .tfnote{border:2px solid var(--ink);border-radius:10px;margin:0 0 12px;padding:8px 10px;font-size:13px;font-weight:700;line-height:1.35}.hh .tfnote.on{background:var(--gold)}.hh #tapToggle{background:var(--band);color:var(--cream);padding:9px 12px;font-size:13px}.hh .screen{touch-action:pan-y;place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow:auto}.hh .dim{background:#06141a8c}.hh .card{background:var(--card);color:var(--card-ink);border:3px solid var(--ink);box-shadow:0 7px 0 var(--ink);border-radius:22px;width:min(440px,100%);padding:20px}.hh .card h2{font:400 clamp(22px,6vw,30px)/1.05 var(--display);color:var(--fur);margin:0 0 6px}.hh .card p{color:var(--muted);margin:0 0 14px;line-height:1.45}.hh .row{flex-wrap:wrap;gap:10px;display:flex}.hh .row button{flex:1}.hh .backdrop{background:radial-gradient(circle at var(--sun-x,90%) var(--sun-y,16%), var(--trail) 0 var(--sun-r,52px), #fac58959 0 calc(var(--sun-r,52px) + 22px), transparent 0), linear-gradient(#14728b, #3f8f98 62%, #a3c4b6);position:absolute;inset:0;overflow:hidden}.hh #menu{align-content:safe center;place-items:safe center;overflow-x:hidden}.hh .scene{aspect-ratio:1600/520;pointer-events:none;width:100%;height:auto;min-height:300px;max-height:62%;position:absolute;bottom:0;left:0;right:0}.hh .scene path,.hh .scene circle,.hh .scene rect{stroke:var(--ink);stroke-width:5px;stroke-linejoin:round}.hh .ridge-far{fill:#2f6f78}.hh .ridge-mid{fill:#4c5f2a}.hh .trees circle{fill:var(--canopy)}.hh .trees .t2{fill:#918f35}.hh .trees .t3{fill:#8a8f30}.hh .ground{fill:var(--bark)}.hh .trail{fill:var(--trail)}.hh .grass{fill:none;stroke-width:6px}.hh .hero{grid-template-columns:auto minmax(0,500px);justify-content:center;align-items:center;gap:10px 40px;width:min(1040px,100%);display:grid;position:relative}.hh #heroImg{aspect-ratio:299/420;filter:drop-shadow(0 10px #0f1a1659);width:auto;max-width:none;height:min(66vh,560px);animation:2.4s ease-in-out infinite hh-bob;display:block}@keyframes hh-bob{50%{transform:translateY(-8px)rotate(-1deg)}}.hh .menucard{background:var(--paper);color:var(--ink);border:4px solid var(--ink);box-shadow:0 9px 0 var(--ink);border-radius:26px;padding:22px 24px 18px}.hh .title{margin:-64px -10px 14px -14px;line-height:0}.hh .title img{filter:drop-shadow(0 4px #0f1a1640);width:100%;height:auto;display:block}.hh .stamps{flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0;list-style:none;display:flex}.hh .stamps li{background:var(--cream);border:2.5px solid var(--ink);border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 3px;font-size:13px;font-weight:700;display:flex}.hh .stamps b{background:var(--orange);border:2px solid var(--ink);width:22px;height:22px;font:400 11px/1 var(--display);border-radius:50%;place-items:center;display:grid}.hh button.big{width:100%;min-height:58px;font:400 24px/1 var(--display);letter-spacing:.02em;box-shadow:0 6px 0 var(--ink);margin-bottom:10px;display:block}.hh .menucard .row button{min-height:48px}.hh .tips{text-align:center;border-top:3px dashed #0f1a1640;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 0;padding:14px 0 0;list-style:none;display:grid}.hh .tips li{color:var(--muted);flex-direction:column;align-items:center;gap:6px;font-size:13px;line-height:1.2;display:flex}.hh .tips b{color:var(--ink)}.hh .ico{border:3px solid var(--ink);background:var(--cream);min-width:52px;height:34px;box-shadow:0 3px 0 var(--ink);font:400 12px/1 var(--display);color:var(--ink);border-radius:10px;place-items:center;padding:0 8px;display:grid}.hh .ico.shroom{background:#fff6ea;padding:0 6px}.hh .ico svg{width:34px;height:27px;display:block}.hh .mstats{text-align:center;color:var(--muted);margin:14px 0 0;font-size:13px;font-weight:700}.hh .mstats:empty{display:none}@media (max-width:760px){.hh #menu{flex-direction:column;align-items:center;padding-top:20px;display:flex}.hh .backdrop{--sun-x:86%;--sun-y:7%;--sun-r:34px}.hh .hero{flex-direction:column;flex:1 0 auto;align-items:center;gap:0;display:flex}.hh .menucard{flex:none}.hh #heroImg{aspect-ratio:auto;object-fit:contain;flex:1 1 0;width:100%;max-width:none;height:auto;min-height:90px;max-height:230px;margin-bottom:-6px}.hh .menucard{width:100%;max-width:460px;padding:18px 16px 14px}.hh .title{margin:-6px -4px 12px}.hh .stamps{justify-content:center}}@media (max-width:760px) and (max-height:700px){.hh .tips{display:none}}@media (max-width:760px) and (max-height:600px){.hh .stamps{display:none}}@media (max-height:560px) and (min-width:761px){.hh #heroImg{height:min(62vh,340px)}.hh .menucard{padding:14px 18px 12px}.hh .title{margin:-26px 6% 6px 2%}.hh .stamps,.hh .tips{display:none}}@media (prefers-reduced-motion:reduce){.hh #heroImg,.hh #demoBtn.on,.hh #meter.hit{animation:none}}.hh .lostcard{text-align:center;width:min(400px,100%);box-shadow:0 9px 0 var(--ink);border-width:4px;border-radius:26px}.hh .lostcard h2{color:var(--rust);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink);margin:2px 0 6px;font-size:clamp(34px,8vw,48px);transform:rotate(-2deg)}.hh .lostcard .row button{min-height:52px}.hh .lostcard #lRetry{font:400 clamp(16px,4.4vw,20px)/1 var(--display);white-space:nowrap;flex:1.6}.hh .lostcard #lRetry:disabled{opacity:.6;cursor:default}.hh .card button:focus-visible{outline-color:var(--ink)}.hh .linkbtn.confirm{color:var(--rust)}.hh .linkbtn{min-height:44px;box-shadow:none;font:700 14px/1.2 var(--body);color:var(--muted);text-underline-offset:3px;background:0 0;border:0;margin:12px auto 0;padding:8px 12px;text-decoration:underline;display:block}.hh .linkbtn:active{box-shadow:none;transform:none}.hh .stop .flagtag{font:400 11px/1 var(--display);background:var(--gold);border:2px solid var(--ink);border-radius:999px;padding:3px 8px}.hh .screen:is(#levels,#liveSetup){place-items:safe center}.hh .mapcard{width:min(560px,100%);box-shadow:0 9px 0 var(--ink);border-width:4px;border-radius:26px;padding:22px 22px 18px}.hh .card .maptitle{font:400 clamp(30px,6vw,44px)/1 var(--display);color:var(--trail);-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink);transform-origin:0;margin:4px 0 16px;transform:rotate(-2deg)}.hh #modeTag{background:var(--ink);color:var(--cream);border-radius:999px;margin-bottom:12px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-block}.hh #trail{flex-direction:column;gap:14px;margin:0 0 16px;padding:0;list-style:none;display:flex;position:relative}.hh #trail:before{content:"";border-left:4px dashed #0f1a1659;position:absolute;top:24px;bottom:24px;left:31px}.hh .stop{text-align:left;background:var(--cream);border-left:10px solid var(--tc,var(--orange));border-radius:16px;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;width:100%;padding:10px 14px 10px 10px;display:grid;position:relative}.hh .stop .stamp{border:3px solid var(--ink);width:42px;height:42px;font:400 17px/1 var(--display);background:var(--orange);color:var(--ink);border-radius:50%;place-items:center;display:grid}.hh .stop.done .stamp{background:var(--canopy)}.hh .stop.next{box-shadow:0 4px 0 var(--ink),0 0 0 4px var(--orange);background:#fff6ea}.hh .stop .info{min-width:0}.hh .stop .info b{font:400 16px/1.15 var(--display);display:block}.hh .stop .info small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:700;display:block}.hh .pips{gap:3px;margin:3px 0;display:flex}.hh .pips i{border:1.5px solid var(--ink);background:0 0;border-radius:50%;width:8px;height:8px}.hh .pips i.on{background:var(--rust)}.hh .stop .best{flex-direction:column;align-items:flex-end;gap:5px;min-width:76px;display:flex}.hh .stop .pct{font:400 15px/1 var(--display)}.hh .pbar{border:2px solid var(--ink);background:#fff6ea;border-radius:6px;width:76px;height:9px;display:block;overflow:hidden}.hh .pbar i{background:linear-gradient(90deg,var(--canopy),var(--orange));height:100%;display:block}.hh .stop .unlock{color:var(--rust);margin-top:3px;font-size:12px;font-weight:700;display:block}.hh .stop .mini{color:var(--muted);font-size:12px;font-weight:700}.hh .stop .tagline{font:400 11px/1 var(--display);background:var(--orange);border:2px solid var(--ink);border-radius:999px;padding:3px 8px}.hh .stop.locked{cursor:not-allowed;background:#e6ded2;box-shadow:0 4px #0f1a1673}.hh .stop.locked .stamp{background:#cfc5b6}.hh .stop.locked .info b{color:#4a4238}.hh .stop.locked svg{width:18px;height:18px}.hh .backbtn{padding:10px 16px;font-size:14px}@media (max-width:480px){.hh .mapcard{padding:18px 14px 14px}.hh .stop{gap:10px;padding-right:10px}.hh .stop .best{min-width:62px}.hh .pbar{width:62px}}.hh label{margin-bottom:6px;font-size:13px;font-weight:700;display:block}.hh input{width:100%;font:700 16px var(--body);border:3px solid var(--ink);color:var(--ink);background:#fff;border-radius:12px;margin-bottom:14px;padding:12px}.hh .how{color:var(--muted);margin:0 0 14px;padding-left:18px;font-size:14px;line-height:1.5}.hh .stats{grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 16px;display:grid}.hh .stats div{border:3px solid var(--ink);background:var(--cream);color:var(--ink);border-radius:14px;padding:10px}.hh .stats small{text-transform:uppercase;letter-spacing:.06em;color:#5b5146;font-size:11px;font-weight:700;display:block}.hh .stats b{font:400 20px/1.1 var(--display)}.hh .cimg{float:right;width:120px;margin:-40px -6px 0 8px}