/* ANİZA family gallery v0.11.2: larger artwork, one compact header/filter toolbar.
   All rules stay inside the profile gallery; badges keep the same colors in both themes. */
.aza-profil .azm-family-page{
  --fam-red:#ef3b49;
  --fam-ink:var(--az-text,#26272b);
  --fam-sub:var(--az-text-2,#737780);
  --fam-line:var(--az-line,#e0e2e6);
  --fam-surface:var(--az-surface,#fff);
  color:var(--fam-ink);padding:20px 14px 24px;max-width:100%;overflow:visible;
}
.aza-profil .azm-family-header{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  gap:12px 24px;margin:0 0 20px;
}
.aza-profil .azm-family-intro{flex:1 1 275px;min-width:0}
.aza-profil .azm-family-header h2{font-size:22px;line-height:1.25;margin:0 0 4px;font-weight:780;color:var(--fam-ink)}
.aza-profil .azm-family-header p{font-size:12.5px;line-height:1.4;margin:0;color:var(--fam-sub)}
/* Fallback only: the shared profile-controls.css applies the same segmented switch to all tabs. */
.aza-profil .azm-family-filters{display:inline-flex;align-items:center;max-width:100%;gap:3px;padding:3px;border:1px solid var(--fam-line);border-radius:999px;background:var(--fam-surface)}
.aza-profil .azm-family-filter{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;min-height:34px;padding:0 13px;border:0;border-radius:999px;background:transparent;color:var(--fam-sub);font-size:12px;font-weight:700;cursor:pointer}
.aza-profil .azm-family-filter.is-active{background:#b42335;color:#fff}
.aza-profil .azm-family-filter span{font-size:11px;font-weight:650;opacity:.78;font-variant-numeric:tabular-nums}
.aza-profil .azm-family-section{margin:20px 0 0;padding:0 0 22px;border-bottom:1px solid var(--fam-line)}
.aza-profil .azm-family-section:first-of-type{margin-top:0}
.aza-profil .azm-family-section:last-of-type{border:0;padding-bottom:2px}
.aza-profil .azm-family-section[hidden],.aza-profil .azm-family[hidden]{display:none!important}
.aza-profil .azm-family-section-top{display:flex;align-items:center;gap:9px;margin:0 0 12px}
.aza-profil .azm-family-section-heading{margin:0!important;font-size:14px!important;line-height:1.4!important;letter-spacing:0!important;font-weight:760!important;color:var(--fam-ink)!important}
.aza-profil .azm-family-section--honor .azm-family-section-heading{color:var(--fam-red)!important}
.aza-profil .azm-family-section--earned .azm-family-section-top::before{content:'✓';font-size:13px;font-weight:800;color:var(--fam-red)}
.aza-profil .azm-family-section--locked .azm-family-section-top::before{content:'◇';font-size:17px;line-height:1;color:var(--fam-sub)}
.aza-profil .azm-family-section-count{font-size:11px;min-width:21px;line-height:21px;padding:0 6px;border-radius:50px;text-align:center;background:var(--az-surface-2,#eef0f4);color:var(--fam-sub);font-weight:700}
.aza-profil .azm-family-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px 10px;align-items:start}
html body .aza-profil .azm-family{
  position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;
  align-items:center;gap:9px;justify-content:flex-start;text-align:center;
  padding:10px 5px!important;margin:0!important;box-shadow:none!important;
  border:1px solid transparent!important;border-radius:16px!important;
  background:transparent!important;color:var(--fam-ink)!important;cursor:pointer;
  transition:background-color .16s,border-color .16s;
}
html body .aza-profil .azm-family:hover{background:var(--az-surface-2,#f4f4f4)!important;border-color:var(--fam-line)!important}
html body .aza-profil .azm-family:focus-visible{outline:2px solid var(--fam-red)!important;outline-offset:2px}
.aza-profil .azm-family-art{
  display:grid;place-items:center;flex:0 0 auto;width:132px;height:132px;
  max-width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;
  background:#202024;border:1px solid #3c3439;color:var(--fam-red);
  padding:12px;transition:transform .18s ease;
}
.aza-profil .azm-family:hover .azm-family-art,.aza-profil .azm-family:focus-visible .azm-family-art{transform:scale(1.035)}
.aza-profil .azm-family-art img{display:block;width:100%;height:100%;object-fit:contain;filter:none!important}
.aza-profil .azm-family-art svg{display:block;width:100%;height:100%;stroke:var(--fam-red);fill:none;color:var(--fam-red)}
.aza-profil .azm-family-name{font-size:13px;line-height:1.3;color:var(--fam-ink);font-weight:720;overflow-wrap:anywhere}
.aza-profil .azm-family-lock{position:absolute;right:9px;top:9px;display:grid;place-items:center;font-size:11px;opacity:.72;filter:grayscale(1)}
.aza-profil .azm-family-empty{font-size:13px;color:var(--fam-sub)}
.aza-profil .azm-family-studio-link{display:inline-block;margin-top:14px;font-size:12px;color:var(--fam-red)}
/* Default SVG seals always have identical colors in day/night mode. */
html body .aza-profil .azm-family-art.is-default,
html body .aza-profil .azm-portrait-art.is-default,
html body .aza-profil .azm-portrait-level-art.is-default{
  background:#202024!important;border:1px solid #3c3439!important;color:#ef3b49!important;
}
html body .aza-profil .azm-family-art.is-default svg,
html body .aza-profil .azm-portrait-art.is-default svg,
html body .aza-profil .azm-portrait-level-art.is-default svg{
  color:#ef3b49!important;stroke:#EF3B49!important;fill:none!important;
}
/* User artwork is the seal itself: never surround it with a second ring or tint. */
html body .aza-profil .azm-family-art.is-custom,
html body .aza-profil .azm-portrait-art.is-custom,
html body .aza-profil .azm-portrait-level-art.is-custom{
  background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;overflow:visible!important;
}
html body .aza-profil .azm-family-art.is-custom img,
html body .aza-profil .azm-portrait-art.is-custom img,
html body .aza-profil .azm-portrait-level-art.is-custom img{
  width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;filter:none!important;
}
/* Portrait v0.11.3: color tokens live directly on the dialog in the browser top layer.
   This prevents the active theme's old modal/typography rules from leaking into it. */
html body .aza-profil .azm-family-page .azm-family-portrait {
  --p-bg:#ffffff;--p-panel:#f5f5f7;--p-ink:#22252d;--p-sub:#626873;
  --p-line:#e3e4e9;--p-red:#d52c3d;
  position:fixed;inset:0;margin:auto;width:min(540px,calc(100vw - 24px));
  max-width:none;max-height:min(86dvh,850px);overflow-y:auto;
  padding:0;border:1px solid var(--p-line)!important;border-radius:20px;
  background:var(--p-bg)!important;color:var(--p-ink)!important;
  box-shadow:0 25px 90px rgba(0,0,0,.35);color-scheme:light;
}
html body.night-mode .aza-profil .azm-family-page .azm-family-portrait {
  --p-bg:#1b1c21;--p-panel:#25262d;--p-ink:#f3f3f7;--p-sub:#b5b7c1;
  --p-line:#3b3d46;--p-red:#ff5260;
  background:var(--p-bg)!important;color:var(--p-ink)!important;
  border-color:var(--p-line)!important;color-scheme:dark;
}
html body .aza-profil .azm-family-portrait::backdrop{background:rgba(7,9,14,.72)}
html body .aza-profil .azm-family-portrait .azm-portrait-head {
  position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;
  padding:13px 20px;border-bottom:1px solid var(--p-line)!important;
  background:var(--p-bg)!important;color:var(--p-ink)!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-head strong{font-size:13px!important;font-weight:750!important;color:var(--p-ink)!important}
html body .aza-profil .azm-family-portrait .azm-portrait-close {
  display:grid!important;place-items:center!important;width:34px!important;height:34px!important;
  min-height:34px!important;padding:0!important;border:1px solid var(--p-line)!important;
  border-radius:50%!important;background:var(--p-panel)!important;color:var(--p-ink)!important;
  font-size:22px!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-close:hover{color:var(--p-red)!important;border-color:var(--p-red)!important}
.aza-profil .azm-portrait-body{padding:20px 22px 24px}
.aza-profil .azm-portrait-lead{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0 auto 22px;text-align:center}
.aza-profil .azm-portrait-art{width:138px;height:138px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;overflow:hidden;color:#ef3b49;padding:14px}
.aza-profil .azm-portrait-art img,.aza-profil .azm-portrait-level-art img{display:block;width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important}
.aza-profil .azm-portrait-art svg,.aza-profil .azm-portrait-level-art svg{display:block;width:100%;height:100%;stroke:#ef3b49;fill:none}
.aza-profil .azm-portrait-meta{min-width:0;max-width:410px}
html body .aza-profil .azm-family-portrait .azm-portrait-eyebrow{display:block;text-transform:uppercase;letter-spacing:.09em;font-size:10px!important;font-weight:800;color:var(--p-red)!important}
html body .aza-profil .azm-family-portrait .azm-portrait-meta h3{font-size:20px!important;line-height:1.25!important;margin:5px 0!important;color:var(--p-ink)!important;font-weight:800!important}
html body .aza-profil .azm-family-portrait .azm-portrait-meta p{font-size:12px!important;line-height:1.5!important;margin:5px 0 0!important;color:var(--p-sub)!important}
html body .aza-profil .azm-family-portrait .azm-portrait-hero-desc{max-width:410px;overflow-wrap:anywhere}
.aza-profil .azm-portrait-stage{margin:0 0 18px}
.aza-profil .azm-portrait-stage:last-child{margin-bottom:0}
html body .aza-profil .azm-family-portrait .azm-portrait-subhead{font-size:13px!important;font-weight:750!important;margin:0 0 13px!important;padding:0 0 9px;border-bottom:1px solid var(--p-line);color:var(--p-ink)!important}
.aza-profil .azm-portrait-levels{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 10px;align-items:flex-start}
.aza-profil .azm-portrait-medal{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;width:132px;flex:0 1 132px;min-width:0;padding:6px 3px 10px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--p-ink)}
.aza-profil .azm-portrait-medal.is-next{background:transparent!important;border-color:transparent!important}
.aza-profil .azm-portrait-medal.is-next .azm-portrait-level-art.is-default{box-shadow:0 0 0 2px var(--p-red)}
.aza-profil .azm-portrait-level-art{display:grid;place-items:center;position:relative;width:76px;height:76px;flex:0 0 76px;max-width:100%;border-radius:50%;overflow:hidden;padding:9px;color:#ef3b49}
.aza-profil .azm-portrait-medal-mark{position:absolute;top:58px;left:calc(50% + 21px);display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--p-panel);border:1px solid var(--p-line);color:var(--p-sub);font-size:12px;font-weight:800}
.aza-profil .azm-portrait-medal.is-earned .azm-portrait-medal-mark{background:var(--p-red);color:#fff;border-color:var(--p-red)}
html body .aza-profil .azm-family-portrait .azm-portrait-medal-name{display:block;font-size:12px!important;line-height:1.3!important;font-weight:750!important;color:var(--p-ink)!important;overflow-wrap:anywhere}
html body .aza-profil .azm-family-portrait .azm-portrait-medal-desc{font-size:10.5px!important;line-height:1.4!important;color:var(--p-sub)!important;margin:0!important;overflow-wrap:anywhere;max-width:100%}
.aza-profil .azm-portrait-progress{width:min(100%,100px);height:4px;border-radius:999px;overflow:hidden;background:var(--p-line);margin:5px auto 0}
.aza-profil .azm-portrait-progress span{display:block;height:100%;background:#ef3b49}
@media(max-width:460px){
  .aza-profil .azm-portrait-body{padding:17px 12px 22px}
  .aza-profil .azm-portrait-art{width:120px;height:120px}
  .aza-profil .azm-portrait-levels{gap:10px 4px}
  .aza-profil .azm-portrait-medal{width:calc(50% - 6px);flex:0 1 calc(50% - 6px)}
  .aza-profil .azm-portrait-level-art{width:68px;height:68px;flex-basis:68px;padding:8px}
  .aza-profil .azm-portrait-medal-mark{top:53px;left:calc(50% + 17px)}
}

@media(max-width:1050px){.aza-profil .azm-family-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:850px){.aza-profil .azm-family-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){
  .aza-profil .azm-family-page{padding:15px 9px 22px}
  .aza-profil .azm-family-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:18px}
  .aza-profil .azm-family-intro{flex:0 0 auto}
  .aza-profil .azm-family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 7px}
  .aza-profil .azm-family-art{width:112px;height:112px;padding:10px}
  .aza-profil .azm-family-section{margin-top:18px;padding-bottom:18px}
  .aza-profil .azm-family-section-top{margin-bottom:9px}
  .aza-profil .azm-family-name{font-size:12px}
}
@media(max-width:350px){.aza-profil .azm-family-art{width:106px;height:106px}}
@media(prefers-reduced-motion:reduce){.aza-profil .azm-family-art,.aza-profil .azm-family{transition:none}}

/* Roman numerals signal attained tier, not the numeric achievement target. */
.aza-profil .azm-family-tier-label{font:800 12px/1.2 Georgia,serif;letter-spacing:.08em;color:var(--fam-ink);opacity:.7}
.aza-profil .azm-portrait-tier-label{display:block;margin:2px auto;font:800 13px/1.2 Georgia,serif;letter-spacing:.07em;color:var(--p-red)}
.aza-profil .azm-portrait-hero-tier{display:inline-block;margin-top:3px;color:var(--p-red);font:800 12px/1.4 Georgia,serif;letter-spacing:.09em}

/* v0.11.7 — Portrait refinement: achieved/current/next states without arrow or dot badges. */
html body .aza-profil .azm-family-portrait .azm-portrait-status{
  display:inline-flex;align-items:center;justify-content:center;
  margin:7px auto 2px!important;padding:5px 10px;border:1px solid var(--p-line);
  border-radius:999px;background:var(--p-panel);color:var(--p-sub)!important;
  font-size:11px!important;font-weight:700!important;line-height:1.2!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-status.is-earned{
  border-color:var(--p-line);color:var(--p-ink)!important;
}
.aza-profil .azm-portrait-medal-mark{display:none!important}
.aza-profil .azm-portrait-level-art{overflow:visible}
.aza-profil .azm-portrait-level-art.is-default{overflow:visible}
.aza-profil .azm-portrait-medal-check{
  position:absolute;right:-3px;bottom:-2px;z-index:1;
  display:grid;place-items:center;width:19px;height:19px;
  border-radius:50%;border:2px solid var(--p-bg);background:#ef3b49;
  color:#fff;font-size:11px;font-weight:800;line-height:1;
}
html body .aza-profil .azm-family-portrait .azm-portrait-progress-copy{
  color:var(--p-sub)!important;font-size:10px!important;line-height:1.2!important;
  font-weight:700;font-variant-numeric:tabular-nums;
}
html body .aza-profil .azm-family-portrait .azm-portrait-hero-desc{
  color:var(--p-ink)!important;font-size:12px!important;line-height:1.55!important;
  max-width:370px;margin:8px auto 0!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-medal.is-next{
  border:1px solid var(--p-line)!important;border-radius:16px!important;
  background:var(--p-panel)!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-medal.is-next .azm-portrait-level-art.is-default{
  box-shadow:none!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-subhead{
  color:var(--p-ink)!important;
}

/* v0.11.43 — Locked badges use the SAME uploaded artwork, desaturated in CSS.
   Apply the filter to the ART CONTAINER, not the img: older rules deliberately
   set img{filter:none!important} and must not override the locked appearance.
   The title, earned status, lock and progress text remain fully readable. */
html body .aza-profil .azm-family[data-state="locked"] .azm-family-art{
  filter:grayscale(100%)!important;
  opacity:.8;
}
/* The collection remains monochrome until earned; opening badge details is
   an art preview, not an achievement unlock. Keep all portrait artwork colored. */
html body .aza-profil .azm-family-portrait .azm-portrait-art,
html body .aza-profil .azm-family-portrait .azm-portrait-level-art{
  filter:none!important;
  opacity:1!important;
}

/* ===== 17 Ekim 2026: Kademe gösterimi yenilendi =====
   - Listede roma rakamı yerine kademe noktaları
   - Pencerede "Kademe 2 / 8" etiketi ve kademe merdiveni
   - Henüz sıra gelmeyen kademeler bulanık ve "?" ile gizemli
   - Telefonda 3 sütun */
.aza-profil .azm-family-pips{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:96px;margin-top:-2px}
.aza-profil .azm-family-pips i{display:block;width:6px;height:6px;border-radius:50%;background:var(--fam-line);transition:background-color .16s}
.aza-profil .azm-family-pips i.on{background:#ef3b49;box-shadow:0 0 0 2px rgba(239,59,73,.18)}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-chip{
  display:inline-flex;align-items:center;justify-content:center;margin:2px auto;padding:3px 9px;
  border-radius:999px;background:rgba(239,59,73,.12);color:var(--p-red)!important;
  font-family:inherit!important;font-size:10.5px!important;font-weight:750!important;line-height:1.3!important;
  letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-chip.is-hero{display:table;margin:6px auto 0!important;font-size:11.5px!important;padding:4px 11px}
.aza-profil .azm-family-tier-label,.aza-profil .azm-portrait-tier-label,.aza-profil .azm-portrait-hero-tier{display:none!important}
/* Kademe merdiveni */
html body .aza-profil .azm-family-portrait .azm-tier-ladder{
  display:flex;justify-content:center;list-style:none!important;margin:-6px auto 22px!important;padding:0!important;max-width:440px
}
html body .aza-profil .azm-family-portrait .azm-tier-step{position:relative;flex:1 1 0;max-width:54px;display:flex;justify-content:center;margin:0!important;padding:0!important}
html body .aza-profil .azm-family-portrait .azm-tier-step::before{content:'';position:absolute;top:50%;right:50%;width:100%;height:2px;margin-top:-1px;background:var(--p-line);z-index:0}
html body .aza-profil .azm-family-portrait .azm-tier-step:first-child::before{display:none}
html body .aza-profil .azm-family-portrait .azm-tier-step.is-done::before{background:#ef3b49}
html body .aza-profil .azm-family-portrait .azm-tier-dot{
  position:relative;z-index:1;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;
  border:2px solid var(--p-line);background:var(--p-bg);color:var(--p-sub);
  font-family:inherit;font-size:11px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums
}
html body .aza-profil .azm-family-portrait .azm-tier-step.is-done .azm-tier-dot{background:#ef3b49;border-color:#ef3b49;color:#fff}
html body .aza-profil .azm-family-portrait .azm-tier-step.is-current .azm-tier-dot{box-shadow:0 0 0 4px rgba(239,59,73,.25)}
html body .aza-profil .azm-family-portrait .azm-tier-step.is-next .azm-tier-dot{border-color:#ef3b49;color:var(--p-red)}
/* Sırası gelmemiş kademeler: bulanık görsel + soru işareti */
html body .aza-profil .azm-family-portrait .azm-portrait-medal.is-veiled .azm-portrait-level-art.is-custom img{
  filter:grayscale(1) blur(5px) brightness(.6)!important;clip-path:circle(48% at 50% 50%)
}
html body .aza-profil .azm-family-portrait .azm-portrait-medal.is-veiled .azm-portrait-level-art.is-custom::after{
  content:'?';position:absolute;inset:0;display:grid;place-items:center;color:#fff;
  font-size:26px;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.6);pointer-events:none
}
@media(max-width:600px){
  .aza-profil .azm-family-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 4px}
  .aza-profil .azm-family-art{width:92px;height:92px;padding:8px}
  .aza-profil .azm-family-name{font-size:11.5px}
  .aza-profil .azm-family-lock{right:4px;top:4px}
}
@media(max-width:350px){.aza-profil .azm-family-art{width:82px;height:82px}}

/* 17 Ekim: rozetteki karakterin adı ve serisi (küçük alt yazı) */
html body .aza-profil .azm-family-portrait .azm-portrait-credit{
  display:block;margin:2px auto 0;font-family:inherit;font-size:11.5px!important;line-height:1.4!important;
  font-weight:600;font-style:italic;color:var(--p-sub)!important;opacity:.85;overflow-wrap:anywhere
}
html body .aza-profil .azm-family-portrait .azm-portrait-medal .azm-portrait-credit{font-size:10px!important;margin:0 auto}


/* ===== 18 Ekim: yeni Rozetler sekmesi (özet halkası, vitrin, konu grupları, kartlar) ===== */
html body:not(#az) .azm-rz{--rz-c:#1d1d1f;--rz-m:#6e6e73;--rz-bg:rgba(0,0,0,.03);--rz-bd:rgba(0,0,0,.07);--rz-base:#fff;--rz-acc:#EF3B49;font-family:"DM Sans",sans-serif;color:var(--rz-c);padding:6px 4px;display:block}
html body.night-mode:not(#az) .azm-rz{--rz-c:#f2f2f2;--rz-m:#9a9aa0;--rz-bg:rgba(255,255,255,.035);--rz-bd:rgba(255,255,255,.08);--rz-base:#1f1e1f}
html body:not(#az) .azm-rz .azm-rz-hero{display:flex;gap:24px;align-items:center;padding:22px;border-radius:20px;background:var(--rz-bg);border:1px solid var(--rz-bd);margin:0}
html body:not(#az) .azm-rz .azm-rz-ring{width:108px;height:108px;flex:none;border-radius:50%;background:conic-gradient(var(--rz-acc) calc(var(--p)*1%),rgba(127,127,127,.18) 0);display:grid;place-items:center}
html body:not(#az) .azm-rz .azm-rz-ring>div{width:88px;height:88px;border-radius:50%;background:var(--rz-base);display:flex;align-items:center;justify-content:center;gap:3px}
html body:not(#az) .azm-rz .azm-rz-ring b{font-size:28px;font-weight:800;line-height:1;color:var(--rz-c)}html body:not(#az) .azm-rz .azm-rz-ring span{font-size:13px;color:var(--rz-m);align-self:flex-end;margin-bottom:30px}
html body:not(#az) .azm-rz .azm-rz-hero h2{margin:0 0 4px;font-size:20px;font-weight:800;color:var(--rz-c);line-height:1.3}
html body:not(#az) .azm-rz .azm-rz-hero p{margin:0 0 12px;color:var(--rz-m);font-size:14px;line-height:1.5}
html body:not(#az) .azm-rz .azm-rz-chips{display:flex;flex-wrap:wrap;gap:6px}
html body:not(#az) .azm-rz .azm-rz-chips span{font-size:12px;padding:5px 11px;border-radius:999px;border:1px solid var(--rz-bd);color:var(--rz-m);line-height:1.4}
html body:not(#az) .azm-rz .azm-rz-chips b{color:var(--rz-c);margin-left:3px}
html body:not(#az) .azm-rz .azm-rz-vitrin{margin:18px 0 6px;padding:20px 22px 24px;border-radius:20px;background:radial-gradient(120% 90% at 50% 100%,rgba(239,59,73,.16),transparent 60%),var(--rz-bg);border:1px solid var(--rz-bd)}
html body:not(#az) .azm-rz .azm-rz-vt{font-weight:800;font-size:15px;margin-bottom:10px;color:var(--rz-c)}html body:not(#az) .azm-rz .azm-rz-vt>span{color:#E8B236}
html body:not(#az) .azm-rz .azm-rz-vt small{font-weight:500;color:var(--rz-m);margin-left:6px;font-size:12px}
html body:not(#az) .azm-rz .azm-rz-stage{display:flex;justify-content:center;align-items:flex-end;gap:36px}
html body:not(#az) .azm-rz .azm-rz-feat{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:700;font-size:14px;color:var(--rz-c);text-align:center}
html body:not(#az) .azm-rz .azm-rz-feat img{display:block;width:118px;height:118px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35));transition:transform .3s}
html body:not(#az) .azm-rz .azm-rz-feat.is-center img{width:150px;height:150px;filter:drop-shadow(0 12px 30px rgba(239,59,73,.45))}
html body:not(#az) .azm-rz .azm-rz-feat:hover img,html body:not(#az) .azm-rz .azm-rz-feat:focus-visible img{transform:translateY(-6px) rotate(-3deg)}
html body:not(#az) .azm-rz .azm-rz-feat:focus-visible span{text-decoration:underline}
html body:not(#az) .azm-rz .azm-rz-sec{margin-top:26px}
html body:not(#az) .azm-rz .azm-rz-sh{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--rz-bd)}
html body:not(#az) .azm-rz .azm-rz-sh h3{margin:0;font-size:16px;font-weight:800;color:var(--rz-c);line-height:1.3}
html body:not(#az) .azm-rz .azm-rz-sh span{color:var(--rz-m);font-size:13px}
html body:not(#az) .azm-rz .azm-rz-sh em{margin-left:auto;font-style:normal;font-size:12px;font-weight:700;color:var(--rz-m)}
html body:not(#az) .azm-rz .azm-rz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}
html body:not(#az) .azm-rz .azm-rz-card{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 10px 14px;border-radius:18px;background:var(--rz-bg);border:1px solid var(--rz-bd);transition:transform .2s,box-shadow .2s,border-color .2s;cursor:pointer}
html body:not(#az) .azm-rz .azm-rz-card:hover,html body:not(#az) .azm-rz .azm-rz-card:focus-visible{transform:translateY(-4px);border-color:rgba(239,59,73,.45);box-shadow:0 10px 26px rgba(0,0,0,.18)}
html body:not(#az) .azm-rz .azm-rz-art{position:relative;display:block;width:92px;height:92px;margin-bottom:10px}
html body:not(#az) .azm-rz .azm-rz-art::before{content:"";position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,rgba(239,59,73,.22),transparent 65%)}
html body:not(#az) .azm-rz .azm-rz-art img{position:relative;display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
html body:not(#az) .azm-rz .azm-rz-ph{position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;border:2px dashed rgba(127,127,127,.35);font-weight:800;font-size:22px;letter-spacing:1px;color:var(--rz-m)}
html body:not(#az) .azm-rz .azm-rz-ph.is-lock{border:0;color:rgba(127,127,127,.55)}
html body:not(#az) .azm-rz .azm-rz-bigl{width:74%;height:74%}
html body:not(#az) .azm-rz .azm-rz-lock{position:absolute;right:-2px;bottom:-2px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--rz-base);border:1px solid var(--rz-bd);color:var(--rz-m)}
html body:not(#az) .azm-rz .azm-rz-lock svg{width:13px;height:13px}
html body:not(#az) .azm-rz .azm-rz-name{display:block;font-weight:700;font-size:13.5px;line-height:1.25;color:var(--rz-c)}
html body:not(#az) .azm-rz .azm-rz-sub{display:block;font-size:11px;color:var(--rz-m);margin-top:3px}
html body:not(#az) .azm-rz .azm-rz-pips{display:flex;gap:3px;margin-top:7px}
html body:not(#az) .azm-rz .azm-rz-pips i{width:7px;height:7px;border-radius:50%;background:rgba(127,127,127,.28)}
html body:not(#az) .azm-rz .azm-rz-pips i.on{background:var(--rz-acc);box-shadow:0 0 6px rgba(239,59,73,.6)}
html body:not(#az) .azm-rz .azm-rz-card.is-max{border-color:rgba(232,178,54,.55)}
html body:not(#az) .azm-rz .azm-rz-card.is-max .azm-rz-pips i.on{background:#E8B236;box-shadow:0 0 6px rgba(232,178,54,.7)}
html body:not(#az) .azm-rz .azm-rz-card.is-locked .azm-rz-art::before{opacity:0}
html body:not(#az) .azm-rz .azm-rz-card.is-locked img{filter:grayscale(1) brightness(.55)}
html body:not(#az) .azm-rz .azm-rz-card.is-locked .azm-rz-name{color:var(--rz-m)}
@media(max-width:600px){html body:not(#az) .azm-rz .azm-rz-hero{flex-direction:column;text-align:center;padding:18px}html body:not(#az) .azm-rz .azm-rz-chips{justify-content:center}html body:not(#az) .azm-rz .azm-rz-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}html body:not(#az) .azm-rz .azm-rz-card{padding:12px 4px 10px;border-radius:14px}html body:not(#az) .azm-rz .azm-rz-art{width:68px;height:68px}html body:not(#az) .azm-rz .azm-rz-ph{font-size:18px}html body:not(#az) .azm-rz .azm-rz-name{font-size:12px}html body:not(#az) .azm-rz .azm-rz-stage{gap:12px}html body:not(#az) .azm-rz .azm-rz-feat img{width:84px;height:84px}html body:not(#az) .azm-rz .azm-rz-feat.is-center img{width:108px;height:108px}html body:not(#az) .azm-rz .azm-rz-feat{font-size:12.5px}html body:not(#az) .azm-rz .azm-rz-vitrin{padding:16px 12px 18px}html body:not(#az) .azm-rz .azm-rz-lock{width:22px;height:22px}html body:not(#az) .azm-rz .azm-rz-sh em{margin-left:0}}

/* 18 Ekim: kilit simgesi gece modunda beyaza dönmesin */
html body:not(#az) .azm-rz .azm-rz-ph.is-lock{color:#c3c3c8}
html body.night-mode:not(#az) .azm-rz .azm-rz-ph.is-lock{color:#5d5c60}
html body:not(#az) .azm-rz .azm-rz-ph.is-lock svg rect,html body:not(#az) .azm-rz .azm-rz-lock svg rect{fill:currentColor!important}
html body:not(#az) .azm-rz .azm-rz-ph.is-lock svg path,html body:not(#az) .azm-rz .azm-rz-lock svg path{stroke:currentColor!important;fill:none!important}

/* 18 Ekim: vitrin seçimi + gece modunda sarı yıldız */
html body:not(#az) .azm-rz .azm-rz-vt>span,html body.night-mode:not(#az) .azm-rz .azm-rz-vt>span{color:#E8B236!important;-webkit-text-fill-color:#E8B236!important}
html body:not(#az) .azm-rz .azm-rz-feat{position:relative}
html body:not(#az) .azm-rz .azm-rz-edit{position:absolute;top:2px;right:2px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--rz-base);border:1px solid var(--rz-bd);color:var(--rz-c);font-size:14px;line-height:1;opacity:0;transition:opacity .2s;box-shadow:0 4px 12px rgba(0,0,0,.2)}
html body:not(#az) .azm-rz .azm-rz-vitrin.is-editable .azm-rz-feat:hover .azm-rz-edit,html body:not(#az) .azm-rz .azm-rz-vitrin.is-editable .azm-rz-feat:focus-visible .azm-rz-edit{opacity:1}
@media(hover:none){html body:not(#az) .azm-rz .azm-rz-edit{opacity:1}}
html body:not(#az) .azm-rz .azm-rz-feat-empty{display:grid;place-items:center;width:118px;height:118px;border-radius:50%;border:2px dashed rgba(127,127,127,.4);font-size:34px;font-weight:300;color:var(--rz-m)}
html body:not(#az) .azm-rz .azm-rz-feat.is-center .azm-rz-feat-empty{width:150px;height:150px}
html body:not(#az) .azm-rz .azm-rz-feat.is-empty{color:var(--rz-m)}
html body:not(#az) .azm-rz .azm-rz-picker{width:min(640px,calc(100vw - 32px));max-height:min(80vh,720px);padding:0;border:1px solid var(--rz-bd);border-radius:20px;background:var(--rz-base);color:var(--rz-c);box-shadow:0 24px 60px rgba(0,0,0,.35);overflow:hidden}
html body:not(#az) .azm-rz .azm-rz-picker[open]{display:flex;flex-direction:column}
html body:not(#az) .azm-rz .azm-rz-picker::backdrop{background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
html body:not(#az) .azm-rz .azm-rz-picker-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 12px;border-bottom:1px solid var(--rz-bd)}
html body:not(#az) .azm-rz .azm-rz-picker-head strong{display:block;font-size:17px;font-weight:800;color:var(--rz-c)}
html body:not(#az) .azm-rz .azm-rz-picker-head small{display:block;color:var(--rz-m);font-size:13px;margin-top:2px}
html body:not(#az) .azm-rz .azm-rz-picker-close{all:unset;box-sizing:border-box;cursor:pointer;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:20px;border:1px solid var(--rz-bd);color:var(--rz-c);flex:none}
html body:not(#az) .azm-rz .azm-rz-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;padding:16px 20px;overflow:auto}
html body:not(#az) .azm-rz .azm-rz-pick{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px 10px;border-radius:16px;border:1px solid var(--rz-bd);background:var(--rz-bg);text-align:center;transition:border-color .2s,transform .2s}
html body:not(#az) .azm-rz .azm-rz-pick:hover,html body:not(#az) .azm-rz .azm-rz-pick:focus-visible{border-color:rgba(239,59,73,.5);transform:translateY(-2px)}
html body:not(#az) .azm-rz .azm-rz-pick img{width:72px;height:72px;border-radius:50%;object-fit:cover;display:block}
html body:not(#az) .azm-rz .azm-rz-pick span{font-size:12.5px;font-weight:700;line-height:1.25;color:var(--rz-c)}
html body:not(#az) .azm-rz .azm-rz-pick small{font-size:10.5px;color:var(--rz-m)}
html body:not(#az) .azm-rz .azm-rz-pick.is-current{border-color:var(--rz-acc);box-shadow:inset 0 0 0 1px var(--rz-acc)}
html body:not(#az) .azm-rz .azm-rz-picker-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 20px 16px;border-top:1px solid var(--rz-bd)}
html body:not(#az) .azm-rz .azm-rz-picker-reset{all:unset;box-sizing:border-box;cursor:pointer;font-size:13px;font-weight:700;padding:8px 16px;border-radius:999px;border:1px solid var(--rz-bd);color:var(--rz-c)}
html body:not(#az) .azm-rz .azm-rz-picker-reset:hover{border-color:var(--rz-acc)}
html body:not(#az) .azm-rz .azm-rz-picker-note{font-size:12.5px;color:var(--rz-m)}
@media(max-width:600px){html body:not(#az) .azm-rz .azm-rz-feat-empty{width:84px;height:84px;font-size:28px}html body:not(#az) .azm-rz .azm-rz-feat.is-center .azm-rz-feat-empty{width:108px;height:108px}html body:not(#az) .azm-rz .azm-rz-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px}html body:not(#az) .azm-rz .azm-rz-pick img{width:58px;height:58px}html body:not(#az) .azm-rz .azm-rz-edit{width:26px;height:26px;font-size:12px}}

/* 18 Ekim: vitrin rozetleri telefonda yassılaşıp kesilmiyordu — daire oranı korunur, isimler düzgün sarar */
html body:not(#az) .azm-rz .azm-rz-feat img{flex:none;aspect-ratio:1/1;object-fit:cover}
@media(max-width:600px){
html body:not(#az) .azm-rz .azm-rz-stage{gap:6px;align-items:flex-end}
html body:not(#az) .azm-rz .azm-rz-feat{flex:1 1 0;min-width:0;gap:8px;font-size:12px;line-height:1.25}
html body:not(#az) .azm-rz .azm-rz-feat img{width:min(80px,100%);height:auto}
html body:not(#az) .azm-rz .azm-rz-feat.is-center img{width:min(104px,100%);height:auto}
html body:not(#az) .azm-rz .azm-rz-feat>span:not(.azm-rz-edit):not(.azm-rz-feat-empty){display:block;max-width:100%;overflow-wrap:anywhere}
html body:not(#az) .azm-rz .azm-rz-feat-empty{width:min(80px,100%);height:auto;aspect-ratio:1/1}
html body:not(#az) .azm-rz .azm-rz-feat.is-center .azm-rz-feat-empty{width:min(104px,100%)}
}

/* 20 Ekim: ilerleme yalnızca rozete tıklanınca açılan detayda gösterilir. */
html body:not(#az) .azm-rz .azm-portrait-hero-count{display:block;font-size:12px;font-variant-numeric:tabular-nums;margin:9px 0 5px;color:var(--p-ink)}
html body:not(#az) .azm-rz .azm-portrait-hero-progress{display:block;width:min(100%,260px);height:6px;margin:0 auto 6px;border-radius:999px;overflow:hidden;background:var(--p-line)}
html body:not(#az) .azm-rz .azm-portrait-hero-progress>span{display:block;height:100%;border-radius:inherit;background:var(--p-red,#ef3b49)}

/* v0.11.57 — Kademeli rozet ayrıntısı: 4×2 kompakt seçim + tek uzun mesaj.
   Ana rozet koleksiyonu ve tekli rozet ayrıntıları değişmez. */
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection {width:100%;min-width:0}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-heading {
  color:var(--p-ink)!important;font-size:13px!important;font-weight:750!important;
  line-height:1.4!important;margin:0 0 15px!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-choice-grid {
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px 5px;width:100%;align-items:stretch;
}
html body .aza-profil .azm-family-portrait .azm-badge-choice {
  box-sizing:border-box!important;cursor:pointer!important;display:flex!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:100%;margin:0!important;padding:10px 4px 9px!important;
  flex:none!important;justify-content:flex-start!important;
  background:transparent!important;color:var(--p-ink)!important;
  border:1px solid transparent!important;border-radius:12px!important;
  transition:background-color .15s,border-color .15s;
}
html body .aza-profil .azm-family-portrait .azm-badge-choice:hover {
  background:var(--p-panel)!important;border-color:var(--p-line)!important;
}
html body .aza-profil .azm-family-portrait .azm-badge-choice.is-selected {
  background:var(--p-panel)!important;border-color:var(--p-red)!important;
}
html body .aza-profil .azm-family-portrait .azm-badge-choice:focus-visible {
  outline:2px solid var(--p-red)!important;outline-offset:2px;
}
html body .aza-profil .azm-family-portrait .azm-badge-choice .azm-portrait-level-art {
  width:68px;height:68px;flex:0 0 68px;max-width:100%;
}
html body .aza-profil .azm-family-portrait .azm-badge-choice .azm-portrait-medal-name {
  font-size:11px!important;line-height:1.35!important;overflow-wrap:anywhere;
}
html body .aza-profil .azm-family-portrait .azm-badge-choice .azm-portrait-tier-chip {
  margin:4px auto 1px!important;font-size:10px!important;padding:3px 6px!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-selected-detail {
  margin-top:19px;padding-top:18px;border-top:1px solid var(--p-line);
  min-width:0;text-align:left;
}
html body .aza-profil .azm-family-portrait .azm-portrait-detail-eyebrow {
  display:block;margin-bottom:7px;color:var(--p-red)!important;
  font-size:11px!important;font-weight:800!important;letter-spacing:.025em;
}
html body .aza-profil .azm-family-portrait .azm-portrait-detail-title {
  color:var(--p-ink)!important;font-size:16px!important;line-height:1.35!important;
  margin:0 0 4px!important;font-weight:800!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-detail-credit {
  color:var(--p-sub)!important;font-style:italic;font-size:11px!important;
  margin:0 0 9px;
}
html body .aza-profil .azm-family-portrait .azm-portrait-selected-detail .azm-portrait-status {
  margin:0 0 10px!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-detail-message {
  color:var(--p-ink)!important;margin:0!important;
  font-size:13px!important;line-height:1.75!important;
  white-space:pre-line;overflow-wrap:anywhere;max-width:100%;
}
html body .aza-profil .azm-family-portrait .azm-portrait-detail-progress {margin-top:14px}
html body .aza-profil .azm-family-portrait .azm-portrait-detail-count {
  display:block;text-align:right;color:var(--p-sub);font-size:12px;
  margin:0 0 7px;font-variant-numeric:tabular-nums;
}
html body .aza-profil .azm-family-portrait .azm-portrait-detail-progress .azm-portrait-hero-progress {
  margin:0;width:100%;height:6px;
}
html body .aza-profil .azm-family-portrait .azm-portrait-detail-progress[hidden],
html body .aza-profil .azm-family-portrait .azm-portrait-detail-credit[hidden],
html body .aza-profil .azm-family-portrait .azm-portrait-detail-message[hidden] {display:none!important}
@media (max-width:460px){
  html body .aza-profil .azm-family-portrait .azm-portrait-choice-grid {gap:7px 2px}
  html body .aza-profil .azm-family-portrait .azm-badge-choice {
    padding:9px 1px 8px!important;border-radius:10px!important;gap:5px!important;
  }
  html body .aza-profil .azm-family-portrait .azm-badge-choice .azm-portrait-level-art {
    width:51px;height:51px;flex:0 0 51px;max-width:94%;padding:4px;
  }
  html body .aza-profil .azm-family-portrait .azm-badge-choice .azm-portrait-tier-chip {
    font-size:9px!important;padding:3px 5px!important;
  }
  html body .aza-profil .azm-family-portrait .azm-badge-choice .azm-portrait-medal-name {
    font-size:9.5px!important;line-height:1.3!important;
  }
  html body .aza-profil .azm-family-portrait .azm-portrait-detail-message {
    font-size:12.5px!important;line-height:1.75!important;
  }
}
@media (max-width:350px){
  html body .aza-profil .azm-family-portrait .azm-badge-choice .azm-portrait-level-art {
    width:43px;height:43px;flex-basis:43px;
  }
  html body .aza-profil .azm-family-portrait .azm-badge-choice .azm-portrait-medal-name {font-size:9px!important}
}
@media (prefers-reduced-motion:reduce){
  html body .aza-profil .azm-family-portrait .azm-badge-choice {transition:none}
}

/* v0.11.58 — Selected tier progress stays ABOVE the artwork grid and any long messages. */
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-progress {
  display:grid;grid-template-columns:1fr auto;column-gap:10px;row-gap:7px;
  margin:0 0 17px!important;padding:11px 13px;border:1px solid var(--p-line);
  border-radius:11px;background:var(--p-panel);align-items:center;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-progress-label {
  font-size:11px;font-weight:750;color:var(--p-ink)!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-count {
  margin:0!important;text-align:right;color:var(--p-ink)!important;font-size:12px!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-hero-progress {
  grid-column:1/-1;height:6px!important;width:100%;
}
html body .aza-profil .azm-family-portrait .azm-portrait-detail-progress[hidden] {display:none!important}

/* v0.11.59 — Earned, next and selected are THREE independent states.
   Selected is keyboard/pointer focus, never a red 'earned' or 'next' signal. */
html body .aza-profil .azm-family-portrait .azm-badge-choice.is-selected {
  border-color:var(--p-sub)!important;background:var(--p-panel)!important;
  box-shadow:inset 0 0 0 1px var(--p-line)!important;
}
html body .aza-profil .azm-family-portrait .azm-badge-choice.is-next .azm-portrait-tier-chip {
  background:rgba(239,59,73,.15)!important;
}
html body .aza-profil .azm-family-portrait .azm-badge-choice.is-next:not(.is-selected) {
  background:color-mix(in srgb,var(--p-red) 5%,transparent)!important;
}
html body .aza-profil .azm-family-portrait .azm-badge-choice {
  padding-bottom:23px!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-next-label {
  position:absolute;bottom:5px;left:3px;right:3px;display:block;
  font-size:10px;font-weight:800;line-height:1.2;color:var(--p-red)!important;text-align:center;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-progress {
  background:transparent!important;border:0!important;border-radius:0!important;
  padding:0 0 12px!important;margin:0 0 15px!important;
  row-gap:7px!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-progress-label {
  min-width:0;font-size:12px!important;line-height:1.45!important;overflow-wrap:anywhere;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-hero-progress {
  height:5px!important;
}
@media(max-width:460px){
 html body .aza-profil .azm-family-portrait .azm-badge-choice {padding-bottom:21px!important}
 html body .aza-profil .azm-family-portrait .azm-portrait-next-label{font-size:9px;bottom:4px}
 html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-progress-label{font-size:10.5px!important}
}

html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-progress .azm-portrait-hero-progress {
  width:100%!important;max-width:none!important;margin:0!important;justify-self:stretch;
}


/* v0.11.60 — Tier details: one quiet, readable panel instead of four stacked labels.
   This only affects multi-tier badge details. One-off medals stay unchanged. */
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-selected-detail {
  min-width:0;margin:14px 0 0!important;padding:15px 17px 17px!important;
  border:1px solid var(--p-line)!important;border-radius:13px!important;
  background:color-mix(in srgb,var(--p-panel) 60%,var(--p-bg))!important;
  text-align:left;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-header {
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  column-gap:12px;row-gap:7px;margin:0 0 10px;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-identity {
  flex:1 1 190px;min-width:0;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-title {
  font-size:14px!important;line-height:1.35!important;margin:0!important;
  color:var(--p-ink)!important;font-weight:800!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-credit {
  margin:4px 0 0!important;font-size:11px!important;line-height:1.5!important;
  color:var(--p-sub)!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-header .azm-portrait-status {
  margin:0!important;white-space:nowrap;flex-shrink:0;
  font-size:10px!important;padding:5px 10px!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-message {
  display:block;margin:0!important;padding:0!important;max-width:none!important;
  font-size:12.5px!important;line-height:1.7!important;letter-spacing:0!important;
  color:var(--p-ink)!important;white-space:pre-line;overflow-wrap:anywhere;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-selected-detail.is-earned-detail .azm-portrait-detail-message {
  border-top:1px solid var(--p-line);padding:11px 0 0!important;
}
@media(max-width:460px){
  html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-selected-detail {
    margin-top:12px!important;padding:12px 12px 14px!important;
  }
  html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-header {
    row-gap:7px;margin-bottom:9px;
  }
  html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-title {font-size:13px!important}
  html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-message {
    font-size:12px!important;line-height:1.7!important;
  }
}


/* v0.11.61 — Public tier ladder: show original artwork on every tier.
   Already earned + immediate next stay full color. Later tiers show grayscale;
   no mystery-circle, blur, character reveal overlay, or fake '?' is added.
   Hidden/secret family protections remain unchanged. */
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-badge-choice.is-future .azm-portrait-level-art {
  filter:grayscale(100%)!important;
  opacity:1!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-badge-choice.is-earned .azm-portrait-level-art,
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-badge-choice.is-next .azm-portrait-level-art {
  filter:none!important;
  opacity:1!important;
}
/* Only true secret achievements retain the old veiled privacy behavior. */


/* v0.11.62 — Next target should be conspicuously red, independently of
   the neutral selected state. Red does NOT mean the badge is awarded. */
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-badge-choice.is-next,
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-badge-choice.is-next.is-selected {
  border:1px solid var(--p-red,#ef3b49)!important;
  background:color-mix(in srgb,var(--p-red,#ef3b49) 7%,transparent)!important;
  box-shadow:none!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-badge-choice.is-next .azm-portrait-next-label {
  color:var(--p-red,#ef3b49)!important;
  font-weight:800!important;
}
/* Inline compact attribution: right of the badge name, not on a new line.
   On narrow displays, natural wrapping prevents horizontal overflow. */
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-identity {
  display:flex!important;flex-flow:row wrap!important;align-items:baseline!important;
  justify-content:flex-start!important;column-gap:9px;row-gap:2px;
  min-width:0;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-title {
  flex:0 1 auto;min-width:0;margin:0!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-credit {
  display:inline!important;flex:0 1 auto;min-width:0;margin:0!important;
  color:var(--p-sub)!important;font-size:10px!important;line-height:1.5!important;
  font-style:normal!important;font-weight:450!important;opacity:.72;
  overflow-wrap:anywhere;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-credit[hidden] {
  display:none!important;
}
@media(max-width:460px){
  html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-identity{column-gap:6px;row-gap:1px}
  html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-credit{font-size:9.5px!important}
}


/* v0.11.63 — Completed series: red highlight follows the final awarded tier.
   Keep neutral selection for the other earned tiers; no phantom next target. */
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-badge-choice.is-complete,
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-badge-choice.is-complete.is-selected {
  border:1px solid var(--p-red,#ef3b49)!important;
  background:color-mix(in srgb,var(--p-red,#ef3b49) 7%,transparent)!important;
  box-shadow:none!important;
}
html body .aza-profil .azm-family-portrait .azm-badge-choice.is-complete .azm-portrait-complete-label {
  color:var(--p-red,#ef3b49)!important;
  font-weight:800!important;
}


/* v0.11.64 — Gold means FINISHED; red continues to mean NEXT.
   Respect the profile's existing gold five-of-five presentation. */
html body:not(#az) .aza-profil .azm-rz .azm-rz-card.is-max {
  border-color:rgba(232,178,54,.72)!important;
  background:color-mix(in srgb,#e8b236 5%,var(--rz-bg))!important;
}
html body:not(#az) .aza-profil .azm-rz .azm-rz-card.is-max:hover,
html body:not(#az) .aza-profil .azm-rz .azm-rz-card.is-max:focus-visible {
  border-color:#e8b236!important;
  box-shadow:0 8px 26px rgba(232,178,54,.12)!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-badge-choice.is-complete,
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-badge-choice.is-complete.is-selected {
  border:1px solid #e8b236!important;
  background:color-mix(in srgb,#e8b236 8%,transparent)!important;
  box-shadow:none!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-badge-choice.is-complete .azm-portrait-complete-label {
  color:#e8b236!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-status.is-complete {
  color:#e8b236!important;
  border-color:rgba(232,178,54,.45)!important;
  background:rgba(232,178,54,.08)!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-progress.is-complete .azm-portrait-hero-progress > span {
  background:#e8b236!important;
}

/* Give long personal achievement messages an editorial treatment: calm, airy,
   with paragraph boundaries determined exclusively by the author. */
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-selected-detail {
  padding:17px 20px 19px!important;
  background:color-mix(in srgb,var(--p-panel) 42%,var(--p-bg))!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-header {
  margin-bottom:12px!important;
  padding-bottom:0!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-message {
  max-width:65ch!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.85!important;
  letter-spacing:.003em!important;
  overflow-wrap:break-word;
  text-wrap:wrap;
  white-space:normal!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-message .azm-portrait-story-paragraph {
  font:inherit!important;
  letter-spacing:inherit!important;
  color:inherit!important;
  line-height:inherit!important;
  text-align:left!important;
  white-space:pre-line!important;
  padding:0!important;
  margin:0 0 12px!important;
  max-width:100%;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-message .azm-portrait-story-paragraph:last-child {
  margin-bottom:0!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-selected-detail.is-earned-detail .azm-portrait-detail-message {
  border-top:0!important;
  border-left:2px solid rgba(232,178,54,.7);
  padding:2px 0 2px 16px!important;
  margin-top:5px!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-selected-detail.is-locked-detail .azm-portrait-detail-message {
  color:var(--p-sub)!important;
}
@media(max-width:460px){
  html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-selected-detail {padding:14px 13px 16px!important}
  html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-message {font-size:12.5px!important;line-height:1.75!important}
  html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-selected-detail.is-earned-detail .azm-portrait-detail-message {padding-left:11px!important}
}

/* v0.11.65 — Awarded tiers use a restrained gold treatment INSIDE the
   details dialog. An upcoming target remains red, selection alone stays neutral,
   and a fully completed series retains its stronger gold border. */
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-badge-choice.is-earned:not(.is-complete),
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-badge-choice.is-earned.is-selected:not(.is-complete) {
  border:1px solid rgba(232,178,54,.38)!important;
  background:rgba(232,178,54,.035)!important;
  box-shadow:none!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-badge-choice.is-earned.is-selected:not(.is-complete) {
  border-color:rgba(232,178,54,.78)!important;
  background:rgba(232,178,54,.075)!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-badge-choice.is-earned .azm-portrait-tier-chip {
  color:#e8b236!important;
  background:rgba(232,178,54,.11)!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-medal-check {
  background:#e8b236!important;
  color:#231c0a!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-status.is-earned {
  color:#e8b236!important;
  border-color:rgba(232,178,54,.47)!important;
  background:rgba(232,178,54,.09)!important;
}
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-progress.is-earned .azm-portrait-hero-progress > span {
  background:#e8b236!important;
}
/* Intentional editor-entered line breaks must survive the paragraph renderer. */
html body .aza-profil .azm-family-portrait .azm-portrait-tier-collection .azm-portrait-detail-message .azm-portrait-story-paragraph {
  white-space:pre-line!important;
}

/* Standalone achievement messages also respect the author's newlines. */
html body .aza-profil .azm-family-portrait .azm-portrait-hero-desc {
  white-space:pre-line!important;
}