/* Phone fitting and native-size hit regions around compact visual commands. */
@media(max-width:700px){
 .ludo-player-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0;max-width:100%}
 .ludo-player-strip>div{display:flex;min-width:0;width:100%;gap:12px}.ludo-player-strip>div>.profile-avatar{flex:0 0 40px;width:40px;height:40px}
 .ludo-player-strip>div>span:last-child{flex:1;min-width:0;max-width:100%}.ludo-player-strip strong{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ludo-player-strip small{white-space:normal;overflow-wrap:normal}
 .ludo-player-strip>.text-link{justify-self:end;white-space:nowrap;min-width:0;min-height:48px;max-width:none;padding:0;gap:6px;font-size:11px}.ludo-player-strip>.text-link svg{width:15px;height:15px;flex-shrink:0}
}
body[data-route=game] .game-route .table-arena.room3d-ready[data-crowded=false] .opponent{width:max-content!important;max-width:136px!important;min-width:0!important;flex-direction:row!important}
body[data-route=game] .game-route .table-arena.room3d-ready[data-crowded=true] .opponent{width:max-content!important;max-width:106px!important;min-width:0!important;flex-direction:row!important}
body[data-route=game] .game-route .table-arena.room3d-ready .opponent strong{display:block!important;flex:0 1 auto;min-width:0;max-width:84px!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset!important}
body[data-route=game] .game-route .my-hand .hand-actions{gap:8px!important}
body[data-route=game] .game-route .my-hand .hand-actions .btn{position:relative;isolation:isolate;min-height:48px!important;height:48px!important;max-height:48px!important;min-width:64px!important;padding:6px 8px!important;background:transparent!important;border:0!important;box-shadow:none!important}
body[data-route=game] .game-route .my-hand .hand-actions .btn:before{content:'';position:absolute;inset:6px 3px;border:1px solid #8195b7;border-radius:6px;background:#213d70;z-index:-1}
body[data-route=game] .game-route .my-hand .hand-actions [data-action=play-cards]:before{background:var(--gold);border-color:#ffe4a1}
body[data-route=game] .game-route .my-hand .hand-actions .reaction-trigger{width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;padding:12px!important;background:transparent!important;border:0!important;position:relative;isolation:isolate}
body[data-route=game] .game-route .my-hand .hand-actions .reaction-trigger:before{content:'';position:absolute;inset:6px;border:1px solid #8195b7;border-radius:6px;background:#213d70;z-index:-1}
body[data-route=game] .game-route .my-hand .hand-title{display:grid!important;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;column-gap:4px;row-gap:0;min-height:48px!important;align-items:center;align-content:center}
body[data-route=game] .game-route .my-hand .history-trigger{position:static;grid-column:1;grid-row:1/3;min-width:48px!important;width:48px!important;min-height:48px!important;height:48px!important;padding:14px!important}
body[data-route=game] .game-route .my-hand .hand-title h2{grid-column:2;grid-row:1;min-width:0;line-height:1.2;font-size:12px;white-space:normal;word-break:normal;overflow-wrap:normal}
body[data-route=game] .game-route .my-hand .hand-title small{grid-column:2;grid-row:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2}
body[data-route=game] .game-route .my-hand:not(:has(.hand-actions)) .hand-title{grid-template-columns:48px minmax(0,1fr) minmax(120px,200px)}
body[data-route=game] .game-route .my-hand .hand-observer{grid-column:3;grid-row:1/3;max-width:100%}
@media(max-height:520px) and (orientation:landscape){
 body[data-route=game] .game-route .table-wrap{display:flex!important;flex-direction:column!important}
 body[data-route=game] .game-route .table-arena.room3d-ready{height:auto!important;min-height:0!important;flex:1 1 0!important}
 body[data-route=game] .game-route .my-hand{display:grid!important;flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;align-self:auto!important;padding-block:4px!important}
 body[data-route=game] .game-route .my-hand .hand-card{width:44px!important;min-width:44px!important;flex-basis:44px!important}
 body[data-route=game] .game-route .my-hand .hand-scroller{min-height:66px!important}
}