/* Wagick: rank glow (glow/glow.js). --wg is the seller's chosen color. */
.wg{--wga:0%;--wgb:0px;--wgs:0px;--fh:0px;--fo:0;--tint:0%}
.wg.wg-rising {--wga:30%;--wgb:20px;--wgs:1px;--fh:16px;--fo:.6;--tint:22%}
.wg.wg-trusted{--wga:52%;--wgb:34px;--wgs:2px;--fh:28px;--fo:.85;--tint:45%}
.wg.wg-elder  {--wga:78%;--wgb:56px;--wgs:4px;--fh:46px;--fo:1;--tint:70%}

/* Profile card: the card's own background moves to .wg-bg so the flame can sit behind it. */
.wp-card.wg{background:none}
.wg-bg{position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;
  background:radial-gradient(90% 40% at 50% 18%,rgba(201,166,107,.13),transparent 70%),linear-gradient(180deg,#1E1915,#120F0C)}
.wg-halo{position:absolute;inset:0;border-radius:inherit;z-index:-3;pointer-events:none;
  box-shadow:0 0 calc(var(--wgb)*.8) var(--wgs) color-mix(in srgb,var(--wg) calc(var(--wga)*.8),transparent),
             0 -10px calc(var(--wgb)*2) 0 color-mix(in srgb,var(--wg) calc(var(--wga)*.5),transparent)}
.wg-flame{position:absolute;inset:calc(-1*var(--fh)) calc(-.28*var(--fh)) -3px;z-index:-2;pointer-events:none;display:none;opacity:var(--fo)}
.wg-fl{position:absolute;inset:0;border-radius:999px 999px 22px 22px;background:color-mix(in srgb,var(--wg) 30%,#FFF6DC);
  box-shadow:inset 0 0 calc(var(--fh)*.7) calc(var(--fh)*.3) var(--wg),inset 0 0 2px 1px color-mix(in srgb,var(--wg) 55%,#000)}
.wp-card.wg-rising .wg-flame{display:block;filter:url(#wg-fire-rising)}
.wp-card.wg-trusted .wg-flame{display:block;filter:url(#wg-fire-trusted)}
.wp-card.wg-elder .wg-flame{display:block;filter:url(#wg-fire-elder)}
.wp-card.wg-elder .wg-halo{animation:wgBreathe 6.8s ease-in-out infinite}
.wp-card.wg:not(.wg-new) .wp-frame{color:color-mix(in srgb,var(--wg) var(--tint),var(--gold-soft))}
/* Keep the breadcrumb readable above a tall flame. */
.wp-page .lp-crumbs{position:relative;z-index:1}
@keyframes wgBreathe{0%,100%{opacity:.55}50%{opacity:1}}
@media (max-width:900px){
  /* Shorter flame on phones so it never reaches the screen edge. */
  .wg.wg-rising{--fh:12px;--wgb:14px}.wg.wg-trusted{--fh:20px;--wgb:24px}.wg.wg-elder{--fh:32px;--wgb:36px}
}
@media (prefers-reduced-motion:reduce){ .wg-halo{animation:none!important} }

/* Witches list: a still glow at the same strength, no flame. */
.wcard.wg:not(.wg-new){border-color:color-mix(in srgb,var(--wg) calc(var(--tint)*.7),var(--line));
  box-shadow:0 0 calc(var(--wgb)*.5) color-mix(in srgb,var(--wg) calc(var(--wga)*.45),transparent)}
.wcard.wg:not(.wg-new):hover{border-color:color-mix(in srgb,var(--wg) var(--tint),var(--gold-soft));
  box-shadow:0 0 calc(var(--wgb)*.7) color-mix(in srgb,var(--wg) calc(var(--wga)*.7),transparent)}
.wcard.wg:not(.wg-new) .portrait{box-shadow:0 0 0 4px #1E1A15,0 0 0 5px color-mix(in srgb,var(--wg) var(--tint),rgba(201,166,107,.35)),0 0 calc(var(--wgb)*.45) color-mix(in srgb,var(--wg) var(--wga),transparent)}

/* Sell → Shop profile: glow color picker */
.wg-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 6px}
.wg-sw{width:32px;height:32px;border-radius:50%;padding:0;cursor:pointer;background:var(--c);border:2px solid transparent;box-shadow:inset 0 0 0 1px rgba(0,0,0,.35),0 0 12px -2px var(--c)}
.wg-sw[aria-checked="true"]{border-color:var(--ink);outline:2px solid var(--c);outline-offset:2px}
.wg-sw:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wg-sw-name{font-family:var(--script,Georgia,serif);font-style:italic;font-size:18px;color:var(--ink);margin-left:4px}
.wg-lvl{margin:0 0 4px}