.tetra-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;justify-items:end;row-gap:.15rem;display:grid;position:absolute;bottom:2.4rem;right:7.25rem;transform:translateY(.5rem)}.tetra-hud.on{opacity:1;transform:none}.th-k{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10px}.th-n{font-family:var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink);font-size:56px;line-height:1}.th-sub{letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.th-spark{width:220px;height:64px;transition:opacity .4s var(--out);margin-top:.35rem}.tetra-hud.no-spark .th-spark{opacity:0}.is-still .tetra-hud{display:none}@media (width<=899px){.tetra-hud{right:var(--gutter);left:var(--gutter);grid-template-columns:auto auto 1fr;place-items:baseline start;column-gap:.55rem;top:3.6rem;bottom:auto}.th-k{order:0}.th-n{font-size:24px}.th-sub{justify-self:end;font-size:11px}.th-spark{display:none}}.tetra-fig{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}.tf-cap{text-transform:none;letter-spacing:.06em;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.2rem 1rem;font-size:11px;display:flex}.tf-value{color:var(--ink);font-variant-numeric:tabular-nums;white-space:pre;font-weight:500}.tf-grid{gap:.45rem;margin-top:.7rem;display:grid}.tf-grid-4,.tf-grid-8{grid-template-columns:repeat(4,minmax(0,1fr))}.tf-cell{font:inherit;color:var(--ink-2);box-shadow:0 0 0 1px var(--hair);cursor:pointer;transition:box-shadow .35s var(--out), background .35s var(--out), transform .2s var(--out);background:#ffffff47;border:0;border-radius:.8rem;justify-items:center;gap:.15rem;padding:.35rem .2rem .4rem;display:grid}.tf-cell:active{transform:scale(.98)}.tf-cell[aria-pressed=true]{box-shadow:0 0 0 1.5px var(--ink), 0 10px 24px -16px #16140f73;background:#ffffff9e}.tf-cell svg{width:100%;max-width:7rem;height:auto;display:block;overflow:visible}.tf-cell-k{text-transform:none;letter-spacing:.04em;white-space:pre;font-variant-numeric:tabular-nums;font-size:10.5px}.tf-cell.in .tf-cell-k{color:var(--accent)}.tf-ring{fill:none;stroke:var(--ink-2);stroke-width:1px;opacity:.55}.tf-line{stroke:#3a4458;stroke-width:.9px;stroke-dasharray:2 2;opacity:.6}.tf-tri{fill:#16140f08;stroke:var(--ink);stroke-width:1.1px;stroke-linejoin:round}.tf-tri.in{fill:#c2421f14}.tf-edge{stroke:var(--ink);stroke-width:1px}.tf-edge.back{opacity:.35}.tf-pin{fill:#b08a3e;stroke:var(--paper-hi);stroke-width:1px}.tf-p3{fill:var(--ink);stroke:var(--paper-hi);stroke-width:1px}.tf-pin.back,.tf-p3.back{opacity:.5}.tf-end{fill:var(--paper-hi);stroke:var(--muted);stroke-width:.9px}.tf-centre{fill:var(--muted)}.tf-centre.in{fill:var(--accent);stroke:var(--paper-hi);stroke-width:1.2px}.tf-row{justify-content:flex-end;margin-top:.6rem;display:flex}.tf-chip{font:inherit;text-transform:none;letter-spacing:.04em;color:var(--ink-2);box-shadow:0 0 0 1px var(--hair);cursor:pointer;transition:background .3s var(--out), transform .2s var(--out);background:#fff6;border:0;border-radius:999px;padding:.32rem .75rem;font-size:11px}.tf-chip:active{transform:scale(.97)}.tf-hist canvas{aspect-ratio:380/190;width:100%;max-width:27rem;height:auto;margin:.6rem auto 0;display:block}.tf-key{text-transform:none;letter-spacing:.04em;color:var(--muted);flex-wrap:wrap;align-items:center;gap:.3rem .5rem;margin-top:.45rem;font-size:10.5px;display:flex}.tf-key span{width:14px;height:8px;display:inline-block}.tf-key .k-exact{background:var(--accent);width:2px;height:12px}.tf-key .k-band{box-shadow:inset 0 -1.5px 0 var(--muted);background:#16140f14;margin-left:.6rem}@media (width<=899px){.tf-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}