.cc-hud{color:var(--ink-2);opacity:0;transition:opacity .7s var(--out), transform .7s var(--out);pointer-events:none;font-variant-numeric:tabular-nums;justify-items:end;row-gap:.28rem;display:grid;position:absolute;bottom:2.4rem;right:7.25rem;transform:translateY(.5rem)}.cc-hud.on{opacity:1;transform:none}.cc-row{align-items:baseline;gap:.6rem;display:flex}.cc-k{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);font-size:10.5px}.cc-v{font-family:var(--mono);color:var(--ink);letter-spacing:-.01em;font-size:15px}.cc-row.big .cc-v{letter-spacing:-.02em;font-size:26px;line-height:1.05}.cc-hud.in-window{box-shadow:0 0 0 1px var(--hair), 0 18px 40px -28px #16140f73;background:#efebe3e6;border-radius:.9rem;padding:.7rem .9rem .65rem}@media (width>=900px){.cc-hud.in-window{bottom:calc(40px + 1rem);right:calc(110px + 1rem)}}.is-still .cc-hud{display:none}@media (width<=899px){.cc-hud{right:auto;left:calc(var(--gutter) + .2rem);grid-auto-flow:column;place-items:baseline start;column-gap:.9rem;bottom:.9rem}.cc-hud.in-window{border-radius:.7rem;padding:.45rem .7rem}.cc-row{flex-direction:column;gap:.05rem}.cc-k{letter-spacing:.06em;font-size:9px}.cc-v{font-size:12px}.cc-row.big .cc-v{font-size:16px}}canvas.cc-drag.cc-grab{cursor:grab}canvas.cc-drag:active.cc-grab{cursor:grabbing}canvas.cc-drag.cc-draw:not(.cc-grab){cursor:crosshair}@media (width<=899px){canvas.cc-drag{touch-action:none!important}}.cc-rules .cc-chips{flex-wrap:wrap;gap:.4rem;margin-top:.55rem;display:flex}.cc-chip{font:inherit;color:var(--ink);box-shadow:0 0 0 1px var(--hair), 0 1px 0 #ffffffb3 inset;cursor:pointer;transition:transform .25s cubic-bezier(.32, .72, 0, 1), background .3s var(--out);background:#ffffff73;border:0;border-radius:999px;padding:.5rem .85rem;font-size:12.5px}.cc-chip:hover{background:#ffffffbf}.cc-chip:active{transform:scale(.97)}.cc-chip[aria-pressed=true]{background:var(--ink);color:var(--paper)}.cc-hint{color:var(--muted);margin:.4rem 0 0;font-size:12px}