/* Profile-only presentation. Keep the community's shared header and themes. */
.profile-refresh { --mp-cyan-strong:#147f8c; --mp-subtle:var(--gm-copy,#546b77); --mp-shadow:0 18px 48px rgba(7,24,38,.09); }
html[data-theme="dark"] .profile-refresh { --mp-cyan-strong:#6ad9da; }
.profile-refresh .container { max-width:1280px; }
.profile-refresh :is(a,button):focus-visible { outline:3px solid var(--mp-cyan-strong); outline-offset:4px; }
.profile-refresh [hidden] { display:none!important; }
.profile-refresh :is(.profile-layout,.profile-identity-card,.profile-content-column,.profile-sidebar) > * { min-width:0; }
.profile-refresh :is(.profile-cover,.profile-cover__content) { min-height:238px; }
.profile-refresh .profile-cover { background:radial-gradient(circle at 76% -12%,rgba(65,195,201,.34),transparent 23rem),radial-gradient(circle at 92% 95%,rgba(87,103,208,.2),transparent 24rem),linear-gradient(122deg,#07131f,#102b35 58%,#10212f); }
.profile-refresh .profile-cover::before { pointer-events:none; background:linear-gradient(90deg,rgba(3,10,18,.42),transparent 58%),linear-gradient(0deg,rgba(3,10,18,.64),transparent 65%); }
.profile-refresh .profile-cover::after { pointer-events:none; opacity:.11; background-size:40px 40px; }
.profile-refresh .profile-cover--custom::before { background:linear-gradient(90deg,rgba(3,9,17,.68),rgba(3,9,17,.12) 64%),linear-gradient(0deg,rgba(3,9,17,.75),transparent 72%); }
.profile-refresh .profile-cover__content { position:relative; align-items:flex-start; gap:1rem; padding-top:1.35rem; padding-bottom:6rem; }
.profile-refresh .profile-cover__back,.profile-refresh .profile-cover__label { min-height:38px; padding:.55rem .8rem; border-color:rgba(255,255,255,.2); border-radius:999px; font-size:.73rem; background:rgba(5,16,27,.5); backdrop-filter:blur(12px); }
.profile-refresh .profile-cover__back:hover { background:rgba(5,16,27,.72); }
.profile-refresh .profile-cover__label { color:#d4f7f4; letter-spacing:.05em; text-transform:none; }
.profile-refresh .profile-identity-stage { margin-top:-92px; }
.profile-refresh .profile-identity-card { grid-template-columns:124px minmax(0,1fr) auto; gap:1.5rem; min-height:164px; padding:1.25rem 1.4rem; border-radius:18px; background:var(--mp-surface); box-shadow:var(--mp-shadow); backdrop-filter:none; }
/* Shared premium identity decoration must not crowd the profile heading. */
.profile-refresh .profile-identity-card::before { display:none!important; }
.profile-refresh .profile-identity-card:has(.gm-member-identity) { padding-top:1.25rem!important; }
.profile-refresh .profile-avatar { width:124px; height:124px; }
.profile-refresh .profile-avatar > img { border-radius:22px; border:4px solid var(--mp-surface); }
.profile-refresh .profile-identity-copy h1 { overflow:visible; white-space:normal; overflow-wrap:anywhere; font-size:clamp(1.9rem,3.2vw,2.85rem); line-height:1.08; letter-spacing:-.045em; }
.profile-refresh .profile-identity-copy h1 .gm-member-identity { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.profile-refresh :is(.profile-identity-role,.profile-presence-label) { font-size:.68rem; letter-spacing:.02em; }
.profile-refresh .profile-identity-meta { font-size:.8rem; line-height:1.6; }
.profile-refresh .profile-actions { max-width:330px; }
.profile-refresh .profile-action { min-height:44px; font:inherit; font-size:.78rem; font-weight:750; padding:.65rem .9rem; border-radius:9px; cursor:pointer; }
.profile-refresh .profile-action span { display:inline; }
.profile-refresh .profile-action--primary { color:#fff; background:#167c87; }
.profile-refresh .profile-action--primary:hover { color:#fff; background:#11636c; }
.profile-refresh .profile-nav { position:sticky; z-index:10; top:72px; padding:.42rem; margin-top:1rem; border:1px solid var(--mp-line); border-radius:12px; box-shadow:0 10px 30px rgba(7,24,38,.06); background:color-mix(in srgb,var(--mp-surface) 94%,transparent); gap:.25rem; backdrop-filter:blur(14px); }
.profile-refresh .profile-nav a { min-height:42px; font-size:.76rem; padding:.65rem .88rem; border-radius:8px; }
.profile-refresh .profile-nav a[aria-current="location"] { background:color-mix(in srgb,var(--mp-cyan-strong) 12%,var(--mp-surface)); color:var(--mp-cyan-strong); }
.profile-refresh .profile-main { padding:1.25rem 0 4rem; background:transparent; }
.profile-refresh .profile-metrics { grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; margin-bottom:1.5rem; padding:1.15rem 0; border:1px solid var(--mp-line); border-radius:14px; background:var(--mp-surface); box-shadow:0 10px 30px rgba(7,24,38,.045); }
.profile-refresh .profile-metric { border:0; border-right:1px solid var(--mp-line); box-shadow:none; border-radius:0; padding:.25rem 1.2rem; background:transparent; gap:.8rem; }
.profile-refresh .profile-metric:last-child { border:0; grid-column:auto; }
.profile-refresh .profile-metric > span { color:var(--mp-cyan-strong); background:transparent; width:auto; font-size:1.15rem; }
.profile-refresh .profile-metric strong { font-size:1.55rem; font-variant-numeric:tabular-nums; }
.profile-refresh .profile-metric small { font-size:.67rem; font-weight:600; letter-spacing:0; text-transform:none; white-space:normal; }
.profile-refresh .profile-layout { grid-template-columns:minmax(0,1fr) 330px; gap:1.5rem; }
.profile-refresh :is(.profile-content-column,.profile-sidebar) { gap:1.5rem; }
.profile-refresh .profile-sidebar { position:sticky; top:142px; }
.profile-refresh .profile-panel { border-radius:14px; box-shadow:0 10px 28px rgba(7,24,38,.045); }
.profile-refresh .profile-panel__heading { padding:1.15rem 1.3rem; background:color-mix(in srgb,var(--mp-surface-soft) 64%,var(--mp-surface)); min-height:0; }
.profile-refresh .profile-panel__heading > div > span { font-size:.63rem; font-weight:700; letter-spacing:.1em; margin-bottom:.35rem; }
.profile-refresh .profile-panel__heading h2 { font-size:1.13rem; line-height:1.35; overflow-wrap:anywhere; }
.profile-refresh .profile-panel__heading > strong { font-size:.8rem; color:var(--mp-cyan-strong); }
.profile-refresh .profile-panel__body { padding:1.3rem; }
.profile-refresh .profile-panel__note { font-size:.75rem; text-align:left; }
.profile-refresh .profile-games-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.profile-refresh .profile-game { display:flex; flex-direction:column; align-items:stretch; gap:.75rem; padding:0 0 .35rem; border:0; border-radius:10px; background:transparent; }
.profile-refresh .profile-game:hover { transform:translateY(-3px); box-shadow:none; }
.profile-refresh .profile-game__art { width:100%; height:auto; aspect-ratio:3/4; border-radius:10px; box-shadow:0 8px 20px rgba(7,24,38,.13); }
.profile-refresh .profile-game__art img { transition:transform .2s ease; }
.profile-refresh .profile-game:hover img { transform:scale(1.04); }
.profile-refresh .profile-game__copy > strong { font-size:.83rem; line-height:1.5; white-space:normal; }
.profile-refresh .profile-game__copy > small { font-size:.68rem; gap:.6rem; margin-top:.3rem; }
.profile-refresh .profile-game__arrow { display:none; }
.profile-refresh .profile-published-grid { grid-template-columns:1fr; gap:0; }
.profile-refresh .profile-published-card { padding:1rem 0; border:0; border-bottom:1px solid var(--mp-line); border-radius:0; background:transparent; }
.profile-refresh .profile-published-card:last-child { border-bottom:0; }
.profile-refresh .profile-published-card:hover { transform:none; box-shadow:none; }
.profile-refresh .profile-published-card__copy strong { color:var(--mp-ink); white-space:normal; font-size:.95rem; line-height:1.5; }
.profile-refresh .profile-published-card__copy :is(small,span) { font-size:.7rem; white-space:normal; color:var(--mp-copy); }
.profile-refresh .profile-timeline { gap:0; }
.profile-refresh .profile-timeline-item { border:0; border-bottom:1px solid var(--mp-line); border-radius:0; padding:1rem 0; background:transparent; }
.profile-refresh .profile-timeline-item:last-child { border-bottom:0; }
.profile-refresh .profile-timeline-item:hover { background:transparent; }
.profile-refresh .profile-timeline-item__copy strong { font-size:.88rem; line-height:1.5; white-space:normal; }
.profile-refresh :is(.profile-timeline-item__copy small,.profile-timeline-item__time) { font-size:.73rem; }
.profile-refresh .profile-about { font-size:.88rem; line-height:1.8; }
.profile-refresh .profile-facts li { padding:.85rem 0; }
.profile-refresh .profile-facts li small { font-size:.62rem; }
.profile-refresh .profile-facts li strong { font-size:.8rem; white-space:normal; }
.profile-refresh .profile-forum-signature { margin:0 0 1rem; padding:1rem; }
.profile-refresh .profile-forum-signature > span { font-size:.6rem; }
.profile-refresh .profile-forum-signature p { font-size:.85rem; overflow-wrap:anywhere; }
.profile-refresh .profile-gamer-ids { padding:1rem; }
.profile-refresh .profile-gamer-id { grid-template-columns:32px minmax(0,1fr) auto; gap:.7rem; padding:.8rem; }
.profile-refresh .profile-gamer-id > div { flex:1; min-width:0; }
.profile-refresh .profile-gamer-id small { font-size:.6rem; color:var(--mp-copy); }
.profile-refresh .profile-gamer-id strong { white-space:normal; overflow-wrap:anywhere; font-size:.83rem; }
.profile-refresh .profile-copy { display:grid; place-items:center; flex-shrink:0; min-width:44px; min-height:44px; border:1px solid var(--mp-line); border-radius:7px; color:var(--mp-copy); background:var(--mp-surface); }
.profile-refresh .profile-copy:hover { color:var(--mp-cyan-strong); border-color:currentColor; }
.profile-refresh .profile-social-links { padding:1rem; }
.profile-refresh .profile-social-link { padding:.85rem; }
.profile-refresh .profile-social-link__copy strong { font-size:.83rem; }
.profile-refresh .profile-social-link__copy small { font-size:.7rem; }
.profile-refresh .profile-empty { padding:1.3rem; border-radius:10px; }
.profile-refresh .profile-empty strong { font-size:.95rem; }
.profile-refresh .profile-empty p { font-size:.83rem; line-height:1.7; }
.profile-refresh .profile-empty > a { font-size:.8rem; min-height:44px; }
.profile-refresh .profile-stream { container-type:inline-size; }
.profile-refresh .profile-stream .profile-panel__heading > div > span { color:var(--mp-copy); }
.profile-refresh .profile-stream .profile-panel__heading > div > span i { color:#a970ff; margin-right:.3rem; }
.profile-refresh .profile-stream__status { flex-shrink:0; padding:.4rem .6rem; border:1px solid var(--mp-line); border-radius:5px; font-size:.68rem; color:var(--mp-copy); }
.profile-refresh .profile-stream__status[data-state="live"] { background:#b91c3b; border-color:#b91c3b; color:#fff; }
.profile-refresh .profile-stream__stage { background:radial-gradient(ellipse at 60% 0,#332450,transparent 75%),#111522; }
.profile-refresh .profile-stream__intro { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:340px; padding:2rem; color:#fff; text-align:center; }
.profile-refresh .profile-stream__mark { display:grid; place-items:center; width:64px; height:64px; margin-bottom:1rem; border:1px solid #8f6fbe; border-radius:16px; color:#cba3ff; background:#9b63ec15; font-size:1.8rem; }
.profile-refresh .profile-stream__intro h3 { color:#fff; font-size:1.5rem; font-weight:800; letter-spacing:-.03em; margin:0 0 .5rem; }
.profile-refresh .profile-stream__intro p { color:#bfc5d9; font-size:.88rem; margin:0; line-height:1.7; }
.profile-refresh .profile-stream__load { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; min-height:44px; margin:1.25rem 0 .8rem; padding:.65rem 1.2rem; border:1px solid #d2bcf7; border-radius:7px; color:#24123e; background:#d7bafa; font-size:.85rem; font-weight:700; }
.profile-refresh .profile-stream__load:disabled { opacity:.7; }
.profile-refresh .profile-stream__intro .profile-stream__hint { font-size:.72rem; }
.profile-refresh .profile-stream__player { width:100%; min-height:300px; aspect-ratio:16/9; }
.profile-refresh .profile-stream__player iframe { display:block; border:0; width:100%; height:100%; min-height:300px; }
.profile-refresh .profile-stream__footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.75rem; padding:1rem 1.4rem; font-size:.75rem; color:var(--mp-copy); }
.profile-refresh .profile-stream__footer a { color:var(--mp-cyan-strong); font-weight:700; text-decoration:none; }
@container (max-width:399px) { .profile-refresh .profile-stream__player { display:none!important; } }
@media(min-width:992px) and (max-width:1199px) {
 .profile-refresh .profile-identity-card { grid-template-columns:100px minmax(0,1fr); }
 .profile-refresh .profile-avatar { width:100px; height:100px; }
 .profile-refresh .profile-actions { grid-column:2; max-width:none; justify-content:flex-start; padding:0; }
 .profile-refresh .profile-games-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:991px) {
 .profile-refresh .profile-layout { grid-template-columns:1fr; }
 .profile-refresh .profile-sidebar { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
 .profile-refresh .profile-identity-card { grid-template-columns:100px minmax(0,1fr); }
 .profile-refresh .profile-avatar { width:100px; height:100px; }
 .profile-refresh .profile-actions { grid-column:1/-1; justify-content:flex-start; padding:0; max-width:none; }
 .profile-refresh .profile-metric { padding:.25rem .85rem; }
 .profile-refresh .profile-metric > span { display:none; }
}
@media(max-width:575px) {
 .profile-refresh :is(.profile-cover,.profile-cover__content) { min-height:190px; }
 .profile-refresh .profile-cover__content { gap:1rem; padding-bottom:4rem; }
 .profile-refresh .profile-cover__label { display:none; }
 .profile-refresh .profile-identity-stage { margin-top:-54px; }
 .profile-refresh .profile-identity-card { grid-template-columns:68px minmax(0,1fr); gap:1rem; padding:1.2rem; }
 .profile-refresh .profile-avatar { width:68px; height:68px; }
 .profile-refresh .profile-avatar > img { border-radius:17px; }
 .profile-refresh .profile-identity-copy h1 { font-size:1.65rem; }
 .profile-refresh .profile-identity-copy__topline { gap:.5rem; }
 .profile-refresh .profile-identity-meta { font-size:.72rem; }
 .profile-refresh .profile-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
 .profile-refresh .profile-action { width:100%; }
 .profile-refresh .profile-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); padding:0; gap:0; }
 .profile-refresh .profile-metric { padding:1rem; border:0; }
 .profile-refresh .profile-metric strong { font-size:1.3rem; }
 .profile-refresh .profile-metric small { font-size:.65rem; }
 .profile-refresh .profile-sidebar { grid-template-columns:1fr; }
 .profile-refresh .profile-panel__heading { padding:1.1rem; }
 .profile-refresh .profile-panel__heading h2 { font-size:1.05rem; }
 .profile-refresh .profile-panel__body { padding:1.1rem; }
 .profile-refresh .profile-games-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .profile-refresh .profile-stream .profile-panel__heading { flex-wrap:wrap; gap:.7rem; }
 .profile-refresh .profile-stream__intro { min-height:280px; padding:1.6rem 1rem; }
 .profile-refresh .profile-timeline-item__time { display:block; grid-column:2; }
}
@media(prefers-reduced-motion:reduce) {
 .profile-refresh * { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
 .profile-refresh .profile-game:hover,.profile-refresh .profile-game:hover img { transform:none; }
}

/* Navigation-aligned public profile finish; the retired Arcade card is untouched. */
.profile-refresh .profile-cover:not(.profile-cover--custom) {
    border-bottom:1px solid rgba(88,221,245,.22);
    background:
        radial-gradient(circle at 78% -8%,rgba(88,221,245,.3),transparent 25rem),
        radial-gradient(circle at 96% 100%,rgba(98,136,255,.14),transparent 24rem),
        linear-gradient(125deg,#06111c,#0c2533 60%,#102b3b);
}

.profile-refresh .profile-identity-card,
.profile-refresh .profile-metrics,
.profile-refresh .profile-nav,
.profile-refresh .profile-panel:not(.profile-nuketown-card) {
    border-color:color-mix(in srgb,var(--mp-line) 78%,#58ddf5 22%);
    box-shadow:0 17px 40px rgba(6,28,42,.1);
}

.profile-refresh .profile-nav a {
    transition:color .16s ease,background-color .16s ease,transform .16s ease;
}

.profile-refresh .profile-nav a:is(:hover,[aria-current="location"]) {
    color:var(--mp-cyan-strong);
    background:color-mix(in srgb,var(--mp-cyan-strong) 11%,var(--mp-surface));
}

.profile-refresh .profile-panel__heading {
    position:relative;
}

.profile-refresh .profile-panel__heading::after {
    position:absolute;
    right:1.3rem;
    bottom:-1px;
    left:1.3rem;
    height:1px;
    content:"";
    background:linear-gradient(90deg,var(--mp-cyan-strong),var(--mp-line) 18%,var(--mp-line));
}

.profile-refresh .profile-game__art {
    border:1px solid color-mix(in srgb,var(--mp-line) 80%,#58ddf5 20%);
    box-shadow:0 13px 28px rgba(6,28,42,.16);
}

.profile-refresh .profile-gamer-id,
.profile-refresh .profile-social-link {
    border-color:color-mix(in srgb,var(--mp-line) 82%,#58ddf5 18%);
}

html[data-theme="dark"] .profile-refresh .profile-identity-card,
html[data-theme="dark"] .profile-refresh .profile-metrics,
html[data-theme="dark"] .profile-refresh .profile-nav,
html[data-theme="dark"] .profile-refresh .profile-panel:not(.profile-nuketown-card) {
    box-shadow:0 20px 48px rgba(0,4,9,.27);
}

/* Player loadout: a useful profile summary instead of another stat strip. */
.profile-refresh .profile-cover__signal { display:flex; min-height:38px; gap:.45rem; align-items:center; margin-left:auto; padding:.55rem .8rem; border:1px solid rgba(255,255,255,.18); border-radius:999px; color:#9db5c2; background:rgba(5,16,27,.5); font-size:.61rem; font-weight:850; letter-spacing:.08em; backdrop-filter:blur(12px); }
.profile-refresh .profile-cover__signal i { width:.42rem; height:.42rem; border-radius:50%; background:#9dea66; box-shadow:0 0 10px rgba(157,234,102,.5); }
.profile-refresh .profile-loadout { overflow:hidden; margin-bottom:1.5rem; border:1px solid color-mix(in srgb,var(--mp-line) 76%,#58ddf5 24%); border-radius:14px; background:var(--mp-surface); box-shadow:0 14px 34px rgba(7,24,38,.07); }
.profile-refresh .profile-loadout > header { display:flex; gap:1rem; align-items:end; justify-content:space-between; padding:1rem 1.2rem; border-bottom:1px solid var(--mp-line); background:linear-gradient(105deg,color-mix(in srgb,var(--mp-surface-soft) 91%,#58ddf5 9%),var(--mp-surface)); }
.profile-refresh .profile-loadout > header span { display:flex; gap:.42rem; align-items:center; color:var(--mp-cyan-strong); font-size:.58rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.profile-refresh .profile-loadout > header span i { width:.42rem; height:.42rem; border-radius:50%; background:#9dea66; box-shadow:0 0 8px rgba(157,234,102,.4); }
.profile-refresh .profile-loadout > header h2 { margin:.25rem 0 0; color:var(--mp-ink); font-size:1.15rem; font-weight:900; letter-spacing:-.025em; }
.profile-refresh .profile-loadout > header p { max-width:390px; margin:0; color:var(--mp-copy); font-size:.68rem; text-align:right; }
.profile-refresh .profile-loadout__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.profile-refresh .profile-loadout__grid > a { display:grid; grid-template-columns:40px minmax(0,1fr) auto; gap:.7rem; align-items:center; min-width:0; padding:1rem; border-left:1px solid var(--mp-line); color:var(--mp-ink); text-decoration:none; }
.profile-refresh .profile-loadout__grid > a:first-child { border-left:0; }
.profile-refresh .profile-loadout__grid > a:hover { color:var(--mp-ink); background:color-mix(in srgb,var(--mp-cyan-strong) 7%,var(--mp-surface)); }
.profile-refresh .profile-loadout__icon { display:grid; width:40px; height:40px; place-items:center; border-radius:.65rem; color:var(--mp-cyan-strong); background:color-mix(in srgb,var(--mp-cyan-strong) 11%,var(--mp-surface)); }
.profile-refresh .profile-loadout__grid > a > span:nth-child(2) { display:grid; min-width:0; gap:.1rem; }
.profile-refresh .profile-loadout__grid small { color:var(--mp-copy); font-size:.54rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.profile-refresh .profile-loadout__grid strong { overflow:hidden; font-size:.8rem; text-overflow:ellipsis; white-space:nowrap; }
.profile-refresh .profile-loadout__grid em { overflow:hidden; color:var(--mp-copy); font-size:.61rem; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.profile-refresh .profile-loadout__grid > a > i { color:var(--mp-copy); font-size:.62rem; }
@media(max-width:991px) { .profile-refresh .profile-loadout__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .profile-refresh .profile-loadout__grid > a:nth-child(3) { border-left:0; } .profile-refresh .profile-loadout__grid > a:nth-child(n+3) { border-top:1px solid var(--mp-line); } }
@media(max-width:575px) { .profile-refresh .profile-cover__signal { display:none; } .profile-refresh .profile-loadout > header { align-items:flex-start; flex-direction:column; } .profile-refresh .profile-loadout > header p { text-align:left; } .profile-refresh .profile-loadout__grid { grid-template-columns:minmax(0,1fr); } .profile-refresh .profile-loadout__grid > a { border-top:1px solid var(--mp-line); border-left:0; } .profile-refresh .profile-loadout__grid > a:first-child { border-top:0; } }
