.cm-card{border:1px solid var(--line);border-radius:var(--r-xl);width:min(100%,720px);box-shadow:var(--shadow-lg);background:linear-gradient(#181713,#10100e);justify-items:center;gap:22px;padding:clamp(24px,4vw,48px);display:grid;position:relative}.cm-card.is-good{animation:.35s cm-good}.cm-card.is-bad{animation:.35s ak-shake}.cm-prompt{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--amber);font-size:.72rem}.cm-word{min-height:1.1em;font-family:var(--font-display);letter-spacing:-.04em;text-align:center;text-shadow:0 0 30px;font-size:clamp(2.2rem,7vw,4.6rem);line-height:1}.cm-timer{width:100%}.cm-timer>i{transition:none}.cm-options{grid-template-columns:repeat(min(var(--n), 4), 1fr);gap:10px;width:100%;display:grid}.cm-option{aspect-ratio:1.5;border:1px solid var(--line);border-radius:var(--r-lg);cursor:pointer;transition:transform .15s var(--ease), border-color .2s;background:#00000040;padding:8px;position:relative}.cm-option span{border-radius:var(--r-md);background:var(--swatch);width:100%;height:100%;box-shadow:0 0 22px color-mix(in srgb, var(--swatch) 45%, transparent);display:block}.cm-option kbd{font-family:var(--font-mono);color:#fff;background:#00000073;border-radius:5px;padding:1px 6px;font-size:.6rem;position:absolute;bottom:10px;right:12px}.cm-option:hover:not(:disabled){border-color:var(--line-strong);transform:translateY(-3px)}.cm-option:active:not(:disabled){transform:scale(.96)}.cm-option:disabled{cursor:default}@keyframes cm-good{50%{box-shadow:0 0 0 3px #3ddc8480, var(--shadow-lg)}}