body #profile #profileStatsSection{height:100%;min-height:0;margin:0;padding:12px;display:grid;grid-template-rows:minmax(150px,1.4fr) 86px 38px minmax(96px,1fr) 40px;gap:10px;background:linear-gradient(135deg,#0c2117,#030c08);border:1px solid #70542e;font-family:Georgia,serif}
body #profile #profileStatsSection button::after{content:none!important}
body #profile #profileStatsSection .profile-stat-card>span{letter-spacing:normal;text-transform:none;overflow-wrap:anywhere}
body #profile #profileStatsSection .profile-stats-hero{min-height:0;display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.5fr);gap:18px}
body #profile #profileStatsSection .profile-stats-identity{min-height:0;display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;align-items:center}
body #profile #profileStatsSection .profile-stats-identity>.profile-avatar-frame{width:105px;height:105px}
body #profile #profileStatsName{font:700 26px/1.2 Georgia,serif;white-space:normal;overflow-wrap:anywhere}
body #profile #profileStatsSection .profile-stats-identity>div{min-width:0;display:grid;gap:8px}
body #profile #profileStatsSection .player-progress{font-size:14px;min-height:44px;padding:3px;max-width:100%}
body #profile #profileStatsSection .profile-stat-grid{height:100%;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
body #profile #profileStatsSection .profile-stat-card{min-height:0;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:10px;margin:0;padding:10px;border:1px solid #71552e;border-radius:10px;background:linear-gradient(135deg,#12271e,#040d09);text-align:center}
body #profile #profileStatsSection .profile-stat-card>span{font:16px/1.2 Georgia,serif;color:#e9d9b8}
body #profile #profileStatsSection .profile-stat-card>strong{font:700 32px/1.15 Georgia,serif;color:#f4e8cd}
body #profile #profileStatsSection .profile-stat-card small:empty{display:none}
body #profile #profileStatsSection #statsDetailsBox{grid-template-columns:repeat(6,minmax(0,1fr))}
body #profile #profileStatsSection #statsDetailsBox:has(>:last-child:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}
body #profile #profileStatsSection .profile-stat-filters{display:grid;grid-template-columns:1fr 1fr;min-height:0;padding:8px;gap:12px;align-items:stretch}
body #profile #profileStatsSection .profile-stat-filters>div{min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:18px minmax(0,1fr);gap:4px}
body #profile #profileStatsSection .profile-stat-filters>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr))}
body #profile #profileStatsSection .profile-stat-filters>div>span{grid-column:1/-1;font:14px Georgia,serif}
body #profile #profileStatsSection .profile-stat-filters button{min-height:0;padding:4px;font:14px Georgia,serif;text-transform:none;color:#e2c68b}
body #profile #profileStatsMetricPages{display:flex;gap:8px;min-height:0}
body #profile #profileStatsMetricPages button{min-height:0;padding:5px 12px;font:14px Georgia,serif;color:#edd092;background:#0b2015;border:1px solid #87632d}
body #profile #profileStatsMetricPages button[aria-pressed=true]{background:linear-gradient(#345d23,#143817);border-color:#bfa04e}
body #profile #profileStatsRefresh{margin-left:auto}
body #profile #profileStatsStatus{margin:0;font:12px/1.3 Georgia,serif;color:#ccc1a3;align-self:center}
@media(max-height:400px){
 body #profile #profileStatsSection #statsDetailsBox .profile-stat-card{padding:2px;gap:1px}
 body #profile #profileStatsSection #statsDetailsBox .profile-stat-card>strong{font-size:18px}
}
@media(max-width:1099px){
 body #profile #profileStatsSection{padding:4px;grid-template-rows:minmax(66px,1fr) 42px 24px minmax(55px,.8fr) 28px;gap:3px}
 body #profile #profileStatsSection .profile-stats-hero{grid-template-columns:minmax(180px,.8fr) minmax(0,1.4fr);gap:8px}
 body #profile #profileStatsSection .profile-stats-identity{grid-template-columns:62px minmax(0,1fr);gap:6px}
 body #profile #profileStatsSection .profile-stats-identity>.profile-avatar-frame{width:60px;height:60px}
 body #profile #profileStatsName{font-size:15px}
 body #profile #profileStatsSection .profile-stats-identity>div{gap:2px}
 body #profile #profileStatsSection .profile-stats-identity>div>span{font-size:10px}
 body #profile #profileStatsSection .profile-stats-identity>div>span{display:none} /* XP remains available in the progress control. */
 body #profile #profileStatsSection .player-progress{min-height:28px;font-size:11px;gap:2px}
 body #profile #profileStatsSection .player-progress strong{font-size:12px}
 body #profile #profileStatsSection .player-progress small{font-size:9px}
 body #profile #profileStatsSection .player-xp-bar{height:5px}
 body #profile #profileStatsSection .profile-stat-grid{gap:4px}
 body #profile #profileStatsSection .profile-stat-card{padding:3px;gap:3px;border-radius:6px}
 body #profile #profileStatsSection .profile-stat-card{gap:2px}
 body #profile #profileStatsSection .profile-stat-card>span{font-size:10px}
 body #profile #profileStatsSection .profile-stat-card>strong{font-size:20px}
 body #profile #profileStatsSection .profile-stat-filters{padding:3px;gap:6px}
 body #profile #profileStatsSection .profile-stat-filters>div{grid-template-rows:12px minmax(0,1fr);gap:2px}
 body #profile #profileStatsSection .profile-stat-filters>div>span{font-size:10px}
 body #profile #profileStatsSection .profile-stat-filters button{font-size:10px;padding:1px}
 body #profile #profileStatsMetricPages button{font-size:11px;padding:2px 8px}
 body #profile #profileStatsStatus{font-size:10px}
}
@media(max-width:600px) and (orientation:portrait){
 body #profile #profileStatsSection{grid-template-rows:minmax(180px,1.3fr) 94px 38px minmax(130px,1fr) 44px;gap:8px;padding:8px}
 body #profile #profileStatsSection .profile-stats-hero{grid-template-columns:1fr;grid-template-rows:90px minmax(0,1fr);gap:8px}
 body #profile #profileStatsSection .profile-stats-identity{grid-template-columns:80px minmax(0,1fr)}
 body #profile #profileStatsSection .profile-stats-identity>.profile-avatar-frame{width:75px;height:75px}
 body #profile #profileStatsName{font-size:20px}
 body #profile #profileStatsSection .profile-stat-filters{grid-template-columns:1fr;grid-template-rows:1fr 1fr}
 body #profile #profileStatsSection #statsDetailsBox{grid-template-columns:repeat(3,minmax(0,1fr))}
 body #profile #profileStatsSection #statsDetailsBox:has(>:last-child:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}
 body #profile #profileStatsSection .profile-stat-card>span{font-size:12px}
 body #profile #profileStatsStatus{font-size:11px}
}
