.hh-app-stage{z-index:0;background:var(--night-top,#1b1446);position:fixed;inset:0;overflow:hidden}.hh-app-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hh-fps-badge{z-index:40;right:calc(var(--safe-r,0px) + 8px);bottom:calc(var(--safe-b,0px) + 6px);color:var(--mint,#2ee6a6);font:700 12px/1.4 var(--font-body,system-ui), system-ui, sans-serif;pointer-events:none;font-variant-numeric:tabular-nums;background:#2a1640b8;border-radius:8px;padding:2px 8px;position:fixed}.hh-fps-badge[hidden]{display:none}.hh-coach{left:calc(var(--safe-l) + clamp(10px, 2vw, 24px));top:calc(var(--safe-t) + clamp(74px, 12vh, 118px));pointer-events:none;width:min(300px,34vw);font-size:calc(var(--fs-sm) * var(--ui-text-scale,1));transition:opacity .3s ease, transform .36s var(--ease-bounce);flex-direction:column;gap:8px;display:flex;position:absolute}.hh-coach.is-leaving{opacity:0;transform:translate(-24px)}.hh-coach__card{border:var(--stroke) solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-hard);color:var(--white);background:linear-gradient(#ffffff24,#fff0 45%),#2a1640e0;padding:12px 14px;position:relative}.hh-coach__card.is-pop{animation:hh-coach-pop .42s var(--ease-bounce)}.hh-coach__card.is-complete{background:linear-gradient(180deg, #fff3, #fff0 50%), var(--mint-dark,#13a877)}@keyframes hh-coach-pop{0%{transform:scale(.9)}}.hh-coach__kicker{font-family:var(--font-head);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);align-items:center;gap:6px;display:flex}.hh-coach__kicker svg{width:16px;height:16px}.hh-coach__count{color:var(--white);opacity:.8;margin-left:auto}.hh-coach__title{font-size:var(--fs-xl);color:#fff;-webkit-text-stroke:.12em var(--ink);paint-order:stroke fill;margin:4px 0 2px;line-height:1.05}.hh-coach__text{margin:0 0 8px;line-height:1.3}.hh-coach__keys{flex-wrap:wrap;gap:8px;display:flex}.hh-coach__note{min-height:0;color:var(--tangerine);margin:8px 0 0;font-weight:700}.hh-coach__note:empty{display:none}.hh-coach__list{flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none;display:flex}.hh-coach__step{border:2px solid var(--ink);font-size:var(--fs-2xs);color:#ffffffbf;transition:background .2s ease, transform .3s var(--ease-bounce);background:#2a1640b8;border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 4px;font-weight:700;display:inline-flex}.hh-coach__tick{background:#ffffff29;border-radius:50%;place-items:center;width:16px;height:16px;display:inline-grid}.hh-coach__tick svg{opacity:0;width:12px;height:12px}.hh-coach__step.is-current{background:var(--grape);color:#fff;transform:scale(1.06)}.hh-coach__step.is-done{background:var(--mint-dark,#13a877);color:#fff}.hh-coach__step.is-done .hh-coach__tick{background:var(--mint);color:var(--ink)}.hh-coach__step.is-done .hh-coach__tick svg{opacity:1}.hh-coach__skip{border:2px solid var(--ink);min-height:36px;color:var(--ink);font-family:var(--font-head);font-size:var(--fs-sm);pointer-events:auto;cursor:pointer;box-shadow:0 3px 0 var(--ink);background:#ffffffeb;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:4px 12px;display:inline-flex}.hh-coach__skip kbd{font:700 10px/1 var(--font-body);background:var(--ink);color:#fff;border-radius:5px;padding:3px 5px}[data-device=touch] .hh-coach__skip kbd,[data-device=gamepad] .hh-coach__skip kbd{display:none}[data-device=touch] .hh-coach{top:calc(var(--safe-t) + 76px);left:auto;right:calc(var(--safe-r) + 12px);width:min(300px,34vw)}[data-device=touch] .hh-coach__card{overscroll-behavior:contain;pointer-events:auto;touch-action:pan-y;max-height:min(34vh,190px);overflow-y:auto}[data-device=touch] .hh-coach.is-leaving{transform:translate(24px)}@media (orientation:portrait){[data-device=touch] .hh-coach{top:calc(var(--safe-t) + 164px);width:min(320px,72vw);left:50%;right:auto;transform:translate(-50%)}[data-device=touch] .hh-coach__card{max-height:min(24vh,180px)}[data-device=touch] .hh-coach.is-leaving{transform:translate(-50%,-12px)}}@media (max-height:460px){.hh-coach{top:calc(var(--safe-t) + 58px);width:min(260px,36vw);font-size:var(--fs-xs);gap:5px}[data-device=touch] .hh-coach{top:calc(var(--safe-t) + 54px);gap:4px;width:min(220px,28vw)}.hh-coach__card{padding:6px 8px}[data-device=touch] .hh-coach__card{max-height:min(31vh,108px)}.hh-coach__title{font-size:var(--fs-md);margin:2px 0 1px}.hh-coach__text{margin-bottom:4px;line-height:1.2}[data-device=touch] .hh-coach__text,[data-device=touch] .hh-coach__note{font-size:11px}[data-device=touch] .hh-coach__keys{gap:4px}[data-device=touch] .hh-coach__note{margin-top:4px}.hh-coach__list{display:none}.hh-coach__skip{min-height:28px;font-size:var(--fs-xs);padding:3px 9px}}.hh-practice{top:calc(var(--safe-t) + 72px);right:calc(var(--safe-r) + 12px);pointer-events:none;color:#fff;flex-direction:column;gap:7px;width:min(310px,34vw);display:flex;position:absolute}.hh-practice__card{border:var(--stroke) solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-hard);pointer-events:auto;background:#2a1640e0;padding:10px 12px}.hh-practice__kicker{font-family:var(--font-head);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);align-items:center;gap:6px;display:flex}.hh-practice__kicker .hh-icon{width:16px;height:16px}.hh-practice__count{color:#fff;opacity:.75;margin-left:auto}.hh-practice__title{font-size:var(--fs-lg);color:#fff;-webkit-text-stroke:.1em var(--ink);paint-order:stroke fill;margin:4px 0 2px}.hh-practice__text{font-size:var(--fs-xs);margin:0 0 7px;line-height:1.3}.hh-practice__keys,.hh-practice__nav,.hh-practice__tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hh-practice__nav{margin-top:8px}.hh-practice__tools{pointer-events:auto}.hh-practice__tools .hh-btn{min-height:34px}.hh-practice.is-tips-hidden .hh-practice__card{display:none}.hh-practice.is-drill .hh-practice__card{border-color:var(--gold);box-shadow:0 5px 0 var(--ink), 0 0 0 2px #ffd23f73, 0 14px 28px #11062852;background:radial-gradient(circle at 92% 12%,#ffd23f29,#0000 34%),linear-gradient(#4a2a80f5,#2a1640f5)}.hh-practice.is-drill .hh-practice__kicker{color:var(--mint)}.hh-practice.is-drill .hh-practice__title{color:var(--gold)}.hh-practice.is-drill .hh-practice__count{color:var(--gold);opacity:1;font-variant-numeric:tabular-nums}.hh-practice.is-slalom .hh-practice__card{border-color:var(--mint);background:radial-gradient(circle at 92% 12%,#2ee6a62e,#0000 34%),linear-gradient(#3a2160f5,#23123af5)}.hh-practice.is-slalom .hh-practice__kicker,.hh-practice.is-slalom .hh-practice__title{color:var(--mint)}.hh-practice.is-slalom .hh-practice__count{color:var(--gold)}@media (orientation:portrait){[data-device=touch] .hh-practice{top:calc(var(--safe-t) + 160px);width:min(300px,72vw)}}@media (max-height:460px){[data-device=touch] .hh-practice{top:calc(var(--safe-t) + 52px);width:min(220px,28vw)}[data-device=touch] .hh-practice__card{max-height:112px;padding:6px 8px;overflow-y:auto}[data-device=touch] .hh-practice__text{font-size:11px;line-height:1.18}[data-device=touch] .hh-practice__tools .hh-btn{min-height:28px;padding:3px 7px;font-size:10px}}