.op-vw-tile{color:var(--color-text);border:2px solid var(--color-border);background:var(--color-surface);transition:border-color .12s}.op-vw-tile[data-filled]{border-color:var(--color-border-strong);animation:.12s op-vw-pop}.op-vw-tile[data-mark]{color:#fff;animation:.42s both op-vw-flip;animation-delay:calc(var(--i) * 90ms);border-color:#0000}.op-vw-tile[data-mark=right],.op-vw-key[data-mark=right],.op-vw-key-sample[data-mark=right]{background:#15803d}.op-vw-tile[data-mark=there],.op-vw-key[data-mark=there],.op-vw-key-sample[data-mark=there]{background:#a16207}.op-vw-tile[data-mark=not],.op-vw-key[data-mark=not],.op-vw-key-sample[data-mark=not]{background:#52525b}.op-vw-tile[data-mark=there]{background-image:radial-gradient(circle at 85% 15%,#fff 0 3px,#0000 3.5px)}.op-vw-tile[data-mark=right]{background-image:linear-gradient(0deg,#ffffffd9 0 3px,#0000 3px);background-position:50%;background-repeat:no-repeat;background-size:60% 100%}.op-vw-key-sample{border-radius:3px;width:.9rem;height:.9rem;display:inline-block}.op-vw-row[data-shake="0"]{animation:.32s op-vw-shake-a}.op-vw-row[data-shake="1"]{animation:.32s op-vw-shake-b}.op-vw-key{color:var(--color-text);background:var(--color-surface-3);transition:transform .1s,filter .12s}.op-vw-key[data-mark]{color:#fff}.op-vw-key:active{transform:scale(.94)}.op-vw-key:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.op-vw-lit{color:inherit;background:color-mix(in oklab, var(--color-accent) 35%, transparent);border-radius:.3em;padding:0 .2em;font-weight:600}.op-vw-result{animation:.36s both op-vw-rise}@keyframes op-vw-pop{50%{transform:scale(1.08)}}@keyframes op-vw-flip{0%{color:var(--color-text);background-color:var(--color-surface);transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes op-vw-shake-a{25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@keyframes op-vw-shake-b{25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@keyframes op-vw-rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.op-vw-tile,.op-vw-row,.op-vw-key,.op-vw-result{transition:none;animation:none!important}}