.op-fu-card{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card,0 1px 2px #0000000f);transition:transform .14s,border-color .14s,background-color .16s}.op-fu-card:hover:not(:disabled){border-color:var(--color-brand)}.op-fu-card:active:not(:disabled){transform:scale(.985)}.op-fu-card:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.op-fu-card[aria-pressed=true]{border:2px solid var(--color-brand);background:color-mix(in oklab, var(--color-brand) 8%, var(--color-surface))}.op-fu-chosen{color:var(--color-brand-ink,#fff);background:var(--color-brand)}.op-fu-card[data-pair]{--pair:#b45309;cursor:default;border:2px solid var(--pair);background:color-mix(in oklab, var(--pair) 10%, var(--color-surface))}.op-fu-card[data-pair="2"]{--pair:#0f766e}.op-fu-card[data-pair="3"]{--pair:#6d28d9}.op-fu-card[data-pair="4"]{--pair:#be185d}.op-fu-badge{color:#fff;background:var(--pair)}.op-fu-card[data-shake="0"]{border-color:var(--color-danger);animation:.32s op-fu-shake-a}.op-fu-card[data-shake="1"]{border-color:var(--color-danger);animation:.32s op-fu-shake-b}.op-fu-light{box-shadow:inset 0 0 0 2px #fff6}.op-fu-light[data-on]{box-shadow:none;background:#f6cf86}.op-fu-result{animation:.36s both op-fu-rise}@keyframes op-fu-shake-a{25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@keyframes op-fu-shake-b{25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@keyframes op-fu-rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.op-fu-card,.op-fu-result{transition:none;animation:none!important}.op-fu-card:active:not(:disabled){transform:none}}