/* v11 2026-10-23 work copy: draw(5-card)/stud character gap to hand = PLO (390:43px / 1280:126px) */
@media (max-width:899px){
body.p200-frame :is(#practice-main,.online-active #online-main)[data-frame-family=draw] :is(#practice-play,#online-play) .hero:has(#hero-cards > :nth-child(5)) .profile-slot{translate:45px 0!important}
body.p200-frame :is(#practice-main,.online-active #online-main)[data-frame-family=stud] :is(#practice-play,#online-play) .hero .profile-slot{translate:34px 0!important}}
@media (min-width:900px){
body.p200-frame :is(#practice-main,.online-active #online-main)[data-frame-family=draw] :is(#practice-play,#online-play) .hero:has(#hero-cards > :nth-child(5)) :is(.profile-slot,.your-turn){translate:216px 0!important}
body.p200-frame :is(#practice-main,.online-active #online-main)[data-frame-family=stud] :is(#practice-play,#online-play) .hero :is(.profile-slot,.your-turn){translate:236px 0!important}}
/* hand follows so gap char->hand equals PLO */
@media (max-width:899px){
body.p200-frame :is(#practice-main,.online-active #online-main)[data-frame-family=draw] :is(#practice-play,#online-play) .hero:has(#hero-cards > :nth-child(5)) #hero-cards{translate:42px 0!important}
body.p200-frame :is(#practice-main,.online-active #online-main)[data-frame-family=stud] :is(#practice-play,#online-play) .hero #hero-cards{translate:20px 0!important}}
@media (min-width:900px){
body.p200-frame :is(#practice-main,.online-active #online-main)[data-frame-family=draw] :is(#practice-play,#online-play) .hero:has(#hero-cards > :nth-child(5)) #hero-cards{translate:52px 0!important}
body.p200-frame :is(#practice-main,.online-active #online-main)[data-frame-family=stud] :is(#practice-play,#online-play) .hero #hero-cards{translate:92px 0!important}}