.op-cw-cell{color:var(--color-text);background:var(--color-surface);box-shadow:inset 0 0 0 1.5px var(--color-border-strong);transition:background-color .12s}.op-cw-cell[data-word]{background:color-mix(in oklab, var(--color-brand) 14%, var(--color-surface))}.op-cw-cell[data-cursor]{color:#1d1b3a;background:#f6cf86;box-shadow:inset 0 0 0 2px #b7791f}.op-cw-cell[data-solved]{color:#fff;box-shadow:none;background:#15803d}.op-cw-cell[data-solved][data-cursor]{box-shadow:inset 0 0 0 2px #f6cf86}.op-cw-cell[data-wrong]{box-shadow:inset 0 0 0 2px var(--color-danger);animation:.32s op-cw-shake}.op-cw-cell:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.op-cw-clue{color:var(--color-text);background:var(--color-surface-2)}.op-cw-key{color:var(--color-text);background:var(--color-surface-3);transition:transform .1s}.op-cw-key:active{transform:scale(.94)}:is(.op-cw-key:focus-visible,.op-cw-cluebtn:focus-visible){outline:2px solid var(--color-ring);outline-offset:2px}.op-cw-cluebtn{color:var(--color-text-2)}.op-cw-cluebtn:hover{background:var(--color-surface-2)}.op-cw-cluebtn[aria-current=true]{color:var(--color-text);background:color-mix(in oklab, var(--color-brand) 14%, var(--color-surface))}.op-cw-cluebtn[data-solved]{opacity:.6;text-decoration:line-through}.op-cw-result{animation:.36s both op-cw-rise}@keyframes op-cw-shake{25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}@keyframes op-cw-rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.op-cw-cell,.op-cw-key,.op-cw-result{transition:none;animation:none}.op-cw-key:active{transform:none}}