:root,.run{--cat-flick:oklch(62% .1 358);--cat-flick-deep:oklch(30% .055 358);--cat-precision:oklch(62% .085 212);--cat-precision-deep:oklch(30% .05 212);--cat-tracking:oklch(62% .1 160);--cat-tracking-deep:oklch(30% .055 160);--cat-spray:oklch(62% .1 55);--cat-spray-deep:oklch(30% .055 55);--cat-placement:oklch(62% .1 255);--cat-placement-deep:oklch(30% .055 255);--cat-reaction:oklch(64% .1 118);--cat-reaction-deep:oklch(30% .055 118);--cat-awareness:oklch(62% .1 305);--cat-awareness-deep:oklch(30% .055 305);--cat-gold:#c9a35f;--cat-gold-deep:oklch(36% .06 72);--cat-vermilion:#cf4029;--cat-vermilion-deep:oklch(27% .085 30)}:root[data-theme=light],:root[data-theme=light] .results{--cat-flick:oklch(59% .115 358);--cat-precision:oklch(59% .095 212);--cat-tracking:oklch(59% .115 160);--cat-spray:oklch(59% .115 55);--cat-placement:oklch(59% .115 255);--cat-reaction:oklch(61% .115 118);--cat-awareness:oklch(59% .115 305);--cat-gold:oklch(62% .12 80);--cat-gold-deep:oklch(30% .06 72)}[data-cat=flick]{--cat-base:var(--cat-flick);--cat-base-deep:var(--cat-flick-deep)}[data-cat=precision]{--cat-base:var(--cat-precision);--cat-base-deep:var(--cat-precision-deep)}[data-cat=tracking]{--cat-base:var(--cat-tracking);--cat-base-deep:var(--cat-tracking-deep)}[data-cat=spray]{--cat-base:var(--cat-spray);--cat-base-deep:var(--cat-spray-deep)}[data-cat=placement]{--cat-base:var(--cat-placement);--cat-base-deep:var(--cat-placement-deep)}[data-cat=reaction]{--cat-base:var(--cat-reaction);--cat-base-deep:var(--cat-reaction-deep)}[data-cat=awareness]{--cat-base:var(--cat-awareness);--cat-base-deep:var(--cat-awareness-deep)}[data-cat=gold]{--cat-base:var(--cat-gold);--cat-base-deep:var(--cat-gold-deep)}[data-cat=vermilion]{--cat-base:var(--cat-vermilion);--cat-base-deep:var(--cat-vermilion-deep)}[data-cat]{--cat:oklch(from var(--cat-base) calc(l * var(--cat-lum,1)) calc(c * var(--cat-sat,1)) h);--cat-deep:oklch(from var(--cat-base-deep) calc(l * var(--cat-lum,1)) calc(c * var(--cat-sat,1)) h)}.is-locked,[data-locked]{--cat-sat:.3;--cat-lum:.72}.colour-plate:not(.is-locked,[data-locked],:is(.is-locked,[data-locked]) *){--cat-sat:var(--plate-sat);--cat-lum:var(--plate-lum)}.mode-icon>circle,.mode-icon>.c{fill:var(--cat)}.mode-icon>path{fill:var(--cat-deep)}.mode-icon>:is(.k,.t){fill:none;stroke:var(--cat-deep);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.mode-icon>.t{stroke-width:4.5px}.mode-icon>.c:is(.k,.t){stroke:var(--cat)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.mode-icon:is(:hover,.is-active),.is-active .mode-icon,:is(a,button,[role=button],[tabindex],.mi-hover):is(:hover,:focus-visible) .mode-icon{--mi:1}.mode-icon>path{transform-box:view-box;transform-origin:50%;transition:transform .2s cubic-bezier(.22,1,.36,1)}.mode-icon>:is(.p,.q,.s){transform-box:fill-box}.mode-icon>.s{transition:transform .24s cubic-bezier(.34,1.56,.64,1) 40ms}.mode-icon>.u{transform:translateY(calc(var(--mi,0) * -3px))}.mode-icon>.d{transform:translateY(calc(var(--mi,0) * 3px))}.mode-icon>.l{transform:translateX(calc(var(--mi,0) * -3px))}.mode-icon>.r{transform:translateX(calc(var(--mi,0) * 3px))}.mode-icon>.z{transform:translate(calc(var(--mi,0) * 2.5px), calc(var(--mi,0) * -2.5px))}.mode-icon>.i,.mode-icon>.q{transform:scale(calc(1 - var(--mi,0) * .12))}.mode-icon>.o{transform:scale(calc(1 + var(--mi,0) * .08))}.mode-icon>.p{transform:scale(calc(1 + var(--mi,0) * .12))}.mode-icon>.s{transform:scale(calc(1 + var(--mi,0) * .35))}.mode-icon>.w{transform:rotate(calc(var(--mi,0) * 10deg))}}