.hp[data-v-82a5cb1b]{flex:1;display:flex;flex-direction:column;touch-action:none;user-select:none;-webkit-user-select:none}.hp-screen[data-v-82a5cb1b]{flex:1;display:flex;flex-direction:column;padding:14px;gap:12px;position:relative;min-height:0}.hp-title[data-v-82a5cb1b]{align-items:center;justify-content:flex-start;text-align:center;gap:16px;padding-top:4vh}.hp-logo[data-v-82a5cb1b]{font-family:var(--font-pixel);font-size:24px;line-height:1.3;color:var(--hp);text-shadow:3px 3px 0 var(--line);letter-spacing:.04em}[data-theme=dark] .hp-logo[data-v-82a5cb1b]{text-shadow:3px 3px 0 var(--line),0 0 16px color-mix(in srgb,var(--hp) 55%,transparent)}[data-theme=light] .hp-logo[data-v-82a5cb1b]{color:var(--candy-ink)}.hp-demo[data-v-82a5cb1b]{display:flex;flex-direction:column;width:180px;border:3px solid var(--line);box-shadow:var(--shadow-tile);image-rendering:pixelated}.hp-demo>span[data-v-82a5cb1b]{position:relative;height:30px;overflow:hidden}.hp-road[data-v-82a5cb1b]{background:color-mix(in srgb,var(--line) 38%,var(--surface))}.hp-grass[data-v-82a5cb1b]{background:color-mix(in srgb,var(--mint) 55%,var(--sun))}.hp-river[data-v-82a5cb1b]{background:var(--sky)}[data-theme=dark] .hp-grass[data-v-82a5cb1b]{background:color-mix(in srgb,color-mix(in srgb,var(--mint) 55%,var(--sun)) 45%,var(--bg-deep))}[data-theme=dark] .hp-river[data-v-82a5cb1b]{background:color-mix(in srgb,#2f6fd6 58%,var(--bg-deep))}.hp-demo i[data-v-82a5cb1b]{position:absolute;display:block}.hp-demo .car[data-v-82a5cb1b]{width:26px;height:16px;top:7px;left:-30px;background:var(--sun);border:2px solid var(--line);box-sizing:border-box;animation:hp-drive-82a5cb1b 2.6s linear infinite}.hp-demo .log[data-v-82a5cb1b]{width:54px;height:14px;top:8px;right:-60px;background:color-mix(in srgb,var(--coral-deep) 70%,var(--line));border:2px solid var(--line);box-sizing:border-box;animation:hp-float-82a5cb1b 3.2s linear infinite}.hp-demo .frog[data-v-82a5cb1b]{width:16px;height:16px;top:7px;left:82px;background:var(--hp);border:2px solid var(--line);box-sizing:border-box;animation:hp-hop-82a5cb1b 1.1s ease-in-out infinite}[data-theme=dark] .hp-demo .frog[data-v-82a5cb1b]{box-shadow:0 0 10px var(--hp)}@keyframes hp-drive-82a5cb1b{0%{left:-30px}to{left:190px}}@keyframes hp-float-82a5cb1b{0%{right:-60px}to{right:190px}}@keyframes hp-hop-82a5cb1b{0%,to{transform:translateY(0) scale(1.1,.9)}50%{transform:translateY(-9px) scale(.9,1.15)}}.hp-hint[data-v-82a5cb1b]{font-size:17px;color:var(--ink-soft);max-width:270px}.hp-hint b[data-v-82a5cb1b]{color:var(--hp)}[data-theme=light] .hp-hint[data-v-82a5cb1b]{color:var(--ink)}[data-theme=light] .hp-hint b[data-v-82a5cb1b]{color:var(--candy-ink)}.hp-link[data-v-82a5cb1b]{background:none;border:none;color:var(--ink-mute);font-family:var(--font-pixel);font-size:8px;text-decoration:underline;cursor:pointer}[data-theme=dark] .hp-link[data-v-82a5cb1b]{color:var(--ink-soft)}[data-theme=light] .hp-link[data-v-82a5cb1b]{color:var(--ink)}.hp-field[data-v-82a5cb1b]{position:relative;flex:1;min-height:0;width:100%;background:var(--surface);border:3px solid var(--line);box-shadow:var(--shadow-tile);overflow:hidden;touch-action:none}.hp-field canvas[data-v-82a5cb1b]{display:block;position:absolute;inset:0}.hp-label[data-v-82a5cb1b]{text-align:center;font-family:var(--font-pixel);font-size:7px;color:var(--ink-mute);letter-spacing:.06em}[data-theme=light] .hp-label[data-v-82a5cb1b]{color:var(--ink)}.hp-hud[data-v-82a5cb1b]{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 14px 5px;pointer-events:none;background:var(--surface);border:3px solid var(--line);box-shadow:var(--shadow-tile);border-radius:var(--r-card);font-family:var(--font-pixel)}.hp-hud b[data-v-82a5cb1b]{color:var(--candy-ink);font-size:16px;line-height:1}.hp-hud span[data-v-82a5cb1b]{font-size:7px;color:var(--ink-mute);letter-spacing:.12em}[data-theme=dark] .hp-hud b[data-v-82a5cb1b]{text-shadow:0 0 8px var(--hp)}[data-theme=light] .hp-hud span[data-v-82a5cb1b]{color:var(--ink)}.hp-onboard[data-v-82a5cb1b]{position:absolute;left:0;right:0;top:30%;z-index:7;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;text-align:center}.hp-ob-icon[data-v-82a5cb1b]{font-size:28px;animation:hp-bob-82a5cb1b 1.6s ease-in-out infinite}.hp-ob-label[data-v-82a5cb1b],.hp-ob-sub[data-v-82a5cb1b]{font-family:var(--font-pixel);letter-spacing:.12em;color:var(--ink);background:var(--surface);border:3px solid var(--line);box-shadow:var(--shadow-tile);padding:7px 10px;border-radius:var(--r-card)}.hp-ob-label[data-v-82a5cb1b]{font-size:11px;color:var(--candy-ink)}.hp-ob-sub[data-v-82a5cb1b]{font-size:8px}[data-theme=dark] .hp-ob-label[data-v-82a5cb1b]{text-shadow:0 0 8px var(--hp)}@keyframes hp-bob-82a5cb1b{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.1)}}.hp-fade-enter-active[data-v-82a5cb1b],.hp-fade-leave-active[data-v-82a5cb1b]{transition:opacity .4s ease}.hp-fade-enter-from[data-v-82a5cb1b],.hp-fade-leave-to[data-v-82a5cb1b]{opacity:0}