/* Supporter seal v290 — minimal rectangular plate, metal per tier, holographic Legendary.
   Loaded after every legacy badge sheet; the wrapper reset neutralises old pill styles. */
@property --sl290-angle{syntax:"<angle>";inherits:false;initial-value:0deg}

html body .bs-support-badge.bs-support-seal.bs-support-seal{display:inline-flex;align-items:center;width:auto;max-width:100%;min-height:0;height:auto;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;color:inherit;line-height:0;vertical-align:middle}
html body .bs-support-badge.bs-support-seal.bs-support-seal::before,html body .bs-support-badge.bs-support-seal.bs-support-seal::after{content:none}

.sl290{
  --sl-hi:oklch(.88 .08 62);--sl-mid:oklch(.7 .13 52);--sl-lo:oklch(.48 .1 42);--sl-glow:oklch(.72 .15 52);
  --sl-base:oklch(.15 .012 250);--sl-ink:oklch(.17 .02 250);
  --sl-border:linear-gradient(115deg,var(--sl-hi),var(--sl-lo) 38%,var(--sl-mid) 68%,var(--sl-hi));
  --sl-face:linear-gradient(140deg,var(--sl-hi),var(--sl-mid) 52%,var(--sl-lo));
  position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:10px;box-sizing:border-box;
  height:42px;max-width:100%;padding:0 12px 0 5px;border:1px solid transparent;border-radius:9px;overflow:hidden;
  background:
    linear-gradient(135deg,color-mix(in oklch,var(--sl-mid) 15%,var(--sl-base)),var(--sl-base) 62%) padding-box,
    var(--sl-border) border-box;
  box-shadow:0 0 0 1px color-mix(in oklch,var(--sl-glow) 10%,transparent),0 8px 22px -12px var(--sl-glow),0 0 18px -8px color-mix(in oklch,var(--sl-glow) 60%,transparent);
  font:inherit;line-height:1;white-space:nowrap;letter-spacing:0;text-transform:none;vertical-align:middle;text-align:left;user-select:none
}
.sl290::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(105deg,transparent 38%,color-mix(in oklch,var(--sl-hi) 26%,transparent) 50%,transparent 62%);
  transform:translateX(-110%);animation:sl290-sweep 6s cubic-bezier(.45,0,.2,1) infinite}
.sl290-gem{flex:none;display:grid;place-items:center;width:30px;height:30px;
  clip-path:polygon(25% 3%,75% 3%,99% 50%,75% 97%,25% 97%,1% 50%);background:var(--sl-face);color:var(--sl-ink)}
.sl290-gem svg{display:block;width:16px;height:16px;fill:currentColor;stroke:none;overflow:visible}
.sl290:not(.sl291) .sl290-gem .sl290-cut,.sl290-ouro:not(.sl291) .sl290-gem path+path{fill:none;stroke:var(--sl-hi);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sl290-ouro:not(.sl291) .sl290-gem path+path{stroke:var(--sl-ink);stroke-width:1.8}
.sl290-copy{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0}
.sl290-copy small{display:block;font-size:8px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in oklch,var(--sl-hi) 55%,oklch(.72 .015 250))}
.sl290-copy b{display:block;font-size:14px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;
  background:linear-gradient(100deg,var(--sl-hi) 0%,var(--sl-mid) 30%,var(--sl-hi) 50%,var(--sl-lo) 75%,var(--sl-hi) 100%);background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:sl290-metal 7s linear infinite}
.sl290-pips{display:flex;align-items:center;gap:3px;align-self:stretch;margin-left:4px;padding-left:11px;border-left:1px solid color-mix(in oklch,var(--sl-mid) 28%,transparent)}
.sl290-pips i{display:block;width:3px;height:12px;border-radius:2px;background:color-mix(in oklch,var(--sl-mid) 20%,transparent)}
.sl290-pips i.is-on{background:linear-gradient(var(--sl-hi),var(--sl-mid));box-shadow:0 0 6px color-mix(in oklch,var(--sl-glow) 70%,transparent)}

.sl290-prata{--sl-hi:oklch(.97 .005 250);--sl-mid:oklch(.78 .015 250);--sl-lo:oklch(.54 .02 250);--sl-glow:oklch(.86 .02 250)}
.sl290-ouro{--sl-hi:oklch(.94 .11 95);--sl-mid:oklch(.81 .16 82);--sl-lo:oklch(.58 .13 70);--sl-glow:oklch(.82 .16 85)}
.sl290-diamante{--sl-hi:oklch(.96 .045 215);--sl-mid:oklch(.79 .12 222);--sl-lo:oklch(.55 .14 240);--sl-glow:oklch(.78 .14 225)}

/* Legendary: rotating holographic border, iridescent face and prism lettering. */
.sl290-lendario{
  --sl-hi:oklch(.95 .06 160);--sl-mid:oklch(.85 .11 300);--sl-lo:oklch(.7 .12 330);--sl-glow:oklch(.85 .12 300);
  --sl-prism:oklch(.9 .13 160),oklch(.9 .1 210),oklch(.85 .12 285),oklch(.84 .15 330),oklch(.92 .13 88),oklch(.9 .13 160);
  background:
    linear-gradient(135deg,color-mix(in oklch,oklch(.85 .12 285) 14%,var(--sl-base)),var(--sl-base) 55%,color-mix(in oklch,oklch(.9 .13 160) 10%,var(--sl-base))) padding-box,
    conic-gradient(from var(--sl290-angle),var(--sl-prism)) border-box;
  box-shadow:-3px -2px 14px -6px oklch(.9 .13 160 / .55),3px 3px 16px -6px oklch(.84 .15 330 / .5),0 0 0 1px oklch(.9 .1 210 / .12);
  animation:sl290-spin 5s linear infinite}
.sl290-lendario .sl290-gem{background:linear-gradient(135deg,var(--sl-prism));background-size:200% 200%;animation:sl290-holo 6s ease-in-out infinite}
.sl290-lendario .sl290-copy b{background-image:linear-gradient(100deg,var(--sl-prism));background-size:240% 100%}
.sl290-lendario .sl290-copy small{color:oklch(.86 .05 250)}
.sl290-lendario .sl290-pips i.is-on{background:linear-gradient(oklch(.92 .13 88),oklch(.84 .15 330));box-shadow:0 0 6px oklch(.85 .12 285 / .7)}
.sl290-lendario .sl290-pips i.is-on:nth-child(1){background:oklch(.9 .13 160)}
.sl290-lendario .sl290-pips i.is-on:nth-child(2){background:oklch(.9 .1 210)}
.sl290-lendario .sl290-pips i.is-on:nth-child(3){background:oklch(.85 .12 285)}
.sl290-lendario .sl290-pips i.is-on:nth-child(4){background:oklch(.84 .15 330)}
.sl290-lendario .sl290-pips i.is-on:nth-child(5){background:oklch(.92 .13 88)}
.sl290-lendario::before{background:linear-gradient(105deg,transparent 36%,oklch(1 0 0 / .22) 50%,transparent 64%)}

@keyframes sl290-sweep{0%,62%{transform:translateX(-110%)}100%{transform:translateX(110%)}}
@keyframes sl290-metal{to{background-position:-220% 0}}
@keyframes sl290-spin{to{--sl290-angle:360deg}}
@keyframes sl290-holo{0%,100%{background-position:0 0}50%{background-position:100% 100%}}

/* Account header: centred under the action buttons without growing the header. */
body .mc182 .mc182-seal{line-height:0}
body .mc182 .mc182-seal .sl290{height:40px}
.sl290-sm{height:34px;gap:8px;padding:0 10px 0 4px}
.sl290-sm .sl290-gem{width:25px;height:25px}.sl290-sm .sl290-gem svg{width:13px;height:13px}
.sl290-sm .sl290-copy b{font-size:12px}.sl290-sm .sl290-copy small{font-size:7px}

@media(max-width:650px){body .mc182 .mc182-seal .sl290{height:38px}.sl290-copy b{font-size:13px}}
@media(prefers-reduced-motion:reduce){.sl290,.sl290::before,.sl290-gem,.sl290-copy b{animation:none!important}.sl290::before{display:none}}

/* v291 emblems: each tier has its own forged insignia (no shared hex frame). */
.sl291 .sl290-gem{width:36px;height:36px;clip-path:none;background:none;filter:drop-shadow(0 0 6px color-mix(in oklch,var(--sl-glow) 65%,transparent)) drop-shadow(0 2px 2px oklch(0 0 0 / .5));animation:sl291-float 4.5s ease-in-out infinite}
.sl291 .sl290-gem svg{width:34px;height:34px;fill:initial}
.sl291.sl290-lendario .sl290-gem{background:none;animation:sl291-float 4.5s ease-in-out infinite,sl291-hue 8s linear infinite}
.sl291.sl290-sm .sl290-gem,.sl291.sl290-sm .sl290-gem svg{width:28px;height:28px}
@keyframes sl291-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px)}}
@keyframes sl291-hue{to{filter:hue-rotate(360deg) drop-shadow(0 0 7px oklch(.85 .12 285 / .7))}}
@media(prefers-reduced-motion:reduce){.sl291 .sl290-gem{animation:none!important}}

/* v293 — seal emblem reuses the trail artwork; self-contained colours so it works on every page. */
.sl293{--ach-prism-mint:oklch(.88 .17 160);--ach-prism-ice:oklch(.86 .13 215);--ach-prism-violet:oklch(.77 .17 290);--ach-prism-rose:oklch(.8 .19 340);--ach-prism-gold:oklch(.92 .16 95);--ach-relic-depth:oklch(.13 .012 250);
  width:max-content;max-width:none;gap:9px;padding:0 12px 0 4px}
.sl293.sl290-bronze{--sl-art:oklch(.74 .15 52)}.sl293.sl290-prata{--sl-art:oklch(.86 .02 250)}.sl293.sl290-ouro{--sl-art:oklch(.86 .16 88)}.sl293.sl290-diamante{--sl-art:oklch(.82 .13 215)}.sl293.sl290-lendario{--sl-art:oklch(.86 .12 285)}
.sl293 .sl290-gem{flex:none;display:grid;place-items:center;width:36px;height:36px;color:var(--sl-art);animation:none;filter:drop-shadow(0 0 5px color-mix(in oklch,var(--sl-art) 60%,transparent))}
.sl293.sl290-lendario .sl290-gem{animation:none}
.sl293 .sl290-gem svg.mc281-art{width:36px;height:36px;fill:none;stroke:currentColor;overflow:visible}
.sl293 .mc281-art .mc281-frame{fill:color-mix(in oklch,currentColor 15%,transparent);stroke-width:2.1}
.sl293 .mc281-art .mc281-inner{fill:var(--ach-relic-depth);stroke-width:.9;stroke-opacity:.8}
.sl293 .mc281-art .mc281-f{fill:color-mix(in oklch,currentColor 22%,transparent)}
.sl293 .mc281-art .mc281-dot{fill:currentColor;stroke:none}
.sl293 .mc281-art .mc281-glyph{stroke-width:1.9}
.sl293 .mc282-facets{opacity:.55}
.sl293 .mc282-stop-mint{stop-color:var(--ach-prism-mint)}.sl293 .mc282-stop-ice{stop-color:var(--ach-prism-ice)}.sl293 .mc282-stop-violet{stop-color:var(--ach-prism-violet)}.sl293 .mc282-stop-rose{stop-color:var(--ach-prism-rose)}.sl293 .mc282-stop-gold{stop-color:var(--ach-prism-gold)}
.sl293.sl290-lendario .mc281-glyph{stroke:oklch(.97 .03 250)}
.sl293 .sl290-copy{flex:none;min-width:max-content;gap:2px}
.sl293 .sl290-copy small{font-size:8px;letter-spacing:.14em;white-space:nowrap}
.sl293 .sl290-copy b{font-size:13px;letter-spacing:.08em;white-space:nowrap;overflow:visible;text-overflow:clip}
.sl293 .sl290-pips{flex:none;margin-left:6px}
.sl293.sl290-sm .sl290-gem,.sl293.sl290-sm .sl290-gem svg.mc281-art{width:28px;height:28px}
@media(prefers-reduced-motion:reduce){.sl293 .sl290-gem{animation:none!important}}