.cog-play{outline:none;max-width:40rem}.cog-time{appearance:none;background:var(--surface-2);border:0;border-radius:999px;width:100%;height:.5rem;display:block;overflow:hidden}.cog-time::-webkit-progress-bar{background:var(--surface-2)}.cog-time::-webkit-progress-value{background:var(--accent)}.cog-time::-moz-progress-bar{background:var(--accent)}.cog-prompt{font:500 var(--step-lead)/1.2 var(--font-text);text-align:center;min-height:1.3em}.cog-stage{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);place-items:center;min-height:clamp(9rem,26svh,13rem);display:grid}.cog-big{font:500 clamp(4rem, 3rem + 6vw, 6rem)/1 var(--font-text);font-variant-numeric:tabular-nums}.cog-slots{font:500 clamp(1.75rem, 1.25rem + 2.5vw, 2.5rem)/1 var(--font-text);font-variant-numeric:tabular-nums}.cog-arrows{gap:.25rem;padding:1rem;display:flex}.cog-arrows svg{stroke-width:2.5px;width:clamp(2.5rem,11vw,4rem);height:clamp(2.5rem,11vw,4rem)}.cog-arrows.boxed{outline:6px solid var(--bad);outline-offset:2px;border-radius:var(--r-sm)}.cog-key{background:var(--surface);min-height:60px;color:var(--ink);border:1px solid var(--line);border-radius:var(--r-sm);font:500 1.125rem/1.1 var(--font-text);cursor:pointer;touch-action:manipulation;transition:border-color .15s var(--ease), transform .1s var(--ease);justify-content:center;align-items:center;gap:.5rem;padding:.5rem;display:inline-flex}@media (hover:hover){.cog-key:hover{border-color:var(--accent)}}.cog-key:active{transform:translateY(2px)}.cog-key:disabled{opacity:.55;cursor:default}.cog-key:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.cog-key>.lucide{flex:none;width:1.25rem;height:1.25rem}.cog-sides{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.cog-keypad{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:100%;max-width:22rem;margin-inline:auto;display:grid}.cog-spatial{gap:1rem;display:grid}.cog-net{width:100%;max-width:15rem;max-height:11rem;margin-inline:auto;display:block}.cog-net rect{fill:var(--surface);stroke:var(--accent);stroke-width:1px}.cog-net text,.cog-cube text{fill:var(--ink);font:500 18px/1 var(--font-text);text-anchor:middle}.cog-cube text{fill:var(--on-fill);font-size:22px}.cog-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.cog-option{padding:.5rem .25rem .25rem;position:relative}.cog-option-n{font:400 var(--step-small)/1.3 var(--font-text);color:var(--muted);position:absolute;top:.25rem;left:.5rem}.cog-cube{width:100%;max-width:7rem;height:auto;display:block}.cog-cube polygon{fill:var(--accent-fill);stroke:var(--surface);stroke-width:2px;stroke-linejoin:round}.cog-cube .face-left{fill-opacity:.85}.cog-cube .face-right{fill-opacity:.7}.cog-option .cog-cube{margin-inline:auto}@media (width<=760px){.cog-options{grid-template-columns:repeat(2,minmax(0,1fr))}.cog-cube{max-width:5rem}.cog-key{min-height:56px}.cog-option{min-height:0}}@media (prefers-reduced-motion:reduce){.cog-key{transition:none}.cog-key:active{transform:none}}