/* blackjack */
.blackjack-head{white-space:pre-wrap}
.blackjack-row{display:flex;flex-wrap:wrap;min-height:2.3em;margin:.2em 0 .45em 1.2em}
.blackjack-c{display:inline-block;min-width:2.2em;margin:0 .35em .3em 0;padding:.25em .2em;border:1px solid var(--fg);border-radius:.3em;box-shadow:0 0 6px var(--glow),inset 0 0 6px rgba(77,255,124,.15);font-size:1.15em;line-height:1.2;text-align:center;white-space:nowrap}
.blackjack-down{color:var(--dim);border-color:var(--dim);background:repeating-linear-gradient(45deg,rgba(77,255,124,.2) 0 2px,transparent 2px 5px)}
.blackjack-in{animation:blackjack-deal .18s ease-out}
.blackjack-flip{animation:blackjack-flip .22s ease-out}
.wopr-root[data-game=blackjack] .menu{display:flex;flex-wrap:wrap;gap:.3em 1em;margin:.3em 0 .5em}
.wopr-root[data-game=blackjack] .menu .opt{display:flex;align-items:center;box-sizing:border-box;min-height:44px;min-width:6.5em;margin-left:0;padding:.3em .6em;border:1px solid var(--dim)}
@keyframes blackjack-deal{from{opacity:0;transform:translateY(-.5em)}}
@keyframes blackjack-flip{from{transform:scaleX(0)}}
@media (prefers-reduced-motion:reduce){.blackjack-in,.blackjack-flip{animation:none}}