/* Personal results follow the game's slate, gold and restrained status colors. */
#profile-view{max-width:1320px;margin:0 auto;color:#e3e7ec;padding:4px 0 24px}
#profile-view .profile-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:7px 0 18px;margin-bottom:18px;border-bottom:1px solid #ffffff0c}
#profile-view .profile-identity{display:flex;align-items:center;gap:17px;min-width:0}
#profile-view .profile-avatar{flex:none;display:grid;place-items:center;width:62px;height:62px;border:1px solid #c7a57355;border-radius:18px;color:#f0cc95;background:linear-gradient(145deg,#4a4036,#272f3b);font:500 28px 'Space Grotesk',sans-serif}
#profile-view .profile-heading{min-width:0}
#profile-view .profile-eyebrow{font-size:9px;letter-spacing:2px;color:#b5a18a}
#profile-view h1{margin:8px 0 0;font:500 32px/1.15 'Space Grotesk',sans-serif;letter-spacing:-.8px;overflow-wrap:anywhere;color:#f0ede7}
#profile-view .profile-hero-tools{display:flex;align-items:center;gap:15px;flex:none}
#profile-view .profile-updated{font-size:11px;color:#91a0b3}
#profile-view .profile-refresh{min-height:42px;padding:10px 14px;border-color:#ffffff17;color:#c5cfda;font-size:11px;background:#ffffff03}
#profile-view .profile-status{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 22px;padding:12px 15px;font-size:12px;line-height:1.55;border:1px solid #c7a57340;border-radius:9px;background:#c7a5730c;color:#d5c6af}
#profile-view .profile-status[data-state=error]{color:#e3b7a8;border-color:#c7866240;background:#c786620c}
#profile-view .profile-retry{white-space:nowrap;font-size:11px;border-color:currentColor}
#profile-view .profile-content{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
#profile-view .profile-results{display:grid;gap:30px;min-width:0}
#profile-view .profile-history{--placement-columns:minmax(130px,1fr) 66px 92px 86px 83px;min-width:0}
#profile-view .profile-history-ended{display:grid;gap:3px;font-size:10px;color:#a4b2c3;font-variant-numeric:tabular-nums}
#profile-view .profile-history-ended>span:last-child{font-size:9px;color:#8090a5}
#profile-view .profile-section-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:7px 12px;margin-bottom:17px}
#profile-view h2{margin:0;font:500 20px/1.35 'Space Grotesk',sans-serif;letter-spacing:-.3px;color:#e7e7e4}
#profile-view .profile-section-detail{color:#91a0b1;font-size:11px}
#profile-view .profile-empty{padding:27px 23px;border:1px dashed #ffffff1b;border-radius:11px;background:#18222e55;text-align:center}
#profile-view .profile-empty h3{margin:0;font-size:14px;font-weight:500;line-height:1.5;color:#d6dce3}
#profile-view .profile-empty p{max-width:380px;margin:10px auto 0;font-size:12px;line-height:1.7;color:#97a8bc}
#profile-view .profile-guest,#profile-view .profile-loading{grid-column:1/-1;padding-block:45px}
#profile-view .profile-guest .profile-primary{margin-top:22px;min-width:140px}
#profile-view .profile-lost-summary{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:8px 12px;background:#d7975b0c;border:1px solid #bc8a5b33;border-radius:9px;color:#deb990}
#profile-view .profile-lost-summary p{margin:0;font-size:12px;line-height:1.5}
#profile-view .profile-lost-symbol{font-size:22px;font-weight:500}
#profile-view .profile-card-filters{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 15px}
#profile-view .profile-card-filters button{min-height:38px;padding:8px 10px;border-color:#ffffff10;color:#a8b8ca;background:#1e2a3788;font-size:10px}
#profile-view .profile-card-filters button[aria-pressed=true]{color:#ebc38e;border-color:#b9976560;background:#b9965e15}
#profile-view .profile-score-list,#profile-view .profile-awards{list-style:none;padding:0;margin:0;display:grid;gap:0}
#profile-view .profile-active{--placement-columns:minmax(140px,1fr) 66px 92px 59px 167px;min-width:0}
#profile-view .profile-placement-head,#profile-view .profile-score-card{display:grid;grid-template-columns:var(--placement-columns);column-gap:12px;align-items:center}
#profile-view .profile-placement-head{padding:9px 13px;color:#90a0b4;font-size:9px;border-bottom:1px solid #ffffff10}
#profile-view .profile-placement-head>span:nth-child(2),#profile-view .profile-placement-head>span:nth-child(3){text-align:right}
#profile-view .profile-placement-head>span:nth-child(4){text-align:center}
#profile-view .profile-placement-head>span:last-child{text-align:right}
#profile-view .profile-score-list{border:1px solid #ffffff0e;border-top:0;border-radius:0 0 10px 10px;overflow:hidden}
#profile-view .profile-score-card{min-height:65px;row-gap:0;padding:10px 12px;border:0;border-bottom:1px solid #ffffff0b;border-radius:0;background:#222d39}
#profile-view .profile-score-card:nth-child(even){background:#202a36}
#profile-view .profile-score-card:last-child{border-bottom:0}
#profile-view .profile-score-card.has-lost-places{box-shadow:inset 2px 0 #ba905854}
#profile-view .profile-card-intro{min-width:0}
#profile-view .profile-card-intro h3{margin:0;font-size:12px;font-weight:500;line-height:1.45;color:#e6e6e1;overflow-wrap:anywhere}
#profile-view .profile-card-intro .profile-map-daily{color:#e1c198}
#profile-view .profile-card-intro .profile-map-weekly{color:#bed0e4}
#profile-view .profile-card-intro .profile-map-campaign{color:#c6d1bd}
#profile-view .profile-card-period{display:block;margin-top:4px;color:#91a1b4;font-size:10px;line-height:1.4}
#profile-view .profile-card-rank,#profile-view .profile-card-score{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
#profile-view .profile-card-rank strong{color:#dce2e9;font-size:13px;font-weight:500}
#profile-view .profile-rank-total{color:#8e9fb3;font-size:10px}
#profile-view .profile-card-score strong{font:500 15px/1.3 'Space Grotesk',sans-serif;color:#e5c69b;letter-spacing:-.2px}
#profile-view .profile-trend{text-align:center;line-height:1.45;min-width:0;padding:5px 0;border-radius:4px}
#profile-view .profile-trend strong{font-size:12px;font-weight:500;white-space:nowrap}
#profile-view .profile-trend:focus-visible{outline:2px solid #d9b579;outline-offset:1px}
#profile-view .profile-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#profile-view .profile-trend-lost{color:#dfb48e}
#profile-view .profile-trend-gained{color:#b6d69e}
#profile-view .profile-trend-steady{color:#a6b3c2}
#profile-view .profile-card-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px}
#profile-view .profile-card-actions .profile-primary,#profile-view .profile-card-actions .profile-secondary{min-height:34px;padding:8px 9px;font-size:10px;border-radius:7px}
#profile-view .profile-card-actions button[aria-expanded=true]{color:#efd0a5;border-color:#c0a174;background:#bca17113}
#profile-view .profile-primary{min-height:40px;padding:10px 13px;border-color:#b9976560;color:#ebc38e;background:#b9965e0c;font-size:11px;font-weight:500;white-space:nowrap}
#profile-view .profile-primary:hover:not(:disabled){background:#b9965e20;border-color:#d6b685}
#profile-view .profile-secondary{min-height:40px;padding:10px 11px;font-size:11px;color:#a9bacd;border-color:#ffffff13;white-space:nowrap}
#profile-view .profile-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px}
#profile-view .profile-pagination button{font-size:11px;min-height:40px;padding:9px 12px;border-color:#ffffff15;color:#b9c8d9}
#profile-view .profile-pagination>span{font-size:10px;line-height:1.5;color:#93a4b9}
#profile-view .profile-medal-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:15px}
#profile-view .profile-medal-total{display:flex;flex-direction:column;align-items:center;gap:13px;padding:17px 10px 15px;border:1px solid #ffffff0e;border-radius:10px;background:#23303a88;text-align:center}
#profile-view .profile-medal-total-gold{background:linear-gradient(160deg,#be94451a,#23303a88);border-color:#d4aa572c}
#profile-view .profile-medal-count{display:block;font:500 24px/1.1 'Space Grotesk',sans-serif;color:#e5e5df;font-variant-numeric:tabular-nums}
#profile-view .profile-medal-label{display:block;margin-top:5px;font-size:10px;color:#b1bbc7}
#profile-view .profile-medal-icon{position:relative;isolation:isolate;display:grid;place-items:center;flex:none;width:32px;height:32px;margin-bottom:5px;border:1px solid var(--medal-edge,#ccaa60);border-radius:50%;background:var(--medal-fill,#9c7739);color:var(--medal-text,#ffdf9d);box-shadow:inset 0 0 0 3px #18222b25;font:600 15px/1 'Space Grotesk',sans-serif}
#profile-view .profile-medal-icon:before,#profile-view .profile-medal-icon:after{content:'';position:absolute;z-index:-1;top:24px;width:10px;height:15px;background:var(--medal-ribbon,#987943);clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%)}
#profile-view .profile-medal-icon:before{left:4px;transform:rotate(13deg)}
#profile-view .profile-medal-icon:after{right:4px;transform:rotate(-13deg)}
#profile-view .profile-medal-silver{--medal-edge:#a3b1c0;--medal-fill:#626f80;--medal-text:#e3ecf7;--medal-ribbon:#647080}
#profile-view .profile-medal-bronze{--medal-edge:#b48669;--medal-fill:#80583e;--medal-text:#efd0b5;--medal-ribbon:#825e49}
#profile-view .profile-awards{gap:0;border:1px solid #ffffff0e;border-radius:10px;overflow:hidden;background:#1c283555}
#profile-view .profile-award{display:flex;align-items:center;gap:13px;padding:17px 15px;border-bottom:1px solid #ffffff09}
#profile-view .profile-award:last-child{border-bottom:0}
#profile-view .profile-award-copy{min-width:0;flex:1}
#profile-view .profile-award-copy h3{margin:0;font-size:12px;font-weight:500;line-height:1.45;color:#d8dee5}
#profile-view .profile-award-copy p{margin:5px 0 0;color:#8fa0b4;font-size:10px;line-height:1.5}
#profile-view .profile-award-result{text-align:right;flex:none}
#profile-view .profile-award-result strong{display:block;font-size:11px;font-weight:500;color:#d7b990}
#profile-view .profile-award-result span{display:block;margin-top:6px;color:#99a9bb;font-size:10px;font-variant-numeric:tabular-nums}
@media(max-width:1100px){
 #profile-view .profile-content{grid-template-columns:minmax(0,1fr);gap:32px}
 #profile-view .profile-medals{max-width:100%}
 #profile-view .profile-medal-total{flex-direction:row;justify-content:center;text-align:left;padding:20px 12px}
 #profile-view .profile-awards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 #profile-view .profile-award{border-bottom:1px solid #ffffff09}
}
@media(max-width:700px){
 #profile-view .profile-placement-head{display:none}
 #profile-view .profile-score-list{border-top:1px solid #ffffff0e;border-radius:10px}
 #profile-view .profile-score-card{grid-template-columns:minmax(0,1fr) auto auto;min-height:94px;gap:9px 12px;padding:12px}
 #profile-view .profile-card-intro{grid-column:1;grid-row:1}
 #profile-view .profile-card-rank{grid-column:2;grid-row:1}
 #profile-view .profile-card-score{grid-column:3;grid-row:1}
 #profile-view .profile-trend{grid-column:1;grid-row:2;text-align:left;padding:0}
 #profile-view .profile-history-ended{grid-column:1;grid-row:2;display:flex;align-items:baseline;gap:6px}
 #profile-view .profile-card-actions{grid-column:2/-1;grid-row:2;justify-content:flex-end}
 #profile-view .profile-card-actions .profile-primary,#profile-view .profile-card-actions .profile-secondary{min-height:38px;padding:9px 11px}
}
@media(max-width:520px){
 #profile-view .profile-hero{align-items:flex-start;flex-wrap:wrap;gap:13px;padding-top:8px;margin-bottom:17px}
 #profile-view .profile-avatar{width:49px;height:49px;border-radius:14px;font-size:23px}
 #profile-view h1{font-size:26px}
 #profile-view .profile-identity{gap:13px;max-width:100%}
 #profile-view .profile-hero-tools{width:100%;justify-content:flex-end;gap:12px}
 #profile-view h2{font-size:19px}
 #profile-view .profile-score-card{column-gap:10px;padding:11px 10px}
 #profile-view .profile-card-intro h3{font-size:11px}
 #profile-view .profile-card-period{font-size:9px}
 #profile-view .profile-card-actions .profile-primary,#profile-view .profile-card-actions .profile-secondary{min-height:40px;padding:10px;font-size:10px}
 #profile-view .profile-status{align-items:flex-start;flex-direction:column}
 #profile-view .profile-card-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 #profile-view .profile-card-filters button{font-size:10px;padding:9px 7px;min-height:40px}
 #profile-view .profile-medal-totals{gap:7px}
 #profile-view .profile-medal-total{flex-direction:column;text-align:center;padding:17px 8px;gap:12px}
 #profile-view .profile-awards{display:block}
 #profile-view .profile-award{padding:16px 13px}
 #profile-view .profile-empty{padding:24px 18px}
}
