:root{--ap-gold:#c9a84c;--ap-ink:#111214;--ap-muted:#6f7278;--ap-paper:#f5f4f0;--ap-line:#deded9}
.access-profile-page{background:#0a0a0b!important;color:var(--ap-ink);min-height:100vh}
.access-profile-page.has-profile-wallpaper{background-attachment:fixed;background-size:cover;background-position:center}
.access-profile-page .access-topbar{position:relative;z-index:20;background:#080809;border-color:#242426}
.ap-shell{width:min(1180px,calc(100% - 32px));margin:28px auto 70px}
.ap-profile{container-type:inline-size;container-name:access-profile;background:var(--ap-paper);border:1px solid color-mix(in srgb,var(--profile-accent,var(--ap-gold)) 58%,rgba(255,255,255,.22));border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.38)}
.ap-hero{position:relative;min-height:300px;background:#111;color:#fff;overflow:hidden}
.ap-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,7,.93) 0%,rgba(7,7,9,.74) 43%,rgba(7,7,9,.42) 100%),radial-gradient(circle at 80% 40%,rgba(201,168,76,.18),transparent 36%);background-size:cover;background-position:center}
.ap-hero-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.38),transparent 60%)}
.ap-hero-inner{position:relative;z-index:1;min-height:300px;display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:28px;align-items:end;padding:36px 46px 34px}
.ap-avatar-wrap{position:relative;align-self:end}
.ap-avatar{width:150px;height:150px;border-radius:50%;border:3px solid var(--profile-accent,var(--ap-gold));background:#1c1c1e;box-shadow:0 15px 40px rgba(0,0,0,.38);overflow:hidden;display:grid;place-items:center;color:#fff;font:42px/1 'Bebas Neue',sans-serif}
.ap-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.ap-avatar-badge{position:absolute;right:2px;bottom:5px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0c0c0d;border:2px solid var(--profile-accent,var(--ap-gold));color:var(--profile-accent,var(--ap-gold));font:700 14px/1 'Space Mono',monospace;box-shadow:0 5px 14px rgba(0,0,0,.35)}
.ap-ident{min-width:0;padding-bottom:4px}.ap-ident h1{max-width:100%;margin:0;color:#fff;font:400 clamp(2.25rem,4vw,3.65rem)/.98 'Bebas Neue',sans-serif;letter-spacing:.035em;overflow-wrap:break-word;word-break:normal;hyphens:auto;text-wrap:balance}.ap-handle{margin-top:5px;color:var(--profile-accent,var(--ap-gold));font:700 .72rem/1.3 'Space Mono',monospace;letter-spacing:.04em}.ap-role{margin-top:12px;color:#f0f0f0;font-size:.93rem;font-weight:600}.ap-meta{display:flex;gap:14px 22px;flex-wrap:wrap;margin-top:14px;color:#c9c9cb;font-size:.76rem}.ap-meta span{display:flex;align-items:center;gap:7px}.ap-meta svg{width:15px;height:15px;stroke:var(--profile-accent,var(--ap-gold))}
.ap-discovery{min-width:315px;align-self:end}.ap-discovery .access-discovery-bar{margin:0}.ap-discovery .access-discovery-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.16);border-radius:10px;overflow:hidden;background:rgba(8,8,9,.58);backdrop-filter:blur(10px)}.ap-discovery .access-discovery-stat{color:#fff;background:transparent;border:0;padding:14px 16px}.ap-discovery .access-discovery-stat+ .access-discovery-stat{border-left:1px solid rgba(255,255,255,.14)}.ap-discovery .access-discovery-stat strong{color:#fff;font-size:1.65rem}.ap-discovery .access-discovery-stat span{color:#aaa}.ap-discovery .access-discover-button{margin-top:10px;width:100%;border-radius:8px;background:var(--profile-accent,var(--ap-gold));border-color:var(--profile-accent,var(--ap-gold));color:#0e0e0f;min-height:48px;font-weight:800}.ap-discovery .access-discover-button.is-discovered{background:transparent;color:var(--profile-accent,var(--ap-gold))}.ap-discovery .access-store-profile-button{display:flex;align-items:center;justify-content:center;text-decoration:none;background:#111722;border-color:#35445d;color:#f5f7fa;box-shadow:none}.ap-discovery .access-store-profile-button:hover{background:#172033;color:#fff}
.ap-body{padding:28px 30px 34px;background:linear-gradient(#f7f6f2,#f1f0ec)}
.ap-section{min-width:0;background:rgba(255,255,255,.88);border:1px solid var(--ap-line);border-radius:14px;padding:24px;box-shadow:0 8px 22px rgba(26,28,34,.045)}
.ap-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.ap-section-title h2{margin:0;font:400 1.28rem/1 'Bebas Neue',sans-serif;letter-spacing:.04em}.ap-section-title h2:after{content:'';display:block;width:30px;height:2px;margin-top:8px;background:var(--profile-accent,var(--ap-gold))}.ap-section-note{font:700 .52rem/1 'Space Mono',monospace;letter-spacing:.12em;color:#7b7c80;text-transform:uppercase}
.ap-about-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.75fr);gap:28px}.ap-bio{font-size:.93rem;line-height:1.72;color:#37393d;white-space:pre-line}.ap-about-facts{display:grid;gap:11px;align-content:start}.ap-fact{display:flex;gap:9px;align-items:center;color:#4d4f54;font-size:.77rem}.ap-fact svg{width:16px;height:16px;stroke:var(--profile-accent,var(--ap-gold))}.ap-fact strong{color:#202124}
.ap-musicbox-wrap{margin-top:18px}.ap-musicbox-wrap .mbx{box-shadow:0 16px 32px rgba(20,20,20,.16)}.ap-musicbox-wrap .mbx-skin-control{display:flex!important;align-items:center;gap:8px;flex:0 0 auto}.ap-musicbox-wrap .mbx-header{min-height:56px}.ap-musicbox-empty{padding:28px;border:1px dashed #c9c9c4;border-radius:12px;text-align:center;color:#777;background:#faf9f6}
.ap-lower{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;margin-top:18px;align-items:start}.ap-lower>*{min-width:0}.ap-body>#profile-achievements-section{margin-top:18px}.ap-links .access-socials{display:grid;gap:8px}.ap-links .access-social-link{display:grid;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:10px;background:#fafafa;border:1px solid #e2e2de;border-radius:8px;color:#222;padding:10px 13px;text-decoration:none}.ap-links .access-social-link:hover{border-color:var(--profile-accent,var(--ap-gold));background:#fff}.access-social-brand{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#fff;border:1px solid #ecece8}.access-social-brand img{width:18px;height:18px;display:block}.access-social-brand svg{width:18px;height:18px}.access-social-name{font-weight:650;min-width:0}.access-social-arrow{width:18px;height:18px;justify-self:end}.ap-activity .act-section{margin:0!important;padding:0!important;border:0!important;background:transparent!important}.ap-activity .act-head{display:none!important}.ap-activity #profile-activity{margin:0}.ap-activity .act-list{border-top:0!important}.ap-activity .act-item:first-child{border-top:0!important}
#god-account-panel{margin:0 0 18px;background:#fff;border-radius:12px}
.ap-no-wall .ap-hero-bg{background:linear-gradient(120deg,#0a0a0c 0%,#151516 52%,#231e11 100%)}
@media(max-width:850px){.ap-shell{width:min(100% - 20px,760px);margin:14px auto 54px}.ap-hero{min-height:0}.ap-hero-inner{min-height:0;grid-template-columns:100px minmax(0,1fr);gap:16px;padding:26px 20px 22px;align-items:center}.ap-avatar{width:100px;height:100px}.ap-avatar-badge{width:31px;height:31px;font-size:10px}.ap-ident h1{font-size:2.45rem}.ap-role{font-size:.78rem;margin-top:7px}.ap-meta{font-size:.67rem;gap:9px 13px;margin-top:10px}.ap-discovery{grid-column:1/-1;min-width:0;width:100%}.ap-discovery .access-discovery-stat{padding:10px 12px}.ap-discovery .access-discovery-stat strong{font-size:1.35rem}.ap-discovery .access-discover-button{min-height:44px}.ap-body{padding:16px}.ap-section{padding:18px}.ap-about-grid,.ap-lower{grid-template-columns:1fr;gap:16px}.ap-musicbox-wrap{margin-top:16px}}
@media(max-width:520px){.ap-shell{width:100%;margin:0 auto 40px}.ap-profile{border-radius:0;border-left:0;border-right:0}.ap-profile-frame[data-access-canonical-trim]>.ap-profile{border-radius:inherit;border-left:1px solid transparent;border-right:1px solid transparent}.ap-hero-inner{grid-template-columns:78px minmax(0,1fr);padding:20px 14px 18px}.ap-avatar{width:78px;height:78px;border-width:2px}.ap-avatar-badge{width:26px;height:26px;right:-1px;bottom:0}.ap-ident h1{font-size:2rem}.ap-handle{font-size:.59rem}.ap-role{font-size:.68rem}.ap-meta{font-size:.61rem}.ap-meta span:last-child{flex-basis:100%}.ap-body{padding:12px}.ap-section{padding:15px;border-radius:11px}.ap-section-title{margin-bottom:13px}.ap-section-title h2{font-size:1.08rem}.ap-about-grid{gap:16px}.ap-bio{font-size:.83rem}.ap-musicbox-wrap .mbx{border-radius:12px}.ap-musicbox-wrap .mbx-header{padding-right:12px}.ap-lower{gap:12px}.ap-body>#profile-achievements-section{margin-top:12px}}


/* Phase 3E.4A.6 — restore Music Box skin selector only */
.ap-musicbox-wrap .mbx-skin-select{
  max-width:132px;
}
@media(max-width:760px){
  .ap-musicbox-wrap .mbx-header{
    gap:10px;
  }
  .ap-musicbox-wrap .mbx-skin-control{
    margin-left:auto;
  }
  .ap-musicbox-wrap .mbx-skin-label{
    display:none;
  }
  .ap-musicbox-wrap .mbx-skin-select{
    min-width:88px;
    max-width:108px;
    height:32px;
    padding-left:9px;
    padding-right:25px;
    font-size:10px;
  }
}



/* ==========================================================
   PROFILE POLISH PASS 2 — SKIN-SAFE PROFILE GEOMETRY
   Keeps the public profile card clipped/rounded while the equipped
   Animated Trim renders on a separate outer frame. Adds breathing
   room around the avatar so larger Profile Ring FX do not collide
   with identity text or the discovery controls at smaller widths.
   ========================================================== */
.access-profile-page{overflow-x:hidden}
.ap-profile-frame{
  position:relative;
  min-width:0;
  border-radius:18px;
}
.ap-profile-frame>.ap-profile{
  position:relative;
  z-index:1;
}

/* Standard public profiles should carry the member accent on the outer shell.
   When an ACCESS animated/custom frame is equipped, that cosmetic frame becomes
   the perimeter treatment and the fallback border must disappear completely. */
.ap-profile-frame:not([data-access-canonical-trim])>.ap-profile{
  border-color:color-mix(in srgb,var(--profile-accent,var(--ap-gold)) 60%,rgba(255,255,255,.24));
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--profile-accent,var(--ap-gold)) 18%,transparent),
    0 30px 80px rgba(0,0,0,.38);
}
.ap-profile-frame[data-access-canonical-trim]{
  border-radius:var(--access-trim-radius,18px);
}
.ap-profile-frame[data-access-canonical-trim]>.ap-profile{
  border-color:transparent!important;
  box-shadow:0 30px 80px rgba(0,0,0,.38);
  border-radius:inherit;
}
.ap-profile-frame[data-access-canonical-trim]>.ap-profile .ap-hero,
.ap-profile-frame[data-access-canonical-trim]>.ap-profile .ap-hero-bg,
.ap-profile-frame[data-access-canonical-trim]>.ap-profile .ap-body{
  border-radius:inherit;
}

/* Desktop ring safe-zone: large cinematic rings can extend ~25–30%
   beyond the avatar. Preserve that glow without crowding the name. */
@media(min-width:851px){
  .ap-hero-inner{
    column-gap:48px;
    padding-left:50px;
    padding-bottom:48px;
  }
}

/* Tablet / compact desktop: the discovery module moves below the
   identity row, so reserve a real row gap for ring atmosphere/particles. */
@media(max-width:850px){
  .ap-hero-inner{
    column-gap:36px;
    row-gap:34px;
    padding:34px 24px 28px 36px;
  }
}

/* Phone: keep the strong ring presets fully separated from text and
   the discovery row while retaining a compact profile header. */
@media(max-width:520px){
  .ap-hero-inner{
    column-gap:30px;
    row-gap:28px;
    padding:28px 14px 22px 30px;
  }
}


/* ==========================================================
   PROFILE ZOOM / NARROW-CONTAINER REPAIR PASS 1
   iPhone Safari page zoom can leave viewport media queries in a desktop
   state while the rendered profile surface is much narrower. These
   container queries follow the actual public-profile card width so the
   identity column can never collapse into a one-character-wide strip.
   ========================================================== */
@container access-profile (max-width: 930px){
  .ap-hero-inner{
    grid-template-columns:124px minmax(0,1fr);
    column-gap:34px;
    row-gap:28px;
    padding:32px 30px 28px 36px;
    align-items:center;
  }
  .ap-avatar{width:124px;height:124px}
  .ap-ident h1{font-size:clamp(2rem,7cqi,3rem);line-height:1;overflow-wrap:break-word;word-break:normal}
  .ap-discovery{grid-column:1/-1;min-width:0;width:100%}
}

@container access-profile (max-width: 680px){
  .ap-hero-inner{
    grid-template-columns:92px minmax(0,1fr);
    column-gap:26px;
    row-gap:24px;
    padding:28px 22px 24px 28px;
  }
  .ap-avatar{width:92px;height:92px;border-width:2px}
  .ap-ident h1{font-size:clamp(1.8rem,8cqi,2.45rem);letter-spacing:.025em}
  .ap-handle{font-size:.62rem;overflow-wrap:break-word;word-break:normal}
  .ap-meta{gap:8px 12px}
}

@container access-profile (max-width: 460px){
  .ap-hero-inner{
    grid-template-columns:76px minmax(0,1fr);
    column-gap:20px;
    row-gap:20px;
    padding:24px 16px 20px 20px;
  }
  .ap-avatar{width:76px;height:76px}
  .ap-ident h1{font-size:clamp(1.55rem,9cqi,2rem);line-height:1.02}
  .ap-role{margin-top:7px}
  .ap-meta{font-size:.6rem;margin-top:9px}
  .ap-meta span{min-width:0;overflow-wrap:break-word}
}

@container access-profile (max-width: 330px){
  .ap-hero-inner{
    grid-template-columns:1fr;
    justify-items:start;
    padding:22px 16px 18px;
  }
  .ap-avatar-wrap{justify-self:start}
  .ap-avatar{width:72px;height:72px}
  .ap-ident{width:100%}
  .ap-ident h1{font-size:1.7rem}
  .ap-discovery{grid-column:1}
}

/* Unified report action — intentionally quiet in the premium profile hero. */
.ap-report-row{margin-top:11px}.ap-report-row .access-report-link{color:#d8d8da}