/* SubMain.FM profile update Patch 16 – shared community identity */
.sm-public-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:1px 0 17px;padding:15px 18px;border:1px solid rgba(255,190,121,.18);border-radius:17px;background:linear-gradient(118deg,rgba(133,78,182,.15),rgba(228,126,72,.07),rgba(0,0,0,.04))}
.sm-public-heading h1{margin:2px 0 5px;font-weight:950;font-size:clamp(19px,2vw,27px);letter-spacing:-.035em}
.sm-public-eyebrow{color:#e5b1e9;font-size:10px;letter-spacing:.11em;font-weight:950}
.sm-public-heading .small{margin:0}
.sm-social-presence,.sm-social-profile .sm-social-presence{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 11px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.13);font-size:12px;font-weight:800;white-space:nowrap}
.sm-social-presence.is-online{border-color:rgba(65,229,143,.28);color:#a3ecc0;background:rgba(45,204,123,.09)}
.sm-social-presence.is-offline{color:#a9a4b1}
.sm-presence-dot{display:inline-block;width:8px;height:8px;flex:0 0 8px;background:#77727e;border-radius:100%;box-shadow:0 0 0 3px rgba(255,255,255,.035)}
.sm-presence-dot.is-online{background:#3ee19b;box-shadow:0 0 0 3px rgba(62,225,155,.12),0 0 9px rgba(62,225,155,.55)}
.sm-public-main-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;gap:16px;align-items:start}
.sm-public-main-grid>.card{min-width:0}
.sm-public-main-grid>.card>.in{padding:18px}
.sm-public-status{display:flex;gap:9px;align-items:flex-start;padding:11px 13px;border-radius:13px;border:1px solid rgba(255,184,99,.26);background:linear-gradient(100deg,rgba(255,155,89,.11),rgba(151,85,195,.08));margin-top:15px;line-height:1.48;overflow-wrap:anywhere;font-size:13px;font-weight:750}
.sm-public-about{margin-top:15px;padding:13px 14px;border-radius:13px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035)}
.sm-public-about p{margin:9px 0 0;line-height:1.64;color:rgba(240,232,240,.88);font-size:13px;overflow-wrap:anywhere}
.sm-social-section-heading{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}
.sm-social-section-heading strong{font-size:14px;font-weight:950}
.sm-social-section-heading>span,.sm-social-muted,.sm-social-hint{font-size:11px;color:rgba(228,220,234,.65)}
.sm-social-linkline{margin-top:12px;font-size:12px;overflow-wrap:anywhere}
.sm-social-linkline a{color:#ffd09f}
.sm-public-more-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.sm-public-mini-stat{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;border-radius:12px;background:rgba(147,93,169,.09);border:1px solid rgba(255,255,255,.08);padding:10px 11px;font-size:12px}
.sm-public-mini-stat>span{min-width:0;overflow-wrap:anywhere;opacity:.83}
.sm-public-mini-stat>b{color:#ffd09a;font-size:15px}
.sm-social-top-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch}
.sm-social-top-grid>.card{min-width:0}
.sm-status-editor{display:grid;gap:8px;margin-top:12px}
.sm-status-editor-row{display:flex;gap:7px;align-items:center}
.sm-status-editor-row>input{min-width:0;flex:1;width:100%;font-size:13px}
.sm-status-editor-row>button{white-space:nowrap}
.sm-social-profile .sm-status-editor .small{font-size:11px}
.sm-status-editor [data-sm-status-feedback][data-error="1"]{color:#ffb3ac}
.sm-status-editor [data-sm-status-feedback][data-success="1"]{color:#98eab9}
.sm-about-text{white-space:pre-wrap;line-height:1.6;overflow-wrap:anywhere}
/* Hover card is attached to the document, never nested in an existing name link. */
.sm-user-hovercard{position:fixed;z-index:100002;width:min(280px,calc(100vw - 24px));pointer-events:none;border:1px solid rgba(220,160,255,.3);border-radius:15px;padding:12px 14px;background:linear-gradient(150deg,#2d2036,#15111b 76%);box-shadow:0 18px 46px rgba(0,0,0,.65),0 0 18px rgba(188,116,247,.10);color:#f4ebf4;font-size:12px;line-height:1.4;box-sizing:border-box}
.sm-user-hovercard[hidden]{display:none!important}
.sm-user-hovercard .sm-hover-nick{font-weight:950;font-size:14px;overflow-wrap:anywhere}
.sm-user-hovercard .sm-hover-online{display:flex;align-items:center;gap:6px;margin-top:5px;color:#b9b2c4;font-size:11px}
.sm-user-hovercard .sm-hover-online.is-online{color:#8fe9b8}
.sm-user-hovercard .sm-hover-status{margin-top:9px;padding:9px 10px;overflow-wrap:anywhere;border-radius:10px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.065)}
@media(max-width:1150px){.sm-social-top-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sm-social-top-grid>.card:last-child{grid-column:1/-1}}
@media(max-width:820px){.sm-public-main-grid{grid-template-columns:1fr!important}}
@media(max-width:660px){.sm-social-top-grid{grid-template-columns:1fr!important}.sm-social-top-grid>.card:last-child{grid-column:auto}.sm-public-heading{padding:12px}.sm-public-main-grid>.card>.in{padding:13px}.sm-status-editor-row{align-items:stretch;flex-wrap:wrap}.sm-status-editor-row>button{flex:0 0 auto}.sm-public-more-stats{grid-template-columns:1fr 1fr}}
@media(max-width:370px){.sm-public-more-stats{grid-template-columns:1fr}}

/* Patch 16: public profiles look complete even without a bio or status. */
.sm-public-heading{position:relative;overflow:hidden;margin-bottom:10px;min-height:100px;background:radial-gradient(ellipse at 88% -40%,rgba(244,147,74,.22),transparent 65%),linear-gradient(105deg,rgba(122,60,166,.28),rgba(61,34,72,.28) 55%,rgba(255,135,83,.075));border-color:rgba(221,161,253,.24)}
.sm-public-heading::before{content:"";position:absolute;inset:auto -85px -110px auto;width:235px;height:235px;transform:rotate(30deg);border:30px solid rgba(238,150,86,.07);border-radius:36px;pointer-events:none}
.sm-public-heading>*{position:relative;z-index:1}
.sm-public-heading-text{min-width:0}
.sm-public-heading h1{margin:5px 0 5px;font-size:clamp(22px,2.6vw,34px);overflow-wrap:anywhere}
.sm-public-vitals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:10px 0 16px}
.sm-public-vital{padding:11px 13px;border:1px solid rgba(255,255,255,.095);background:linear-gradient(135deg,rgba(255,164,100,.09),rgba(156,91,213,.065));border-radius:14px;min-width:0}
.sm-public-vital span{display:block;font-size:10px;color:rgba(245,229,249,.63);font-weight:900;letter-spacing:.04em;overflow-wrap:anywhere}
.sm-public-vital b{display:block;font-size:clamp(17px,2vw,24px);font-weight:950;margin-top:4px;color:#ffe1b7}
.sm-public-portrait{background:linear-gradient(140deg,rgba(58,37,69,.45),rgba(19,16,23,.7))}
.sm-public-portrait .public-profile-identity{padding:3px 0 5px}
.sm-public-portrait .profile-level-name{font-size:19px!important}
.sm-public-identity-note{margin-top:15px;padding:13px 14px;display:flex;gap:12px;align-items:center;border-radius:14px;background:linear-gradient(110deg,rgba(123,85,194,.12),rgba(245,161,81,.06));border:1px solid rgba(173,137,225,.19)}
.sm-public-note-icon{font-size:27px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.055);width:46px;height:46px;flex:0 0 46px}
.sm-public-identity-note strong{display:block;font-size:13px;line-height:1.3}
.sm-public-identity-note p{font-size:12px;line-height:1.5;color:rgba(228,218,237,.74);margin:4px 0 0}
.sm-public-main-grid .card .in .grid[style*="grid-template-columns:1fr 1fr 1fr"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.sm-public-main-grid .card .in .grid[style*="grid-template-columns:1fr 1fr 1fr"]>.card{min-width:0}
@media(max-width:760px){.sm-public-vitals{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.sm-public-vital{padding:10px}.sm-public-heading{min-height:0}}

.sm-public-avatar-fallback{width:64px;height:64px;flex:0 0 64px;display:grid;place-items:center;border-radius:50%;font-size:26px;font-weight:950;color:white;background:linear-gradient(145deg,#b86de1,#ed8a53);box-shadow:0 4px 20px rgba(182,103,216,.23);border:2px solid rgba(255,255,255,.21)}
.sm-public-media-mini{margin-top:17px;padding-top:13px;border-top:1px solid rgba(255,255,255,.09)}
.sm-public-media-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.sm-public-media-link{position:relative;display:grid;place-items:center;aspect-ratio:1.35;min-width:0;border-radius:12px;overflow:hidden;text-decoration:none;color:#fff;font-size:25px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.11)}
.sm-public-media-link img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.sm-public-media-link small{position:absolute;bottom:4px;right:5px;background:rgba(0,0,0,.73);border-radius:5px;padding:2px 4px;font-size:9px}
.sm-public-media-link:hover{border-color:rgba(251,174,113,.6);filter:brightness(1.1)}

/* Patch 17 – unified, responsive game points and private profile layout */
.sm-profile-game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:8px 0 0}
.sm-profile-game-card{min-width:0;padding:12px 13px;border-radius:14px;background:linear-gradient(145deg,rgba(94,49,107,.23),rgba(21,17,28,.76));border:1px solid rgba(225,167,238,.15);box-shadow:inset 0 1px rgba(255,255,255,.035)}
.sm-profile-game-top{display:flex;align-items:center;gap:7px;min-width:0;color:#ded0e3;font-size:11px;line-height:1.3}
.sm-profile-game-top>span{font-size:18px;flex:0 0 auto}
.sm-profile-game-top>strong{font-weight:850;overflow-wrap:anywhere}
.sm-profile-game-score{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;font-size:clamp(19px,2vw,25px);line-height:1.3;font-weight:950;color:#ffe1ae;margin-top:6px;font-variant-numeric:tabular-nums}
.sm-profile-game-score small{font-size:10px;font-weight:750;color:#c7b8cc}
.sm-profile-game-detail{font-size:11px;color:#bdb1c9;margin-top:4px}
.sm-profile-token{border-color:rgba(255,186,87,.26);background:linear-gradient(130deg,rgba(146,92,39,.2),rgba(33,19,31,.84))}
.sm-social-profile .sm-own-main-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start}
.sm-social-profile .sm-own-main-grid>.sm-own-games{grid-column:1/-1}
.sm-social-profile .sm-own-main-grid>.card{min-width:0}
.sm-social-profile .sm-own-main-grid .profile-head .meta{min-width:0}
.sm-own-avatar-fallback{width:74px;height:74px;display:flex;align-items:center;justify-content:center;flex:0 0 74px;border-radius:50%;background:linear-gradient(145deg,#a55cce,#f2a067);border:2px solid rgba(255,255,255,.22);box-shadow:0 3px 19px rgba(190,123,199,.18);font-size:28px;font-weight:950}
.sm-own-profile-heading{margin-top:2px!important;margin-bottom:11px!important}
.sm-own-about-action{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#cdbfcf;font-size:12px}
.sm-own-about-action a{font-weight:800}
@media(max-width:1150px){.sm-profile-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.sm-social-profile .sm-own-main-grid{grid-template-columns:1fr!important}.sm-social-profile .sm-own-main-grid>.sm-own-games{grid-column:auto}}
@media(max-width:650px){.sm-profile-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-own-profile-heading{align-items:flex-start}}
@media(max-width:360px){.sm-profile-game-grid{grid-template-columns:1fr}}

/* Patch 18 – profile game grid with real logos and better spacing */
.sm-public-last-online,
.sm-social-last-online{margin-top:6px;font-size:12px;color:rgba(231,220,235,.72)}
.sm-profile-game-grid{gap:12px;margin-top:10px}
.sm-profile-game-card{padding:14px 15px;min-height:122px;display:flex;flex-direction:column;justify-content:flex-start}
.sm-profile-game-top{gap:10px;align-items:center}
.sm-profile-game-logo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:42px;min-height:32px}
.sm-profile-game-logo.is-emoji{font-size:22px}
.sm-profile-game-logo.is-image img{display:block;max-width:78px;max-height:28px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.28))}
.sm-game-key-pixelrush .sm-profile-game-logo.is-image img{max-width:86px;max-height:30px}
.sm-game-key-wordrush .sm-profile-game-logo.is-image img{max-width:74px;max-height:25px}
.sm-game-key-solitaire .sm-profile-game-logo.is-image img{max-width:74px;max-height:24px}
.sm-game-key-spider .sm-profile-game-logo.is-image img{max-width:34px;max-height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.14)}
.sm-profile-game-top>strong{font-size:13px;line-height:1.25;font-weight:900;overflow-wrap:anywhere;word-break:break-word}
.sm-profile-game-score{margin-top:10px;font-size:clamp(21px,2.1vw,28px)}
.sm-profile-game-score small{font-size:11px}
.sm-profile-game-detail{margin-top:6px;font-size:12px}
.sm-profile-token .sm-profile-game-top>strong{font-size:14px}

/* Public profile gets roomier cards; private full-width area can stay denser. */
.sm-public-main-grid .sm-profile-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sm-public-main-grid .sm-profile-game-card{min-height:128px}
.sm-social-profile .sm-own-games .sm-profile-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

@media(max-width:1150px){
  .sm-social-profile .sm-own-games .sm-profile-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .sm-public-main-grid .sm-profile-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .sm-public-main-grid .sm-profile-game-grid,
  .sm-social-profile .sm-own-games .sm-profile-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm-profile-game-card{min-height:116px;padding:13px}
  .sm-profile-game-logo.is-image img{max-width:70px;max-height:24px}
}
@media(max-width:380px){
  .sm-public-main-grid .sm-profile-game-grid,
  .sm-social-profile .sm-own-games .sm-profile-game-grid{grid-template-columns:1fr}
}

/* Patch 19 – gleiches Aktivitäten-Dashboard auf öffentlichen Profilen */
.profile-milestone-card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(101,43,143,.12),rgba(14,10,26,.95));box-shadow:0 10px 24px rgba(0,0,0,.18)}
  .profile-milestone-card.is-complete{border-color:rgba(255,216,120,.32);box-shadow:0 10px 26px rgba(255,180,90,.10)}
  .profile-milestone-icon{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:27px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(130,204,255,.10));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
  .profile-milestone-body{min-width:0}.profile-milestone-title{font-size:15px;font-weight:900;line-height:1.2;margin:0 0 4px}.profile-milestone-desc{font-size:13px;opacity:.9;line-height:1.45;margin:0 0 10px}
  .profile-milestone-bar{height:8px;border-radius:999px;background:rgba(103,57,151,.38);overflow:hidden;position:relative}.profile-milestone-bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff93df,#f08be8,#d178f0)}
  .profile-milestone-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px;font-size:12px}.profile-milestone-xp{font-weight:900;font-size:13px;color:#ffe28e}.profile-milestone-foot{margin-top:6px;font-size:12px;opacity:.82}.profile-milestone-done{color:#9ef0c7;font-weight:800}.profile-xp-overview{margin-top:12px;padding:13px 14px;border-radius:16px;border:1px solid rgba(255,216,120,.16);background:linear-gradient(135deg,rgba(145,70,255,.09),rgba(255,106,42,.05));display:grid;gap:10px}.profile-xp-level-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-xp-level-line strong{font-size:15px}.profile-xp-level-line span{font-size:12px;color:var(--muted)}.profile-xp-ways{display:flex;gap:7px;flex-wrap:wrap}.profile-xp-way{padding:6px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.16);font-size:11px;color:rgba(255,255,255,.82)}.profile-xp-way b{color:#ffe18f}

  .profile-dashboard-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin-bottom:13px}
  .profile-dashboard-section-head h2,.profile-dashboard-section-head h3{margin:1px 0 0;font-size:clamp(17px,1.6vw,21px);line-height:1.2}
  .profile-dashboard-eyebrow{font-size:10px;font-weight:900;letter-spacing:.12em;color:#d9a7ed}
  .profile-level-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:22px;padding:20px 24px;border-radius:22px;border:1px solid rgba(255,196,118,.52);background:radial-gradient(ellipse at 15% 20%,rgba(251,132,108,.23),transparent 46%),radial-gradient(ellipse at 83% 80%,rgba(165,83,246,.22),transparent 58%),linear-gradient(115deg,#2a172e 0%,#23162d 48%,#20192f 100%);box-shadow:0 0 0 1px rgba(255,214,147,.09),0 0 34px rgba(249,144,95,.12),inset 0 1px rgba(255,236,218,.13)}
  .profile-level-hero::before{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;background:linear-gradient(112deg,transparent 15%,rgba(255,255,255,.065) 31%,transparent 44%);transform:translateX(-120%);animation:profile-xp-shimmer 9s ease-in-out infinite;z-index:-1}
  @keyframes profile-xp-shimmer{0%,65%{transform:translateX(-120%)}86%,100%{transform:translateX(120%)}}
  .profile-level-medal{width:92px;height:92px;border-radius:50%;padding:6px;background:conic-gradient(#ffc86d 0%,#fe9c75 var(--xp-progress),rgba(103,71,122,.55) var(--xp-progress),rgba(103,71,122,.55) 100%);box-shadow:0 0 26px rgba(246,158,93,.24),inset 0 1px 3px rgba(255,255,255,.18)}
  .profile-level-medal>div{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 20%,#443050,#211829 75%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;border:1px solid rgba(255,222,157,.28)}
  .profile-level-medal span{font-size:10px;letter-spacing:.14em;font-weight:900;color:#f8c4ff}.profile-level-medal strong{font-size:34px;color:#fff1c0;line-height:1.12}
  .profile-level-main{min-width:0}.profile-level-kicker{color:#ffcf9e;letter-spacing:.08em;font-size:12px;font-weight:900;text-transform:uppercase}
  .profile-level-headline{display:flex;gap:9px 16px;align-items:baseline;flex-wrap:wrap;margin:4px 0 12px}.profile-level-headline strong{font-size:clamp(24px,2.8vw,34px);line-height:1.1;color:#fff}.profile-level-headline span{font-size:13px;color:#d7bbd4}
  .profile-level-track{height:12px;border-radius:999px;background:rgba(13,7,21,.6);border:1px solid rgba(255,255,255,.12);padding:2px;overflow:hidden}.profile-level-track span{display:block;height:100%;width:var(--xp-progress);max-width:100%;border-radius:inherit;background:linear-gradient(90deg,#ffb763,#fc81cc,#cb7cf3);box-shadow:0 0 15px rgba(255,160,198,.36)}
  .profile-level-values{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;margin-top:9px;color:#e8d9e9;font-size:12px}.profile-level-values b{color:#ffe3ad}
  .profile-level-total{border-left:1px solid rgba(255,225,191,.16);padding-left:23px;display:grid;gap:5px;min-width:155px;text-align:right}.profile-level-total span{font-size:11px;color:#cfb7d9}.profile-level-total strong{font-size:19px;color:#ffda93;font-weight:950;white-space:nowrap}.profile-level-total small{color:#f0c3ed}
  .profile-xp-earnings{margin-top:10px;border:1px solid rgba(255,255,255,.09);background:rgba(18,12,30,.45);border-radius:12px;padding:0 12px}.profile-xp-earnings summary{cursor:pointer;padding:10px 0;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:900;list-style:none;color:#ebd6eb}.profile-xp-earnings summary::-webkit-details-marker{display:none}.profile-xp-earnings summary::after{content:'▾';margin-left:auto;color:#e8b1ff}.profile-xp-earnings[open] summary::after{content:'▴'}.profile-xp-earnings summary span{font-weight:400;color:rgba(230,212,231,.68)}.profile-xp-earnings p{margin:0 0 9px;font-size:12px;color:#cbbbd2}.profile-xp-earnings .profile-xp-ways{padding-bottom:12px}
  .profile-milestones-titlebar{margin:20px 0 10px}
  .profile-activity-dashboard .profile-milestones-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
  .profile-activity-dashboard .profile-milestone-card{grid-template-columns:43px minmax(0,1fr);gap:10px;padding:13px;border-radius:16px;min-width:0}
  .profile-activity-dashboard .profile-milestone-icon{width:43px;height:43px;border-radius:13px;font-size:22px}
  .profile-activity-dashboard .profile-milestone-desc{font-size:12px;margin-bottom:8px;min-height:0}
  .profile-activity-dashboard .profile-milestone-title{font-size:14px}
  .profile-activity-dashboard .profile-milestone-card.is-near{border-color:rgba(255,173,119,.45);box-shadow:0 0 18px rgba(255,166,115,.08)}
  .profile-milestone-soon{display:inline-flex;font-size:10px;font-weight:900;color:#ffd391;margin:0 0 6px}
  .profile-activity-dashboard .profile-milestone-foot{margin-top:6px}
  .profile-activity-dashboard .profile-activity-split{margin-top:0!important;grid-template-columns:minmax(200px,1fr) minmax(250px,1.3fr) minmax(190px,.75fr);gap:12px}
  .profile-activity-dashboard .profile-tbm-compact{margin-top:14px;padding:0 12px}
  .profile-tbm-compact summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:12px 0;font-weight:900;font-size:13px}.profile-tbm-compact summary::-webkit-details-marker{display:none}
  .profile-tbm-count{font-size:11px;color:#d7b9f5;font-weight:750}
  .profile-tbm-compact[open] summary{border-bottom:1px solid rgba(255,255,255,.09)}
  .profile-tbm-compact p{margin:9px 0}.profile-tbm-compact .profile-tbm-milestones-list{padding-bottom:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.profile-tbm-compact .profile-tbm-milestone{padding:8px 10px;font-size:11px}
  @media(max-width:1130px){.profile-activity-dashboard .profile-milestones-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-activity-dashboard .profile-activity-split{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-activity-dashboard .profile-activity-kpis{grid-column:1/-1}.profile-activity-dashboard .profile-activity-card .profile-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
  @media(max-width:760px){.profile-level-hero{grid-template-columns:70px minmax(0,1fr);gap:12px;padding:15px}.profile-level-medal{width:70px;height:70px;padding:5px}.profile-level-medal strong{font-size:27px}.profile-level-total{grid-column:1/-1;border-left:0;border-top:1px solid rgba(255,225,191,.14);padding:10px 0 0;text-align:left;display:flex;justify-content:space-between;align-items:baseline;min-width:0}.profile-activity-dashboard .profile-activity-split{grid-template-columns:1fr}.profile-activity-dashboard .profile-activity-kpis{grid-column:auto}.profile-tbm-compact .profile-tbm-milestones-list{grid-template-columns:1fr}}
  @media(max-width:640px){.profile-activity-dashboard .profile-milestones-grid{grid-template-columns:1fr;gap:9px}.profile-dashboard-hello>span{display:none}.profile-xp-earnings summary span{display:none}.profile-dashboard-section-head{align-items:start}.profile-activity-dashboard .profile-activity-card .profile-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media(max-width:410px){.profile-level-hero{grid-template-columns:1fr}.profile-level-medal{margin:auto}.profile-level-kicker{text-align:center}.profile-level-headline{justify-content:center}.profile-level-total{flex-wrap:wrap}.profile-dashboard-head>.btn{font-size:11px}}

/* Patch 20: in public view only three milestone cards; XP stays private. */
.sm-public-activity-dashboard .sm-public-next-milestones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.sm-public-activity-dashboard .sm-public-next-milestones .profile-milestone-card{min-width:0}
.sm-public-activity-dashboard .sm-public-next-milestones .profile-milestone-meta{justify-content:flex-start}
@media(max-width:1130px){.sm-public-activity-dashboard .sm-public-next-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.sm-public-activity-dashboard .sm-public-next-milestones{grid-template-columns:1fr;gap:9px}}