/* Booster V2 profile cosmetics. Preset classes only; applied solely while the
   profile owner is a current Server Booster. */
.booster-badge{display:inline-flex;align-items:center;gap:5px;margin-left:6px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#fff;background:linear-gradient(120deg,#f47fff,#a35cff 55%,#5b8cff);box-shadow:0 2px 8px rgba(163,92,255,.35);vertical-align:middle}
.booster-badge svg{flex-shrink:0}

/* Accent: drives the badge-adjacent highlight and frame colour. */
.booster-styled{--booster-accent:#0a8fdc;--booster-accent-soft:#e7f4ff}
.booster-accent-ocean{--booster-accent:#0a8fdc;--booster-accent-soft:#e3f3ff}
.booster-accent-sunset{--booster-accent:#f06b3a;--booster-accent-soft:#ffeadf}
.booster-accent-lagoon{--booster-accent:#13a89e;--booster-accent-soft:#dff7f4}
.booster-accent-midnight{--booster-accent:#4b4fc9;--booster-accent-soft:#e6e7ff}
.booster-accent-gold{--booster-accent:#c9971a;--booster-accent-soft:#fff4d6}
.booster-styled h2{color:var(--booster-accent)}

/* Banner: header backgrounds built from gradients only (no external images). */
.booster-styled{border-radius:18px;transition:background .25s ease}
#profile-header.booster-styled{padding:20px;border:1px solid rgba(255,255,255,.08)}
.booster-banner-crystal-bay{background:linear-gradient(115deg,#e9f7ff 0%,#bfe6ff 45%,#8fd3ff 100%)!important}
.booster-banner-beach{background:linear-gradient(170deg,#bfe9ff 0%,#dff4ff 52%,#f7e4b8 53%,#f3d79c 100%)!important}
.booster-banner-resort-sunset{background:linear-gradient(160deg,#ffd6a5 0%,#ffadad 45%,#c49bff 100%)!important}
.booster-banner-palm-night{background:radial-gradient(circle at 85% 20%,#fef3c7 0 4%,transparent 5%),linear-gradient(160deg,#1e1b4b 0%,#312e81 55%,#0f766e 100%)!important}
.booster-banner-minimal-waves{background:repeating-linear-gradient(165deg,#f4fbff 0 14px,#e6f5ff 14px 28px)!important}
.booster-banner-palm-night h2,.booster-banner-palm-night p{color:#f8fafc!important}
#profile-header.booster-banner-crystal-bay h2,#profile-header.booster-banner-beach h2,#profile-header.booster-banner-minimal-waves h2,#profile-header.booster-banner-resort-sunset h2{color:#0f172a!important}

/* Frame: avatar ring. */
.booster-styled>img{border-width:5px!important;border-style:solid!important}
.booster-frame-classic>img{border-color:var(--booster-accent)!important}
.booster-frame-wave>img{border-color:transparent!important;background:linear-gradient(#fff,#fff) padding-box,repeating-conic-gradient(var(--booster-accent) 0 15deg,#8fd3ff 15deg 30deg) border-box!important}
.booster-frame-resort-gold>img{border-color:#d4a72c!important;box-shadow:0 0 0 3px #fff4d6,0 0 14px rgba(212,167,44,.55)}
.booster-frame-sunset>img{border-color:transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#ffb347,#ff5f6d,#c471ed) border-box!important}
.booster-frame-neon-bay>img{border-color:#22d3ee!important;box-shadow:0 0 10px #22d3ee,0 0 22px rgba(168,85,247,.6)}

.booster-editor{margin-bottom:24px}
.booster-editor-icon{font-size:22px;background:linear-gradient(120deg,#fbe3ff,#e3e8ff)!important}
.booster-editor-selectors{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:12px}
.booster-editor-selectors label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600}
.booster-editor-selectors select{padding:9px 10px;border-radius:10px;border:1px solid #cfe3f3;background:#fff;font:inherit}
@media(max-width:639px){.booster-editor-selectors{grid-template-columns:1fr}.booster-badge{margin:6px 0 0}}
@media(prefers-reduced-motion:reduce){.booster-styled{transition:none}}