:root{--hh-bg: #000000;--hh-text: #ececec;--hh-dim: #6a6a6a;--hh-accent: #c15a21;--hh-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", "Courier New", monospace}html,body{margin:0;background:var(--hh-bg)}body{min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hh-demo{position:relative;width:100%;max-width:1200px;aspect-ratio:5 / 3;overflow:hidden;background:var(--hh-bg)}.hh-stage{position:absolute;left:0;top:0;width:1200px;height:720px;transform-origin:0 0;font-family:var(--hh-mono);color:var(--hh-text)}.hh-canvas{position:absolute;inset:0;width:1200px;height:720px;display:block;cursor:crosshair;touch-action:pan-y}.hh-metric{position:absolute;left:0;top:0;font-size:11px;line-height:14px;color:#6c6c6c;white-space:pre;pointer-events:none;will-change:transform;transition:opacity .3s ease}.hh-paths{position:absolute;inset:0;pointer-events:none}.hh-path{position:absolute;left:892px;display:grid;gap:2px;padding:4px 8px 4px 14px;border:0;border-radius:4px;background:transparent;color:var(--hh-dim);font:inherit;text-align:left;cursor:pointer;pointer-events:auto;transition:color .24s ease,background-color .24s ease}.hh-path:before{content:"";position:absolute;left:2px;top:11px;width:6px;height:6px;background:var(--hh-accent);transform:scale(0);transition:transform .28s cubic-bezier(.34,1.56,.64,1)}.hh-path:hover{color:#a8a8a8}.hh-path[aria-checked=true]{color:var(--hh-text)}.hh-path.is-tagged:before{transform:scale(1)}.hh-path:focus-visible{outline:1px solid var(--hh-accent);outline-offset:2px}.hh-odds{font-size:18px;font-weight:600;line-height:20px}.hh-target{font-size:14px;line-height:18px;white-space:nowrap}.hh-live{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){.hh-path,.hh-path:before,.hh-metric{transition:none}}