.g-odd-one-out{--oo-red:#d64545;--oo-orange:#dd7519;--oo-yellow:#b8850a;--oo-green:#2f9e52;--oo-aqua:#128fa3;--oo-blue:#2f6fd0;--oo-purple:#8a54cf;--oo-unit:44%;--oo-gap:3%;--oo-scale:1;gap:var(--sp-3)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .g-odd-one-out{--oo-red:#f2837a;--oo-orange:#f2a556;--oo-yellow:#edc549;--oo-green:#5cc984;--oo-aqua:#4ec9dc;--oo-blue:#74a8f7;--oo-purple:#b78cf2}}:root[data-theme=dark] .g-odd-one-out{--oo-red:#f2837a;--oo-orange:#f2a556;--oo-yellow:#edc549;--oo-green:#5cc984;--oo-aqua:#4ec9dc;--oo-blue:#74a8f7;--oo-purple:#b78cf2}.g-odd-one-out :focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}.g-odd-one-out .oo-head{justify-content:center;align-items:center;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;width:100%;display:flex}.g-odd-one-out .oo-dots{gap:5px;display:flex}.g-odd-one-out .oo-dot{border-radius:var(--r-full);background:var(--c-surface-3);width:8px;height:8px}.g-odd-one-out .oo-dot.is-done{background:var(--c-brand)}.g-odd-one-out .oo-dot.is-now{background:var(--c-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--c-accent) 26%, transparent)}.g-odd-one-out .oo-chip{align-items:center;gap:var(--sp-1);padding-block:var(--sp-1);padding-inline:var(--sp-3);border-radius:var(--r-full);background:var(--c-brand-soft);color:var(--c-brand);font-size:var(--fs-sm);font-weight:var(--fw-semi);white-space:nowrap;display:inline-flex}.g-odd-one-out .oo-chipicon{fill:currentColor;stroke:none;width:15px;height:15px}.g-odd-one-out .oo-board{place-content:center;gap:var(--sp-2);width:min(100%, calc(var(--oo-cols,3) * 118px));flex-wrap:wrap;display:flex}.g-odd-one-out .oo-tile{flex:0 0 calc((100% - (var(--oo-cols,3) - 1) * var(--sp-2)) / var(--oo-cols,3));aspect-ratio:1;min-width:var(--tap);min-height:var(--tap);border:2px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);cursor:pointer;place-items:center;padding:0;display:grid;position:relative}.g-odd-one-out .oo-tile[data-size=small]{--oo-scale:.66}.g-odd-one-out .oo-tile[data-size=medium]{--oo-scale:.84}.g-odd-one-out .oo-tile[data-size=large]{--oo-scale:1}.g-odd-one-out .oo-glyphs{justify-content:center;align-items:center;gap:var(--oo-gap);flex-wrap:wrap;width:96%;display:flex}.g-odd-one-out .oo-glyph{width:calc(var(--oo-unit) * var(--oo-scale));aspect-ratio:1;height:auto;fill:color-mix(in srgb, currentColor 34%, var(--c-surface));stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;flex:none}.g-odd-one-out .oo-glyph.is-down{transform:rotate(180deg)}.g-odd-one-out .oo-tile[data-color=red] .oo-glyph{color:var(--oo-red)}.g-odd-one-out .oo-tile[data-color=orange] .oo-glyph{color:var(--oo-orange)}.g-odd-one-out .oo-tile[data-color=yellow] .oo-glyph{color:var(--oo-yellow)}.g-odd-one-out .oo-tile[data-color=green] .oo-glyph{color:var(--oo-green)}.g-odd-one-out .oo-tile[data-color=aqua] .oo-glyph{color:var(--oo-aqua)}.g-odd-one-out .oo-tile[data-color=blue] .oo-glyph{color:var(--oo-blue)}.g-odd-one-out .oo-tile[data-color=purple] .oo-glyph{color:var(--oo-purple)}.g-odd-one-out .oo-tile.is-answer{border-color:var(--c-good);background:var(--c-good-soft)}.g-odd-one-out .oo-tick{border-radius:var(--r-full);background:var(--c-good);width:22px;height:22px;color:var(--c-text-on-accent);fill:none;stroke:currentColor;stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round;opacity:0;pointer-events:none;padding:3px;position:absolute;inset-block-start:-6px;inset-inline-end:-6px}.g-odd-one-out .oo-tile.is-answer .oo-tick{opacity:1}.g-odd-one-out .oo-tile.is-chosen{border-color:var(--c-warn);background:var(--c-warn-soft)}.g-odd-one-out .oo-tile.is-eased{border-style:dashed;border-color:var(--c-border);background:var(--c-surface-2);opacity:.42;cursor:default}.g-odd-one-out .oo-tile:disabled{cursor:default}.g-odd-one-out.is-done .oo-note{visibility:hidden}.g-odd-one-out .oo-msg{max-width:34ch;min-height:2.6em;color:var(--c-text-dim);font-size:var(--fs-md);font-weight:var(--fw-med);line-height:var(--lh-snug);text-align:center;text-wrap:balance;margin:0}.g-odd-one-out .oo-msg.is-good{color:var(--c-good);font-weight:var(--fw-bold)}.g-odd-one-out .oo-msg.is-almost{color:var(--c-warn);font-weight:var(--fw-semi)}.g-odd-one-out .oo-note{max-width:34ch;color:var(--c-text-faint);font-size:var(--fs-xs);text-align:center;margin:0}.g-odd-one-out .oo-tile,.g-odd-one-out .oo-tick,.g-odd-one-out .oo-dot{transition:none}.g-odd-one-out .oo-tile:active,.g-odd-one-out .oo-tile:not(:disabled):active{transform:none}@media (prefers-reduced-motion:no-preference){.g-odd-one-out.is-motion .oo-tile{transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease), opacity var(--dur) var(--ease), transform var(--dur-fast) var(--ease)}.g-odd-one-out.is-motion .oo-tick,.g-odd-one-out.is-motion .oo-dot{transition:opacity var(--dur) var(--ease), background var(--dur) var(--ease)}.g-odd-one-out.is-motion .oo-tile:not(:disabled):active{transform:scale(.95)}}