/* v51 profile: identity, record, equipment; infrequent management is tucked away. */
#modal-profile .profile-modal {gap:18px!important;width:min(720px,calc(100vw - 28px))!important;max-width:720px!important;}
#modal-profile .profile-heading-v34 {grid-template-columns:64px minmax(0,1fr) 140px!important;gap:14px!important;align-items:center!important;min-height:76px!important;padding-bottom:17px;border-bottom:2px solid var(--chrome-border);}
#modal-profile .profile-avatar {width:64px!important;height:64px!important;padding:6px!important;align-self:center!important;grid-area:auto!important;}
#modal-profile .profile-title-v34 {padding:0!important;gap:7px!important;justify-content:center!important;}
#modal-profile .profile-name {font-size:32px!important;line-height:1.12!important;padding-block:0!important;grid-area:auto!important;}
#modal-profile .profile-status {font:500 12px/1.2 var(--ui-display)!important;min-height:0!important;padding:0!important;border:0!important;background:none!important;color:var(--chrome-muted)!important;grid-area:auto!important;}
#modal-profile #profileProgress {display:flex;flex-direction:column;gap:6px;min-width:0;min-height:0;margin:0!important;padding:9px 11px!important;border:1px solid var(--chrome-border-strong);background:var(--chrome-well);border-radius:8px;grid-area:auto!important;}
#modal-profile #profileProgress .profile-progress-top {display:flex;flex-direction:column;align-items:flex-start;gap:4px;font:500 11px/1.1 var(--ui-display)!important;}
#modal-profile #profileLevel {font:700 17px/1.1 var(--ui-display);color:var(--gold-ink);}
#modal-profile #profileXpText {color:var(--chrome-muted);font-size:10px;}
#modal-profile #profileProgress .profile-xp-track {height:5px;margin:0;background:var(--chrome-border);border:0;}
#modal-profile #btnProfileProgress {padding:1px 0 0!important;margin:0!important;min-height:0;font:600 11px/1.2 var(--ui-display)!important;text-align:left;align-self:flex-start;color:var(--cream);text-decoration:underline;text-underline-offset:3px;}
#modal-profile .profile-record {padding:14px 16px 5px;border:2px solid var(--chrome-border);background:var(--chrome-well);border-radius:9px;}
#modal-profile .profile-record h3,#modal-profile .profile-loadout h3 {margin:0 0 12px;font:700 17px/1.15 var(--ui-display);color:var(--cream);}
.profile-record-table {width:100%;border-collapse:collapse;table-layout:fixed;font:600 16px/1.2 var(--ui-display);font-variant-numeric:tabular-nums;}
.profile-record-table th,.profile-record-table td {padding:11px 0;text-align:right;}
.profile-record-table thead th {font:500 11px/1.25 var(--ui-display);color:var(--chrome-muted);padding:0 0 8px;}
.profile-record-table th:first-child {width:38%;text-align:left;}
.profile-record-table tbody tr {border-top:1px solid var(--chrome-border);}
.profile-record-table tbody th {font-weight:600;color:var(--cream);}
.profile-record-table td {color:var(--cream);}
.profile-record-table [data-stat="rate"] {color:var(--gold-ink);}
#modal-profile .profile-loadout {padding:14px 16px;margin:0!important;background:transparent;border-color:var(--chrome-border);}
#modal-profile .profile-loadout-items>button {min-height:66px;}
#modal-profile .profile-fold {border:0;border-top:1px solid var(--chrome-border);padding:0;}
#modal-profile .profile-fold>summary {display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:5px 1px;list-style:none;cursor:pointer;font:600 15px/1.2 var(--ui-display);color:var(--chrome-muted);}
#modal-profile .profile-fold>summary::-webkit-details-marker {display:none;}
#modal-profile .profile-fold>summary:hover,#modal-profile .profile-fold[open]>summary {color:var(--cream);}
.profile-fold-chevron {font-size:22px;line-height:1;transform-origin:center;}
.profile-fold[open]>.profile-fold-chevron,.profile-fold[open]>summary>.profile-fold-chevron {transform:rotate(180deg);}
#modal-profile .profile-fold-body {display:flex;flex-direction:column;gap:16px;padding:11px 0 5px;}
#modal-profile .profile-identity-edit {padding:13px!important;margin:0!important;border:1px solid var(--chrome-border);background:var(--chrome-well);border-radius:8px;}
#modal-profile .profile-edit-field>span {font-size:14px!important;}
#modal-profile .profile-name-input,#modal-profile .profile-username-claim {height:44px!important;min-height:44px!important;font-size:18px!important;}
#modal-profile .profile-avatar-picker .avatar-opt {max-width:52px!important;}
#modal-profile .profile-username-hint {font-size:12px;}
#modal-profile #profileActivity {padding:0!important;background:transparent;border:0;}
#modal-profile .profile-activity-head {display:none;}
#modal-profile #profileSocialActions:empty {display:none!important;}
#modal-profile #btnCloseProfile {display:flex!important;align-items:center!important;justify-content:center!important;align-self:flex-end!important;min-height:44px!important;min-width:112px!important;margin:0 0 4px!important;padding:6px 18px!important;font:700 18px/1 var(--ui-display)!important;}
/* Match the visible glyph box, rather than the font's loose inherited line box. */
#btnCosmeticPreviewDone,#btnCosmeticPreviewEquip {display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;padding:0 16px 3px!important;min-height:50px!important;}
#btnProgressDone {align-items:center!important;}
#btnProgressDone>span {line-height:1!important;transform:translateY(-1px);}
@media(max-width:690px){
 #modal-profile .profile-modal {padding:16px!important;gap:14px!important;}
 #modal-profile .profile-heading-v34 {grid-template-columns:48px minmax(0,1fr) 110px!important;gap:9px!important;padding-bottom:14px;min-height:72px!important;}
 #modal-profile .profile-avatar {width:48px!important;height:48px!important;padding:4px!important;}
 #modal-profile .profile-name {font-size:25px!important;}
 #modal-profile .profile-status {font-size:10px!important;}
 #modal-profile #profileProgress {padding:8px!important;gap:5px;}
 #modal-profile #profileLevel {font-size:15px;}
 #modal-profile #profileXpText {font-size:9px;}
 #modal-profile .profile-record,#modal-profile .profile-loadout {padding:12px!important;}
 .profile-record-table {font-size:14px;}
 .profile-record-table th:first-child {width:35%;}
 .profile-record-table thead th {font-size:10px;}
 #modal-profile .profile-activity-grid {grid-template-columns:1fr!important;gap:16px!important;}
 #modal-profile .profile-avatar-picker {grid-template-columns:repeat(8,minmax(0,1fr));gap:4px!important;}
 #modal-profile .profile-username-row {grid-template-columns:minmax(0,1fr) 72px!important;gap:8px!important;}
 #modal-profile .profile-fold>summary {font-size:14px;}
}
@media(max-width:360px){
 #modal-profile .profile-modal {padding:13px!important;}
 #modal-profile .profile-heading-v34 {grid-template-columns:38px minmax(0,1fr) 96px!important;gap:7px!important;}
 #modal-profile .profile-avatar {width:38px!important;height:38px!important;padding:3px!important;}
 #modal-profile .profile-name {font-size:22px!important;}
 .profile-record-table {font-size:13px;}
}
/* The character itself is authored frame art, with no CSS motion or tweening. */
.reaction-art-v51 {display:block;object-fit:contain;background:none!important;animation:none!important;transform:none!important;image-rendering:pixelated!important;}
.reaction-option .reaction-art-v51 {width:58px;height:58px;flex:0 0 58px;}
.reaction-pop .reaction-art-v51 {width:136px;height:136px;}
.cosmetic-character-reactions .reaction-art-v51 {width:70px;height:70px;flex:0 0 70px;}
@media(max-width:760px){.reaction-option .reaction-art-v51 {width:48px;height:48px;flex-basis:48px;}.reaction-pop .reaction-art-v51 {width:112px;height:112px;}.cosmetic-character-reactions .reaction-art-v51 {width:52px;height:52px;flex-basis:52px;}}

.reaction-art-v51 {position:relative;display:grid!important;place-items:center;flex-shrink:0;}
.reaction-art-v51>canvas {width:100%;height:100%;display:block;image-rendering:pixelated;}
.emote-loading {font:500 20px/1 var(--ui-display);color:var(--chrome-muted);}

body.light #modal-profile .profile-modal {background:var(--chrome-raised)!important;}

@media(max-width:360px){
 #modal-profile #profileDeckBadge img {width:28px;height:39px;flex-basis:28px;}
 #modal-profile .profile-table-swatch {width:28px;height:39px;flex-basis:28px;}
 #modal-profile .profile-loadout-items>button {padding:7px;gap:6px;}
 #modal-profile .profile-loadout-items strong {font-size:11px;overflow-wrap:normal;word-break:normal;}
}
/* Keep the collapsed overview complete on shorter desktop windows. */
@media(min-width:691px) and (max-height:800px){
 #modal-profile .profile-modal {padding:16px 20px!important;gap:11px!important;}
 #modal-profile .profile-heading-v34 {padding-bottom:11px;}
 #modal-profile .profile-record {padding:12px 14px 5px!important;}
 #modal-profile .profile-record-table th,#modal-profile .profile-record-table td {padding-top:8px;padding-bottom:8px;}
 #modal-profile .profile-record-table thead th {padding-top:0;padding-bottom:6px;}
 #modal-profile .profile-loadout {padding:12px 14px!important;}
 #modal-profile .profile-record h3,#modal-profile .profile-loadout h3 {margin-bottom:9px;}
 #modal-profile .profile-fold>summary {min-height:38px;}
}