.hop{-webkit-touch-callout:none;background:#bfe8f6}.hop .run-menu{background:#bfe8f640}@media (pointer:coarse){.hop .run-controls{display:grid}}.hop-streak{top:calc(max(16px, env(safe-area-inset-top)) + 44px);color:var(--run-gold);-webkit-text-stroke:4px var(--run-ink);paint-order:stroke fill;font-size:18px;font-weight:900;position:absolute;left:16px}.hop-hint{left:50%;bottom:max(28px, env(safe-area-inset-bottom));border:3px solid var(--run-ink);background:var(--run-paper);box-shadow:0 4px 0 var(--run-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-weight:800;animation:1.2s ease-in-out infinite hop-pulse;display:flex;position:absolute;transform:translate(-50%)}.hop-hint kbd{border:2px solid var(--run-ink);font:inherit;border-radius:6px;padding:1px 8px;font-size:13px}@media (pointer:coarse){.hop-hint kbd{display:none}}@keyframes hop-pulse{50%{transform:translate(-50%)scale(1.06)}}.hop-pops{position:absolute;inset:0;overflow:hidden}.hop-pop{color:#fff;-webkit-text-stroke:4px var(--run-ink);paint-order:stroke fill;white-space:nowrap;font-size:26px;font-weight:900;animation:1s ease-out forwards hop-rise;position:absolute;transform:translate(-50%,-50%)}.hop-pop.is-perfect{color:var(--run-gold);font-size:32px}.hop-pop.is-bonus{color:#ff8fab;font-size:22px}@keyframes hop-rise{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}15%{opacity:1;transform:translate(-50%,-60%)scale(1.1)}to{opacity:0;transform:translate(-50%,-160%)scale(1)}}