.blocks-hud{color:var(--ink-2);text-transform:none;font-feature-settings:"tnum";opacity:0;transition:opacity .7s var(--out), transform .7s var(--out);pointer-events:none;grid-template-columns:auto;justify-items:end;row-gap:.15rem;display:grid;position:absolute;bottom:2.4rem;right:7.25rem;transform:translateY(.5rem)}.blocks-hud.on{opacity:1;transform:none}.bh-k{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10px}.bh-n{font-family:var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink);transition:color .4s var(--out);font-size:56px;line-height:1}.blocks-hud.is-done .bh-n{color:var(--accent)}.bh-ratio{letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:12px}.bh-slow{letter-spacing:.06em;color:var(--accent);opacity:0;transition:opacity .25s var(--out), transform .25s var(--out);font-size:11px;transform:translateY(-.2rem)}.blocks-hud.is-slow .bh-slow{opacity:1;transform:none}.bh-sound{pointer-events:auto;font:inherit;letter-spacing:.06em;color:var(--ink-2);box-shadow:0 0 0 1px var(--hair), 0 1px 0 #ffffffb3 inset;cursor:pointer;transition:background .3s var(--out), transform .2s var(--out);background:#ffffff6b;border:0;border-radius:999px;align-items:center;gap:.5rem;margin-top:.55rem;padding:.38rem .75rem .38rem .6rem;font-size:11px;display:inline-flex}.bh-sound:active{transform:scale(.97)}.bh-sound i{width:.6rem;height:.6rem;box-shadow:0 0 0 1px var(--muted) inset;transition:background .3s var(--out), box-shadow .3s var(--out);border-radius:50%;position:relative}.bh-sound[aria-pressed=true] i{background:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.bh-sound[aria-pressed=true]{color:var(--ink)}.is-still .blocks-hud{display:none}@media (width<=899px){.blocks-hud{right:var(--gutter);grid-template-columns:auto auto;align-items:baseline;column-gap:.6rem;top:3.9rem;bottom:auto}.bh-k{grid-area:1/1}.bh-n{grid-area:1/2;font-size:30px}.bh-ratio{grid-column:1/-1}.bh-slow{white-space:nowrap;margin-top:.25rem;position:absolute;top:100%;right:0}.bh-sound{white-space:nowrap;margin:0;padding:.3rem .6rem .3rem .5rem;position:absolute;top:.1rem;right:calc(100% + .6rem)}}.blocks-fig{--hit:#c2421f;box-shadow:0 0 0 1px var(--hair), 0 1px 0 #fff9 inset, 0 30px 60px -40px #16140f59;background:#ffffff52;border-radius:1.1rem;margin:1.6rem 0 0;padding:1rem 1.1rem .95rem}.bf-cap{text-transform:none;letter-spacing:.06em;color:var(--muted);justify-content:space-between;gap:1rem;font-size:11px;display:flex}.bf-count{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:500}.blocks-fig.is-done .bf-count{color:var(--accent)}.blocks-fig svg{width:100%;max-width:27rem;height:auto;font-family:var(--mono);margin:.5rem auto 0;display:block;overflow:visible}.bf-axis{stroke:var(--hair);stroke-width:1px}.bf-circle{fill:none;stroke:var(--ink-2);stroke-width:1.1px}.bf-wedge{fill:#c2421f24;stroke:#c2421f73;stroke-width:.8px}.bf-hit{fill:none;stroke:var(--hit);stroke-width:1.15px;stroke-linecap:round}.bf-wall{fill:none;stroke:var(--ink-2);stroke-width:.9px;stroke-dasharray:2 2.2}.bf-start{fill:var(--paper);stroke:var(--ink-2);stroke-width:1.2px}.bf-dot{fill:var(--hit);stroke:var(--paper-hi);stroke-width:1.5px}.bf-label{fill:var(--ink-2);font-size:11.5px}.bf-small{fill:var(--muted);font-size:10.5px}.bf-endword{fill:var(--accent)}.bf-legend{text-transform:none;color:var(--ink-2);flex-wrap:wrap;gap:.4rem 1.2rem;margin-top:.5rem;font-size:11px;display:flex}.bf-legend span{align-items:center;gap:.45rem;display:inline-flex}.bf-legend i{width:1.4rem;height:0;display:inline-block}.bf-key-hit{border-top:1.4px solid var(--hit)}.bf-key-wall{border-top:1.2px dashed var(--ink-2)}