/* Read-only tier surfaces. Never recolor the uploaded seal or profile accent. */
:root {
 --support-bronze:oklch(.8 .14 55);
 --support-silver:oklch(.93 .025 235);
 --support-gold:oklch(.88 .17 90);
 --support-diamond:oklch(.84 .14 225);
 --support-depth:oklch(.15 .012 250);
 --support-line:oklch(.34 .018 240);
 --support-prism:linear-gradient(90deg,oklch(.88 .13 160),oklch(.88 .10 210),oklch(.85 .11 280),oklch(.83 .16 330),oklch(.9 .14 85),oklch(.88 .13 160));
}
html body .si287 .si287-level.si287-bronze,html body #bs-support-all .bshall-level.bshall-tier-bronze{--support-metal:var(--support-bronze)}
html body .si287 .si287-level.si287-prata,html body #bs-support-all .bshall-level.bshall-tier-prata{--support-metal:var(--support-silver)}
html body .si287 .si287-level.si287-ouro,html body #bs-support-all .bshall-level.bshall-tier-ouro{--support-metal:var(--support-gold)}
html body .si287 .si287-level.si287-diamante,html body #bs-support-all .bshall-level.bshall-tier-diamante{--support-metal:var(--support-diamond)}
html body .mc .si287 .si287-level:not(.si287-lendario),html body #bs-support-all .bshall-level:not(.bshall-tier-legend){
 --si-metal:var(--support-metal);--tier:var(--support-metal);
 /* Cartesian mixing darkens metals without turning copper pink or gold green. */
 border-color:color-mix(in oklab,var(--support-metal) 70%,var(--support-line))!important;
 box-shadow:0 0 18px color-mix(in oklch,var(--support-metal) 9%,transparent)!important;
}
html body .mc .si287 .si287-level:not(.si287-lendario):is(:hover,[aria-current]),html body #bs-support-all .bshall-level:not(.bshall-tier-legend):hover{border-color:var(--support-metal)!important}
html body .mc .si287 .si287-level.si287-lendario,html body #bs-support-all .bshall-level.bshall-tier-legend{
 --support-prism-border:conic-gradient(from var(--si294-angle),oklch(.88 .13 160),oklch(.88 .10 210),oklch(.85 .11 280),oklch(.83 .16 330),oklch(.9 .14 85),oklch(.88 .13 160));
 --tier:var(--support-diamond);
 border:1px solid transparent!important;
 background:linear-gradient(var(--support-depth),var(--support-depth)) padding-box,var(--support-prism-border) border-box!important;
 box-shadow:-3px -3px 18px color-mix(in oklch,var(--support-diamond) 15%,transparent),3px 3px 18px color-mix(in oklch,var(--support-gold) 15%,transparent)!important;
 animation:si294-spin 4s linear infinite!important;
}
html body #bs-support-all .bshall-level.bshall-tier-legend::before{background:var(--support-prism);background-size:200% 100%;animation:si294-flow 2.6s linear infinite}
html body #bs-support-all .bshall-level.bshall-tier-legend h3{
 background:var(--support-prism)!important;background-size:200% 100%!important;
 -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
 animation:si294-flow 2.6s linear infinite!important;
}
@media(prefers-reduced-motion:reduce){
 html body .mc .si287 .si287-level.si287-lendario,html body #bs-support-all .bshall-level.bshall-tier-legend,html body #bs-support-all .bshall-level.bshall-tier-legend::before,html body #bs-support-all .bshall-level.bshall-tier-legend h3{animation:none!important}
}