:root{--avatar-tile-bg:#f4eedb;--avatar-tile-border:#dcd3b8;--avatar-selected-ring:#a84b2e}
.hf-avatar-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;padding:8px 3px 16px;min-width:0}
.hf-avatar-group{min-width:0}.hf-avatar-group h4{margin:0 0 10px;font-size:14px;line-height:1.35;color:#244331}
.hf-avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hf-avatar-tile{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;min-height:88px;background:var(--avatar-tile-bg);border:1px solid var(--avatar-tile-border);border-radius:12px;padding:8px 6px;cursor:pointer;user-select:none;color:#203b2b;font:inherit}
.hf-avatar-tile[aria-checked="true"]{border-color:var(--avatar-selected-ring);box-shadow:0 0 0 2px var(--avatar-selected-ring)}
.hf-avatar-tile:focus-visible{outline:3px solid #203b2b;outline-offset:4px}.hf-avatar-tile:hover{border-color:#5a7865}
.hf-avatar-tile__image-wrapper{width:52px;height:52px;max-width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#faf7ee;border:1px solid #00000014;display:flex;align-items:center;justify-content:center;flex:none}
.hf-avatar-tile__image-wrapper svg{display:block;width:100%;height:100%;overflow:hidden}.hf-avatar-tile__label{font-size:11px;font-weight:600;line-height:1.25;text-align:center;overflow-wrap:anywhere}
.hf-player-avatar{width:36px;height:36px;border-radius:50%;border:1.5px solid #faf7ee;overflow:hidden;flex-shrink:0;background:#faf7ee;display:block}
.hf-player-avatar svg,.hf-player-avatar img{display:block;width:100%;height:100%;object-fit:cover}
html .playing .player-panel[data-panel] .player-identity-card .player-avatar.hf-player-avatar{display:block;width:36px;height:36px;border-radius:50%;flex:none}
.starter-identity .hf-player-avatar{width:48px;height:48px;flex:0 0 48px}
.utility-dialog .hf-avatar-groups{grid-template-columns:1fr}.entry-avatar .hf-avatar-groups{grid-template-columns:1fr;padding-top:8px}
@media(max-width:767px){.hf-player-avatar{width:28px;height:28px}html .playing .player-panel[data-panel] .player-identity-card .player-avatar.hf-player-avatar{width:28px;height:28px}.starter-identity .hf-player-avatar{width:48px;height:48px}.hf-avatar-groups{grid-template-columns:1fr}.hf-avatar-grid{gap:7px}.hf-avatar-tile{padding:8px 4px}.hf-avatar-tile__label{font-size:10px}}
@media(max-width:359px){.hf-avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
html[data-compact-table] .player-tabs button{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:4px;align-items:center;min-height:48px;text-align:left}
html[data-compact-table] .player-tabs .hf-player-avatar{width:28px;height:28px;grid-column:1;grid-row:1/span 2}
html[data-compact-table] .player-tabs .player-tab-identity,html[data-compact-table] .player-tabs small{grid-column:2;min-width:0}
html[data-compact-table] .player-tabs .tab-player-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}