.op-vb-verse{color:#fff;text-wrap:pretty;min-height:4.5rem;margin:0;font-size:clamp(1.1875rem,1rem + 1.1vw,1.75rem);line-height:1.6}@container (width>=36rem){.op-vb-verse{min-height:7.5rem}}.op-vb-verse-done{text-shadow:0 0 28px #f0b44d73}.op-vb-placed{animation:.42s cubic-bezier(.2,.9,.3,1.2) both op-vb-in}@keyframes op-vb-in{0%{opacity:0;color:#f6cf86;transform:translateY(.35em)}60%{opacity:1;color:#f6cf86}to{color:inherit;transform:none}}.op-vb-slots{display:inline}.op-vb-slot{vertical-align:middle;border-bottom:2px dashed #ffffff52;width:1.4em;height:.5em;margin:0 .35em .2em 0;display:inline-block}.op-vb-slot-next{border-bottom-style:solid;border-bottom-color:#f6cf86;animation:1.8s ease-in-out infinite op-vb-breathe}@keyframes op-vb-breathe{50%{border-bottom-color:#f6cf8666}}.op-vb-bank{flex-wrap:wrap;gap:.5rem;display:flex}.op-vb-piece{text-align:start;min-height:2.75rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);-webkit-tap-highlight-color:transparent;border-radius:999px;align-items:center;padding:.4rem .875rem;font-size:1rem;line-height:1.3;transition:transform .14s,box-shadow .14s,border-color .14s,background-color .14s;display:inline-flex;box-shadow:inset 0 1px #ffffff0f,0 2px 6px -2px #0f101e2e}button.op-vb-piece{cursor:pointer}@container (width>=36rem){.op-vb-bank{gap:.625rem}.op-vb-piece{padding:.5rem 1rem;font-size:1.0625rem}}button.op-vb-piece:hover{border-color:var(--color-brand);transform:translateY(-1px);box-shadow:0 6px 16px -8px #0f101e59}button.op-vb-piece:active{transform:scale(.95)}button.op-vb-piece:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.op-vb-piece-used{color:#0000;border:1px dashed var(--color-border);box-shadow:none;-webkit-user-select:none;user-select:none;background:0 0}.op-vb-shake{border-color:var(--color-danger);animation:.36s both op-vb-shake}.op-vb-shake-again{border-color:var(--color-danger);animation:.36s both op-vb-shake-b}@keyframes op-vb-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes op-vb-shake-b{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.op-vb-glow{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--color-accent) 35%, transparent), 0 6px 18px -6px color-mix(in oklab, var(--color-accent) 70%, transparent);animation:1.4s ease-in-out infinite op-vb-glow}@keyframes op-vb-glow{50%{box-shadow:0 0 0 6px color-mix(in oklab, var(--color-accent) 18%, transparent), 0 6px 18px -6px color-mix(in oklab, var(--color-accent) 50%, transparent)}}.op-vb-result{animation:.36s both op-vb-rise}@keyframes op-vb-rise{0%{opacity:0;transform:translateY(8px)}}.op-vb-flame{color:var(--color-accent-text)}@media (prefers-reduced-motion:reduce){.op-vb-placed,.op-vb-result{animation:.2s both op-vb-fade}.op-vb-slot-next,.op-vb-glow{animation:none}.op-vb-shake,.op-vb-shake-again{border-width:2px;animation:none}button.op-vb-piece,button.op-vb-piece:hover,button.op-vb-piece:active{transition:none;transform:none}}@keyframes op-vb-fade{0%{opacity:0}}@media (prefers-contrast:more){.op-vb-piece{border-width:2px;border-color:var(--color-text)}.op-vb-slot{border-bottom-color:#fff}}