.hn-board{grid-template-columns:repeat(3,1fr);gap:10px;width:min(100%,560px);margin:0 auto;display:grid}.hn-peg{border:2px solid var(--ink);border-radius:var(--radius);background:var(--surface);cursor:pointer;border-bottom-width:8px;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;height:min(300px,max(180px,100svh - 440px));padding:0 0 8px;display:flex;position:relative}.hn-peg.lifted{background:color-mix(in srgb,var(--sun)35%,var(--surface))}.hn-peg.to{outline:4px solid var(--good);outline-offset:2px}.hn-peg.fromtip{outline:4px dashed var(--accent);outline-offset:2px}.hn-peg:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.hn-pole{background:var(--ink);border-radius:5px 5px 0 0;width:10px;margin-left:-5px;position:absolute;top:12%;bottom:0;left:50%}.hn-stack{flex-direction:column-reverse;align-items:center;gap:3px;width:100%;display:flex;position:relative}.hn-disc{border:2px solid var(--ink);background:var(--accent);border-radius:999px;height:clamp(14px,4.5svh,26px);transition:transform .15s;display:block}.hn-disc.d0{background:#e4572e}.hn-disc.d1{background:#f3a712}.hn-disc.d2{background:#a8c686}.hn-disc.d3{background:#29bf12}.hn-disc.d4{background:#08bdbd}.hn-disc.d5{background:#3d8bff}.hn-disc.d6{background:#9d6bff}.hn-disc.d7{background:#f06ca5}.hn-disc.up{transform:translateY(-14px)}.hn-msg{text-align:center;min-height:1.4em;color:var(--bad);margin:0;font-weight:700}.hn-win{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.hn-win p{margin:0}@media (prefers-reduced-motion:reduce){.hn-disc{transition:none}}