/* v294: seals always fit their tile; tier names flow continuously; Legendary prism is alive. Read-only visuals. */
@property --si294-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
:root{--si294-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))}

/* 1. Seal fits inside each level tile (no overflow). */
body .si287 .si287-level{container-type:inline-size;overflow:hidden}
body .si287 .si287-level .sl290{display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0 0 14px!important;gap:8px}
body .si287 .si287-level .sl290-copy{flex:1 1 auto!important;min-width:0!important;overflow:hidden}
body .si287 .si287-level .sl290-copy :is(small,b){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .si287 .si287-level .sl290-pips{flex:none!important}
@container (max-width:260px){body .si287 .si287-level .sl290-copy small{font-size:8px;letter-spacing:.12em}body .si287 .si287-level .sl290-copy b{font-size:14px}body .si287 .si287-level .sl290-pips{margin-left:2px;padding-left:7px}}
@container (max-width:210px){body .si287 .si287-level .sl290-pips{display:none!important}}

/* 2. Tier names: continuous seamless shine (period = one tile, no pause). */
body:not(#si294a):not(#si294b) .si287-name.si287-name:is(.si287-bronze,.si287-prata,.si287-ouro,.si287-diamante,.si287-lendario){background:linear-gradient(90deg,var(--si-metal) 0%,var(--si-text) 25%,var(--si-metal) 50%,var(--si-text) 75%,var(--si-metal) 100%)!important;background-size:200% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:si294-flow 3.2s linear infinite!important;filter:drop-shadow(0 0 8px color-mix(in oklch,var(--si-metal) 45%,transparent))}
body:not(#si294a):not(#si294b) .si287-name.si287-name.si287-lendario{background-image:var(--si294-prism)!important;animation:si294-flow 2.6s linear infinite!important;filter:drop-shadow(0 0 8px oklch(.85 .11 280 / .45))}

/* 3. Legendary: rainbow cycles everywhere (trail art, trail title, seal, tile border). */
body .bs-apoio-level.tier-legendary .mc281-art,body .sl290-lendario .sl290-gem svg{animation:si294-hue 5s linear infinite!important}
body .bs-apoio-level.tier-legendary .bs-support-level-content strong,body .sl290-lendario .sl290-copy b{background:var(--si294-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}
body .bs-apoio-level.tier-legendary,body .si287 .si287-level.si287-lendario{border:1px solid transparent!important;background:linear-gradient(oklch(.15 .012 250),oklch(.15 .012 250)) padding-box,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)) border-box!important;animation:si294-spin 4s linear infinite}
body .bs-apoio-level.tier-legendary.is-locked{background:linear-gradient(oklch(.13 .01 250),oklch(.13 .01 250)) padding-box,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)) border-box!important}

@keyframes si294-flow{from{background-position:0% 50%}to{background-position:200% 50%}}
@keyframes si294-hue{to{filter:hue-rotate(360deg) drop-shadow(0 0 6px oklch(.85 .11 280 / .5))}}
@keyframes si294-spin{to{--si294-angle:360deg}}
/* Color cycling is kept under reduced motion (no movement); it only slows down. */
@media(prefers-reduced-motion:reduce){body:not(#si294a):not(#si294b) .si287-name.si287-name[class*="si287-"],body .bs-apoio-level.tier-legendary .bs-support-level-content strong{animation-duration:8s!important}body .bs-apoio-level.tier-legendary .mc281-art{animation-duration:12s!important}}

/* v295: account banner is atmosphere, never competing with the panel information. */
body .mc182 .mc182-identity .mc182-cover{opacity:.62!important;filter:saturate(.95) brightness(.85)!important;-webkit-mask-image:radial-gradient(ellipse 85% 95% at 60% 45%,#000 45%,transparent 88%)!important;mask-image:radial-gradient(ellipse 85% 95% at 60% 45%,#000 45%,transparent 88%)!important;background-size:cover!important;background-position:center!important}
body .mc182 .mc182-identity .mc182-cover::after{background:linear-gradient(90deg,oklch(.13 .015 245 / .7),oklch(.13 .015 245 / .2) 55%,oklch(.13 .015 245 / .45))!important}