.hp-scroll{overscroll-behavior-x:contain;align-self:stretch;width:100%;min-width:0;max-width:100%;overflow-x:auto}.hp-board{touch-action:manipulation;width:100%;min-width:340px;max-width:min(520px,87svh - 261px);margin:0 auto;display:block}.hp-star{fill:var(--sunk);stroke:var(--line);stroke-width:2px;stroke-linejoin:round}.hp-hit{fill:#0000}.hp-pit{fill:var(--line)}.hp-hole.t0 .hp-pit{fill:color-mix(in srgb,var(--bad)45%,var(--line))}.hp-hole.t1 .hp-pit{fill:color-mix(in srgb,var(--info)45%,var(--line))}.hp-hole.t2 .hp-pit{fill:color-mix(in srgb,var(--good)45%,var(--line))}.hp-hole.t3 .hp-pit{fill:color-mix(in srgb,var(--sun)45%,var(--line))}.hp-hole.t4 .hp-pit{fill:color-mix(in srgb,var(--ink)45%,var(--line))}.hp-hole.t5 .hp-pit{fill:color-mix(in srgb,var(--surface)45%,var(--line))}.hp-hole[role=button]{cursor:pointer}.hp-hole[role=button]:focus-visible{outline:none}.hp-hole[role=button]:focus-visible .hp-hit{stroke:var(--accent);stroke-width:2px}.hp-hole.can .hp-pit{fill:var(--accent)}.hp-hole.can .hp-hit{fill:color-mix(in srgb,var(--accent)18%,transparent)}.hp-piece{stroke:var(--ink);stroke-width:1.8px}.hp-piece.pick{stroke-width:2.6px}.hp-hole.sel .hp-piece{stroke:var(--accent);stroke-width:4px}.p0{fill:var(--bad)}.p1{fill:var(--info)}.p2{fill:var(--good)}.p3{fill:var(--sun)}.p4{fill:var(--ink)}.p5{fill:var(--surface)}.hp-piece.p4{stroke:var(--surface)}.hp-path{fill:none;stroke-width:3px;stroke-dasharray:5 4;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;opacity:.8}.hp-path.p0{stroke:var(--bad)}.hp-path.p1{stroke:var(--info)}.hp-path.p2{stroke:var(--good)}.hp-path.p3{stroke:var(--sun)}.hp-path.p4,.hp-path.p5{stroke:var(--muted)}.hp-players{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hp-players li{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:auto 1fr;align-items:center;column-gap:6px;min-width:0;padding:4px 10px;display:grid}.hp-players li.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.hp-players b{font-family:var(--f-word);overflow-wrap:anywhere;font-size:15px}.hp-players small{font-family:var(--f-mono);color:var(--muted);grid-column:1/-1;font-size:12px}.hp-dot{border:2px solid var(--ink);border-radius:50%;width:14px;height:14px}.hp-dot.p0{background:var(--bad)}.hp-dot.p1{background:var(--info)}.hp-dot.p2{background:var(--good)}.hp-dot.p3{background:var(--sun)}.hp-dot.p4{background:var(--ink)}.hp-dot.p5{background:var(--surface)}.hp-levels{flex-wrap:wrap;align-items:center;gap:6px;display:flex}