/* Card faces come from the original game's styles.css and cardStyleSelect.
   Only layout/readability is adjusted here; never override deck artwork or colours. */
@layer studio {
body.studio-3d #gameApp .hand {gap:6px!important;padding:8px 12px!important;perspective:none!important;}
body.studio-3d #gameApp .hand>.card {transform:none!important;flex:0 1 96px!important;min-width:48px!important;height:140px!important;margin:0!important;}
body.studio-3d #gameApp .hand>.card:disabled {filter:none!important;opacity:1!important;}
@media (hover:hover) and (pointer:fine) {
 body.studio-3d #gameApp .hand>.card:hover:not(:disabled),
 body.studio-3d #gameApp .hand>.card:focus-visible {transform:translateY(-10px)!important;}
}
/* Touch browsers retain :hover at the last tap, even when cards are re-rendered.
   Never raise a card from this synthetic hover or transferred focus. */
@media (hover:none), (pointer:coarse) {
 body.studio-3d #gameApp .hand>.card,
 body.studio-3d #gameApp .hand>.card:hover:not(:disabled),
 body.studio-3d #gameApp .hand>.card:focus-visible {
  transform:none!important;
  box-shadow:1px 3px 0 #8f836b,3px 7px 14px #0009!important;
  z-index:auto!important;
 }
 body.studio-3d #gameApp .hand>.card:focus-visible {outline:2px solid #c7b277!important;outline-offset:2px!important;}
}
body.studio-3d #gameApp .hand>.card .corner {font-size:22px!important;line-height:1!important;top:6px!important;left:6px!important;}
body.studio-3d #gameApp .trick-area .mini-card .corner {font-size:18px!important;line-height:1!important;}
body.studio-3d #gameApp .trick-area .mini-card .suit {font-size:32px!important;}
@media(max-width:760px){
 body.studio-3d #gameApp .hand {gap:0!important;padding:8px 3px!important;}
 body.studio-3d #gameApp .hand>.card {height:110px!important;min-width:40px!important;margin-left:-9px!important;}
 body.studio-3d #gameApp .hand>.card:first-child {margin-left:0!important;}
 body.studio-3d #gameApp .hand>.card .corner {font-size:18px!important;left:4px!important;}
}
}