/* The profile's own avatar component and cosmetics, never a replacement identity. */
.seat-camera>.player-avatar{--poker-ava-size:68px;display:grid;place-items:center;width:100%;height:100%;overflow:visible;pointer-events:none}
.seat-camera>.player-avatar[hidden]{display:none}.player-avatar .ava,.player-avatar .la{--s:var(--poker-ava-size)!important}
.seat-camera:not(.has-video){height:84px;overflow:visible;background:none;border-color:transparent}
.seat .balance{margin:4px 0}
.no-hand .seat .last-action:empty{display:none}
.audience-person .player-avatar{--poker-ava-size:30px}
body.desktop-table .seat-camera:not(.has-video){height:48px}body.desktop-table .player-avatar{--poker-ava-size:42px}
body.mobile-table .seat-camera:not(.has-video){height:40px}body.mobile-table .player-avatar{--poker-ava-size:32px}
body.tv-cinema .player-avatar{--poker-ava-size:26px}
@media(min-width:781px) and (max-height:850px){body.desktop-table .seat-camera:not(.has-video){height:28px}body.desktop-table .player-avatar{--poker-ava-size:24px}}
@media(min-width:1101px) and (max-height:760px){body.desktop-table .seat-camera:not(.has-video){height:18px}body.desktop-table .player-avatar{--poker-ava-size:12px}}
@media(orientation:portrait) and (max-height:700px){body.mobile-table .seat-camera:not(.has-video){height:28px}body.mobile-table .player-avatar{--poker-ava-size:18px}}
@media(orientation:landscape){body.mobile-table .seat-camera:not(.has-video){height:24px}body.mobile-table .player-avatar{--poker-ava-size:16px}}
@media(orientation:landscape) and (max-height:360px){body.mobile-table .seat-camera:not(.has-video){height:18px}body.mobile-table .player-avatar{--poker-ava-size:12px}}
@media(orientation:landscape) and (max-height:360px){body.mobile-table .arena.many-seats .seat{padding:2px}}
/* All ten hands are visible together. No horizontal carousel or hidden last ranks. */
#compactHands{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px 6px;padding:3px 6px;margin-top:4px;overflow:visible}
#compactHands>b{grid-column:1/-1;padding:0;line-height:10px;font-size:9px;letter-spacing:0;margin:0}
#compactHands .guide-tile{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:2px 4px}
#compactHands .guide-title{min-width:0;display:grid;grid-template-columns:12px 1fr;gap:2px;font-size:9px;line-height:1.1;white-space:normal}
#compactHands .guide-title>em{font-size:8px}
#compactHands .guide-cards{display:flex;gap:2px;flex:none;margin:0;--card-w:22px;--card-h:31px}
#compactHands .guide-cards .corner{font-size:8px}#compactHands .guide-cards .corner b{font-size:7px}
@media(max-width:1200px){#compactHands .guide-cards{--card-w:18px;--card-h:26px}#compactHands .guide-title{font-size:8px;grid-template-columns:10px 1fr}#compactHands .guide-tile{padding:2px}}
body.mobile-table #compactHands{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:28px;padding:2px 4px;gap:1px 4px;overflow:visible}
body.mobile-table #compactHands>b,body.mobile-table #compactHands .guide-cards,body.mobile-table #compactHands .guide-title>em{display:none}
body.mobile-table #compactHands .guide-tile{padding:0;border:0;display:block;min-width:0}
body.mobile-table #compactHands .guide-title{display:block;font-size:8px;line-height:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.tv-cinema #compactHands{display:none}
@media(min-width:1101px) and (max-height:760px){body.desktop-table #compactHands{grid-template-columns:repeat(10,minmax(0,1fr))}body.desktop-table #compactHands .guide-cards{display:none}body.desktop-table #compactHands .guide-tile{padding:2px 3px}body.desktop-table #compactHands .guide-title{font-size:8px;grid-template-columns:10px 1fr}}

/* Keep the name above the avatar, clear of decorative frame/effect layers. */
.player-avatar .la{margin:0}
.seat>.seat-name{position:relative;z-index:3;margin:0 0 8px}
body.desktop-table .seat>.seat-name,body.mobile-table .seat>.seat-name{margin-bottom:0}
/* Branding is unreadable on miniature faces; keep only ranks and suits. */
#compactHands .ace-brand,#compactHands .card-edition,
.example-cards .ace-brand,.mini-cards .ace-brand,.winning-five .ace-brand{display:none}
/* Lobby participants live in their role cards, next to the role choice. */
#roleSlots .role-card{padding:20px;display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0}
#roleSlots .role-card>img{height:90px;margin:14px auto 8px;max-width:100%;width:160px}
#roleSlots .role-copy{padding-top:0}#roleSlots .role-copy strong{font-size:22px;margin-bottom:8px}
#roleSlots .role-copy small{min-height:0;font-size:11px;line-height:1.5}
.role-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0;min-height:38px}
.role-person{display:flex;align-items:center;gap:9px;min-width:0;padding:7px;border:1px solid var(--line);background:var(--surface);border-radius:9px;color:var(--text)}
.role-person.is-you{border-color:var(--club-red);background:color-mix(in srgb,var(--club-red) 7%,var(--surface))}
.role-person-avatar{display:grid;place-items:center;width:32px;height:32px;flex:none}.role-person-avatar .la{margin:0}
.role-person-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600}
.role-empty{grid-column:1/-1;align-self:center;color:var(--muted);font-size:11px}
#roleSlots .role-foot{margin-top:auto;padding-top:10px}#roleSlots .role-card:disabled{opacity:1;cursor:default}
@media(max-width:1100px){.role-roster{grid-template-columns:1fr}#roleSlots .role-copy strong{font-size:18px}}
@media(max-width:780px){#roleSlots .role-card{padding:14px}#roleSlots .role-card>img{height:60px;width:100px;margin:8px auto}#roleSlots .role-copy strong{font-size:17px}.role-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0}.role-person-name{font-size:10px}}
@media(max-width:780px){#compactHands .guide-cards{display:none}#compactHands .guide-title{display:block;font-size:8px}#compactHands .guide-title>em{display:none}}
#roleSlots{align-items:start}