.cv{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);gap:1rem;padding:1.1rem;display:grid}.cv-stage{aspect-ratio:1;background:var(--surface-sunk);border-radius:var(--r);width:100%;margin-inline:auto;position:relative;overflow:hidden}.cv-canvas{touch-action:pan-y;position:absolute;inset:0}.cv[data-mode=still] .cv-canvas{pointer-events:none}.cv-canvas:focus-visible{outline:2.5px solid var(--brand);outline-offset:-3px;border-radius:var(--r)}.cv-still{grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:absolute;inset:0}.cv-still>*{max-width:100%}.cv-state{inset-inline:1.2rem;text-align:center;color:var(--ink-soft);font-size:.9rem;font-weight:600;line-height:1.5;position:absolute;top:50%;transform:translateY(-50%)}.cv-error{color:var(--red)}.cv-error code{font-family:var(--font-mono);font-size:.78rem;font-weight:400}.cv-spinner{vertical-align:-.1em;border:2px solid var(--border-strong);border-block-start-color:var(--brand);border-radius:50%;width:.9em;height:.9em;margin-inline-end:.4em;animation:.8s linear infinite cv-spin;display:inline-block}@keyframes cv-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.cv-spinner{animation:none}}.cv-hint{inset-inline:0;text-align:center;color:var(--ink-faint);font-size:.78rem;font-weight:700;transition:opacity .4s;position:absolute;bottom:.6rem}.cv-hint.is-gone{opacity:0}.cv-optin{text-align:center;justify-items:center;gap:.55rem;display:grid}.cv-load{background:var(--brand);border:1px solid var(--brand-deep);border-radius:var(--r);font-family:var(--font-display);color:var(--ink-invert);cursor:pointer;padding:.55rem 1.4rem;font-size:.98rem;font-weight:800}.cv-load:hover{background:var(--brand-deep)}.cv-load:focus-visible{outline:2.5px solid var(--brand);outline-offset:3px}.cv-optin-note{max-width:30rem;color:var(--ink-faint);font-size:.82rem;line-height:1.5}.cv-controls{gap:.95rem;width:100%;max-width:40rem;margin-inline:auto;display:grid}.cv-row{border:0;margin:0;padding:0}.cv-row-stage{justify-content:center;display:flex}.cv-row-pair{grid-template-columns:auto auto;justify-content:center;align-items:start;gap:.95rem 1.6rem;display:grid}.cv-group{border:0;min-width:0;margin:0;padding:0}.cv-group>legend,.cv-row>legend{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);padding:0 0 .35rem;font-size:.76rem;font-weight:700}.cv-legend-note{letter-spacing:0;text-transform:none;font-weight:600}.cv-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.cv-sublabel{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);margin:.9rem 0 .35rem;font-size:.76rem;font-weight:700}.cv-sublabel-inline{margin:0 .25rem 0 0}.cv-sublabel-earned{color:var(--gold)}.cv-row-earned .cv-chip[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:var(--gold-soft)}.cv-animals{z-index:20;background:var(--surface-sunk);border:1px solid var(--border);border-radius:var(--r);width:max-content;max-width:min(34rem,100vw - 2rem);box-shadow:var(--shadow-lg);grid-template-columns:repeat(6,minmax(0,1fr));gap:.3rem;padding:.55rem;display:grid;position:absolute;top:calc(100% + .35rem);left:0}@media (width<=560px){.cv-animals{grid-template-columns:repeat(3,minmax(0,1fr))}}.cv-animal-btn{border-radius:var(--r-sm);cursor:pointer;color:var(--ink-soft);font-family:var(--font-body);background:0 0;border:1px solid #0000;justify-items:center;gap:.1rem;padding:.3rem .2rem .35rem;display:grid}.cv-animal-btn img{object-fit:contain;width:72px;height:72px;display:block}.cv-animal-name{text-align:center;font-size:.72rem;font-weight:700;line-height:1.1}.cv-animal-btn:hover{border-color:var(--brand);color:var(--ink)}.cv-animal-btn[aria-pressed=true]{border-color:var(--green);background:var(--green-soft);color:var(--green)}.cv-parts .cv-chip[aria-pressed=true]{border-color:var(--green);color:var(--green);background:var(--green-soft)}.cv-chip-clear{color:var(--ink-faint);margin-inline-start:.35rem}.cv-chip-clear:hover:not(:disabled){border-color:var(--red);color:var(--red)}.cv-seg{flex-wrap:wrap;gap:.35rem;display:flex}.cv-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);font-family:var(--font-body);color:var(--ink-soft);cursor:pointer;padding:.32rem .85rem;font-size:.9rem;font-weight:700}.cv-chip:hover:not(:disabled){border-color:var(--brand);color:var(--ink)}.cv-chip[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-deep)}.cv-chip:focus-visible{outline:2.5px solid var(--brand);outline-offset:2px}.cv-chip:disabled{opacity:.4;cursor:not-allowed;background:var(--surface-2);border-color:var(--border);color:var(--ink-faint)}.cv-seg-split{background:var(--border);align-self:stretch;width:1px;margin-inline:.3rem}.cv-chip-chaos[aria-pressed=true]{background:color-mix(in srgb, var(--gold) 22%, var(--surface-2));border-color:var(--gold);color:var(--ink)}.cv-colour-row{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.cv-chip-swatch{align-items:center;gap:.45rem;display:inline-flex}.cv-swatch{border:1px solid var(--border-strong);border-radius:50%;flex:none;width:.95rem;height:.95rem;display:inline-block}.cv-swatch.is-none{background:linear-gradient(to bottom right, transparent calc(50% - 1px), var(--border-strong) calc(50% - 1px), var(--border-strong) calc(50% + 1px), transparent calc(50% + 1px)) var(--surface-2)}.cv-picker{position:relative}.cv-palette{z-index:20;inset-inline-start:0;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r);width:max-content;max-width:min(22rem,80vw);max-height:17rem;box-shadow:var(--shadow-lg);grid-template-columns:repeat(2,minmax(0,1fr));gap:.15rem;padding:.45rem;display:grid;position:absolute;top:calc(100% + .35rem);overflow-y:auto}.cv-palette-group{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.15rem;display:grid}.cv-palette-head{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);grid-column:1/-1;padding:.35rem .3rem .15rem;font-size:.68rem;font-weight:700}.cv-swatch-btn{border-radius:var(--r-sm);font-family:var(--font-body);color:var(--ink-soft);text-align:start;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.45rem;padding:.3rem .45rem;font-size:.84rem;font-weight:600;display:flex}.cv-swatch-btn:hover{background:var(--surface-2);color:var(--ink)}.cv-swatch-btn[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-deep)}.cv-swatch-btn:focus-visible{outline:2.5px solid var(--brand);outline-offset:1px}.cv-swatch-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cv-colour-note{color:var(--ink-faint);margin-block-start:.4rem;font-size:.78rem}.cv-colour:disabled .cv-colour-row,.cv-influence:disabled{opacity:.45}.cv-sliders{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1.4rem;display:grid}.cv-slider{gap:.15rem;min-width:0;display:grid}.cv-slider-label{font-family:var(--font-display);color:var(--ink);justify-content:space-between;align-items:baseline;gap:.6rem;font-size:.86rem;font-weight:700;display:flex}.cv-slider output{font-variant-numeric:tabular-nums;color:var(--brand-deep);font-size:.8rem}.cv-slider input[type=range]{width:100%;accent-color:var(--brand)}.cv-influence:disabled .cv-slider-label,.cv-influence:disabled .cv-slider output,fieldset:disabled .cv-slider-label,fieldset:disabled .cv-slider output{color:var(--ink-faint)}fieldset:disabled .cv-slider input[type=range]{cursor:not-allowed}.cv-scale{color:var(--ink-faint);justify-content:space-between;font-size:.74rem;display:flex}.cv-age input[type=range]{margin-block:.1rem}@media (width<=620px){.cv{padding:.85rem}.cv-row-pair{grid-template-columns:minmax(0,1fr);justify-content:stretch}.cv-sliders{grid-template-columns:minmax(0,1fr)}.cv-chip{padding:.3rem .7rem;font-size:.85rem}.cv-palette,.cv-palette-group{grid-template-columns:minmax(0,1fr)}.cv-optin-note{font-size:.78rem}}