/* Selection keeps the fitted fan steady. */
@media(hover:hover) and (pointer:fine){
 #handRow>.card {transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .2s ease;}
}
body.no-motion #handRow>.card {transition:none!important;}
@media(prefers-reduced-motion:reduce){#handRow>.card {transition:none!important;}}
/* Keep the arcade scanlines; remove the darkened screen edges for everyone. */
.crt-overlay::after {display:none!important;}
#modal-profile .profile-status[hidden] {display:none!important;}
/* A little breathing room before the clock, including the narrow mobile rail. */
#screen-game #playerRail .pchip.has-turn-hud .pchip-body {padding-right:3px!important;}
#screen-game #playerRail .pchip .pchip-turn-hud {margin-left:2px!important;}
@media(max-width:760px){
 #screen-game #playerRail .pchip.has-turn-hud {column-gap:5px!important;}
 #screen-game #playerRail .pchip .pchip-turn-hud {margin-left:0!important;}
}
/* On the narrowest phones, give the count the full identity width below
   the avatar/name. Its position stays the same as the clock changes seats. */
@media(max-width:360px){
 #screen-game #playerRail .pchip:not(.is-me) {grid-template-columns:20px minmax(0,1fr) 21px!important;grid-template-rows:40px 32px!important;column-gap:5px!important;}
 #screen-game #playerRail .pchip:not(.is-me) .pchip-body {display:contents!important;}
 #screen-game #playerRail .pchip:not(.is-me) .pchip-av {width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;align-self:start!important;}
 #screen-game #playerRail .pchip:not(.is-me) .pchip-name {grid-column:2/-1!important;grid-row:1!important;align-self:start!important;margin-top:1px;}
 #screen-game #playerRail .pchip:not(.is-me).has-turn-hud .pchip-name {grid-column:2!important;}
 #screen-game #playerRail .pchip:not(.is-me) .pchip-role {flex-shrink:0!important;}
 #screen-game #playerRail .pchip:not(.is-me) .pchip-meta {grid-column:1/3!important;grid-row:1!important;align-self:end!important;justify-content:flex-start!important;flex-wrap:wrap!important;}
}
