.character-frame{overflow:hidden;padding:0!important;background:#e6ecf0!important}
.player-character{display:block;width:100%;height:100%}
.character-preview{width:100px!important;height:100px!important;flex:none}
.character-options{display:grid;gap:9px;margin-top:10px}
.character-options>div{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.character-options small{min-width:88px;color:#766970;font-weight:800;font-size:.72rem}
.character-options button:not(.character-style){width:25px;height:25px;border-radius:50%;border:2px solid #fff;background:var(--choice);box-shadow:0 0 0 1px #bcb3b6;cursor:pointer}
.character-options button.selected:not(.character-style){box-shadow:0 0 0 2px #a83049}
.character-options .character-style{padding:5px 8px;border:1px solid #dbcbd0;border-radius:7px;background:#fff;font-size:.69rem;font-weight:750;cursor:pointer}
.character-options .character-style.selected{border-color:#a83049;background:#fcecef;color:#8d2540}
.character-options .character-style:disabled{opacity:.48;cursor:not-allowed}
.character-unlock-note{font-size:.72rem!important;line-height:1.35;color:#75666e}
.player-card-featured{margin:18px 0 0}
.player-card-featured .player-detail{grid-template-columns:repeat(4,minmax(0,1fr))}
.player-card-featured .avatar-studio{border-top:1px solid #eee3e4;padding-top:17px;grid-template-columns:100px minmax(0,1fr)}
@media(max-width:900px){.player-card-featured .player-detail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.player-card-featured .player-detail{grid-template-columns:1fr}.player-card-featured .avatar-studio{grid-template-columns:1fr}}
@media(max-width:480px){.avatar-studio{grid-template-columns:1fr}.character-preview{width:86px!important;height:86px!important}}
/* Keep the player card beside the training portfolio on normal laptop widths. */
@media(min-width:881px) and (max-width:1080px){.profile-zone{grid-template-columns:minmax(0,1.15fr) minmax(230px,.85fr)}.profile-heading{flex-wrap:wrap}.profile-heading .row{gap:7px}}