/* v1.0.2 mobile fit, lobby CTA, deal motion and Swap 21 */
.gamecard.v102-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-height:0!important}
.gamecard.v102-card p{position:relative!important;z-index:2;margin-bottom:12px!important;max-width:78%}
.gamecard.v102-card .go{position:static!important;margin-top:auto!important;padding-top:8px!important;z-index:3}
.deal-in{animation:dealCard .34s cubic-bezier(.2,.8,.25,1) both;transform-origin:50% 50%}
@keyframes dealCard{0%{opacity:0;transform:translate(55px,-55px) scale(.72) rotate(7deg)}70%{opacity:1;transform:translate(-2px,2px) scale(1.02) rotate(-1deg)}100%{opacity:1;transform:none}}
.swap-felt{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:430px;margin:4px auto 0;padding:6px 10px 3px;border-radius:18px}
.swap-hand{min-width:0;text-align:center;padding:4px;border-radius:14px}
.swap-hand.active-hand{box-shadow:0 0 0 2px #e8c36a inset,0 0 16px #e8c36a55}
.swap-slots{display:grid;grid-template-columns:repeat(2,minmax(38px,46px));justify-content:center;gap:5px;min-height:62px}
.swap-slot{min-width:38px;min-height:58px;border:1px dashed #ffffff26;border-radius:8px;display:flex;align-items:center;justify-content:center}
.swap-felt.ready .swap-slot.second{border:2px solid #e8c36a;box-shadow:0 0 10px #e8c36a44}
.swap-arrow{display:none;position:absolute;left:50%;top:27px;transform:translateX(-50%);font-size:27px;line-height:1;color:#f2d27d;text-shadow:0 2px 8px #000;font-weight:900;z-index:4}
.swap-felt.ready .swap-arrow{display:block}
.swap-felt .card.mini{margin:0!important}

@media(max-width:760px){
 html,body{overscroll-behavior:none}
 .app{height:100svh!important;max-height:100svh!important}
 .screen.active{height:calc(100svh - 58px)!important}
 .table{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:0!important}
 .table-head{min-height:32px!important}
 .table-head .eyebrow{font-size:8px!important}.table-title strong{font-size:11px!important}.rulesbtn{padding:5px 8px!important;font-size:10px!important}
 .dealer,.player{flex:0 0 auto!important}.label{font-size:9px!important}.total{font-size:10px!important;margin-top:2px!important}
 .cards{min-height:54px!important}.card{width:38px!important;height:54px!important;font-size:12px!important}.card.mini{width:36px!important;height:52px!important;font-size:11px!important}
 .card .suit{font-size:14px!important}.status{margin:3px auto!important}.betbar{margin-top:3px!important}.actions{margin-top:3px!important}
 .swap-felt{gap:20px;padding:2px 4px 0}.swap-slots{grid-template-columns:repeat(2,36px);gap:3px;min-height:54px}.swap-slot{min-width:34px;min-height:52px}.swap-arrow{top:22px;font-size:22px}
 #blackjack .variant-tabs{overflow-x:auto;white-space:nowrap;scrollbar-width:none;min-height:34px}#blackjack .variant-tabs::-webkit-scrollbar{display:none}
 #uth .community{min-height:50px!important;margin:3px 0!important}#uth .player{margin-top:3px!important}
 #three .player{margin-top:8px!important}#three .steps,#three .three-bets{margin:3px 0!important}
}
@media(max-height:740px) and (max-width:760px){
 .topbar{height:48px!important}.screen.active{height:calc(100svh - 52px)!important}.backrow{margin-bottom:2px!important}.backrow h2{font-size:16px!important}
 .variant{padding:4px 7px!important;font-size:10px!important}.table{padding:7px!important}.card{width:34px!important;height:48px!important}.card.mini{width:32px!important;height:46px!important}.cards{min-height:48px!important}
 .chip{padding:4px 6px!important;min-width:37px!important}.action{padding:5px 7px!important;font-size:11px!important}.swap-slots{grid-template-columns:repeat(2,32px);min-height:47px}.swap-slot{min-height:46px}.swap-arrow{top:19px}
}