.slay-site :is(.member-card[data-badge-theme=active],.member-profile[data-badge-theme=active],.community-dialog.slay-badge-theme,.panel[data-badge-theme=active]) {
  --rank-accent: color-mix(in srgb, var(--slay-theme) 84%, white);
  --rank-bright: color-mix(in srgb, var(--slay-theme) 24%, white);
  --rank-ink: color-mix(in srgb, var(--slay-theme) 10%, white);
  --rank-muted: color-mix(in srgb, var(--slay-theme) 30%, #ded2d9);
  --rank-border: color-mix(in srgb, var(--slay-theme) 60%, #27141d);
  --rank-surface: color-mix(in srgb, var(--slay-theme) 8%, #100e12);
  --rank-surface-raised: color-mix(in srgb, var(--slay-theme) 17%, #171016);
  --rank-primary: color-mix(in srgb, var(--slay-theme) 52%, #190e15);
  --rank-primary-hover: color-mix(in srgb, var(--slay-theme) 68%, #21131a);
  --rank-hover: color-mix(in srgb, var(--slay-theme) 80%, white);
  --rank-glow: color-mix(in srgb, var(--slay-theme) 34%, transparent);
  --rank-divider: color-mix(in srgb, var(--slay-theme) 32%, transparent);
}
.slay-site :is(.member-card[data-badge-theme=active],.member-profile[data-badge-theme=active]) {
  border: 1px solid var(--rank-border) !important;
  background: radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--slay-theme) 25%,transparent),transparent 60%),linear-gradient(145deg,var(--rank-surface-raised),var(--rank-surface) 78%) !important;
  box-shadow: inset 0 1px #ffffff21, inset 0 0 30px color-mix(in srgb,var(--slay-theme) 9%,transparent), 0 0 22px var(--rank-glow),0 9px 25px #0005 !important;
}
.slay-site :is(.member-card[data-badge-theme=active],.member-profile[data-badge-theme=active])::before {
  content: '' !important; position:absolute;top:0;left:18%;right:18%;height:2px;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--rank-accent),transparent) !important;box-shadow:0 0 13px var(--rank-glow) !important;
}
.slay-site .member-card[data-badge-theme=active] { position:relative; }
.slay-site .member-profile[data-badge-theme=active] { position:relative; border-radius:14px; padding:clamp(16px,3vw,28px); }
.slay-site .community-dialog.slay-badge-theme { border-color:var(--rank-border) !important;background:var(--rank-surface) !important;box-shadow:0 0 30px var(--rank-glow),0 20px 70px #0009 !important; }
.slay-site .community-dialog.slay-badge-theme :is(.dialog-heading,.dialog-body) { background:var(--rank-surface) !important;border-color:var(--rank-divider) !important;color:var(--rank-ink); }
.slay-site :is(.member-card[data-badge-theme=active],.member-profile[data-badge-theme=active]) :is(.member-portrait>img,.member-portrait>span:not(.member-roster-badge),.member-profile-identity>img,.member-profile-identity>span) { border-color:var(--rank-accent) !important;box-shadow:0 0 0 4px color-mix(in srgb,var(--slay-theme) 15%,transparent),0 0 23px var(--rank-glow) !important; }
.slay-site :is(.member-card[data-badge-theme=active],.member-profile[data-badge-theme=active]) .member-role { color:var(--rank-bright) !important;background:linear-gradient(120deg,var(--rank-primary),var(--rank-surface-raised)) !important;border:1px solid var(--rank-border) !important;box-shadow:0 0 12px var(--rank-glow) !important; }
.slay-site :is(.member-card[data-badge-theme=active],.member-profile[data-badge-theme=active]) :is(h2,h3,h4,.member-nickname,.member-stats,.member-view,.member-profile-section>h3 svg,.pmg-heading svg) { color:var(--rank-ink) !important; }
.slay-site :is(.member-card[data-badge-theme=active],.member-profile[data-badge-theme=active]) :is(.member-profile-section,.member-view,.pmg-section) { border-color:var(--rank-divider) !important; }
.slay-site .member-profile[data-badge-theme=active] :is(.member-achievement,.pmg-placeholder,.pmg-empty,.pmg-tile) { border-color:var(--rank-border) !important;background:var(--rank-surface-raised) !important;color:var(--rank-ink) !important; }
.slay-site :is(.member-card[data-badge-theme=active],.member-profile[data-badge-theme=active],.community-dialog.slay-badge-theme,.panel[data-badge-theme=active]) :is(.button,.icon-button,.pmg-filters button,.source-tabs button,.text-button,.member-view) { border-color:var(--rank-border) !important;color:var(--rank-bright) !important; }
.slay-site :is(.member-card[data-badge-theme=active],.member-profile[data-badge-theme=active],.community-dialog.slay-badge-theme,.panel[data-badge-theme=active]) :is(.button,.icon-button,.pmg-filters button,.source-tabs button) { background:linear-gradient(125deg,var(--rank-surface-raised),var(--rank-surface)) !important;box-shadow:inset 0 1px #ffffff16 !important; }
.slay-site :is(.member-profile[data-badge-theme=active],.community-dialog.slay-badge-theme,.panel[data-badge-theme=active]) :is(.button.primary,.pmg-filters button.selected,.source-tabs button.selected) { background:linear-gradient(125deg,var(--rank-primary-hover),var(--rank-primary)) !important;border-color:var(--rank-hover) !important;color:#fff !important;box-shadow:0 0 14px var(--rank-glow) !important; }
.slay-site :is(.member-profile[data-badge-theme=active],.community-dialog.slay-badge-theme,.panel[data-badge-theme=active]) :is(.button,.icon-button,.pmg-filters button,.source-tabs button):hover:not(:disabled) { border-color:var(--rank-accent) !important;box-shadow:0 0 14px var(--rank-glow) !important; }
.slay-site :is(.badge-editor,.badge-catalog-grid) .profile-award[style] { --badge-accent:var(--slay-preview-color);--badge-border:color-mix(in srgb,var(--slay-preview-color) 65%,#29141d);--badge-surface:color-mix(in srgb,var(--slay-preview-color) 18%,#190f15);--badge-glow:color-mix(in srgb,var(--slay-preview-color) 30%,transparent);background:linear-gradient(125deg,var(--badge-surface),#130e14) !important;border-color:var(--badge-border) !important;box-shadow:0 0 14px var(--badge-glow) !important; }
.slay-site :is(.badge-editor,.badge-catalog-grid) .profile-award[style] .profile-award-emblem { border-color:var(--badge-border);background:var(--badge-surface); }
.slay-color-controls { display:flex;gap:10px;align-items:center; }
.slay-color-controls input[type=color] { flex:none;width:58px;height:44px;padding:3px;cursor:pointer;border:1px solid #97516b;border-radius:9px;background:#21141b; }
.slay-color-controls input[type=text] { width:130px;max-width:100%; }
.slay-theme-choice { margin:10px 0 16px; }
@media(max-width:700px){.slay-site .member-profile[data-badge-theme=active]{padding:16px;}}
.slay-site :is(.member-profile[data-badge-theme=active],.community-dialog.slay-badge-theme,.panel[data-badge-theme=active]) :is(a,button,input,select,textarea):focus-visible { outline-color:var(--rank-hover) !important; }