.rare-roll-host{position:relative;isolation:isolate}
.rare-roll-main{position:relative;z-index:1}
.rare-roll-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;animation:rare-atmosphere-in 1.1s ease-out both}
.rare-roll-atmosphere::after{content:"";position:absolute;inset:0;pointer-events:none;animation:rare-impact 1.45s ease-out both}
.rare-roll-atmosphere--mythic{background:radial-gradient(ellipse 48% 40% at 50% 14%,#f472b633 0%,#a855f71d 48%,transparent 100%)}
.rare-roll-atmosphere--mythic::after{background:radial-gradient(ellipse at 50% 15%,#ffe1f7a8,transparent 62%)}
.rare-roll-atmosphere--unral{background:radial-gradient(ellipse 47% 38% at 37% 13%,#7adbbc78,transparent 85%),radial-gradient(ellipse 48% 35% at 65% 16%,#f4acc86b,transparent 88%)}
.rare-roll-atmosphere--unral::after{background:radial-gradient(ellipse at 50% 15%,#eefff4dc,#ffe5f2a0 45%,transparent 72%)}
.rare-roll-atmosphere--divine{background:radial-gradient(ellipse 55% 44% at 50% 12%,#fff6cbcc 0%,#f8d96f69 46%,transparent 92%)}
.rare-roll-atmosphere--divine::before{content:"";position:absolute;inset:-35%;background:repeating-conic-gradient(from 0deg at 50% 24%,transparent 0deg 15deg,#f7d16f33 16deg 17deg,transparent 18deg 30deg);mask-image:radial-gradient(ellipse at 50% 24%,#000 8%,transparent 51%);animation:rare-turn 28s linear infinite}
.rare-roll-atmosphere--divine::after{background:radial-gradient(ellipse at 50% 14%,#fffffff2,#fff1b5bd 40%,transparent 72%)}
.rare-roll-atmosphere--singularity{background:radial-gradient(ellipse 42% 31% at 50% 13%,#02030bef 0%,#0b0d23cf 43%,#30344b73 68%,transparent 100%)}
.rare-roll-atmosphere--singularity::after{background:radial-gradient(ellipse at 50% 13%,#0a0d1a,#59617999 35%,transparent 70%);animation:rare-eclipse 1.7s ease-out both}
.rare-roll-atmosphere--aberration{background:radial-gradient(ellipse 48% 38% at 42% 12%,#a371e4a8,transparent 80%),radial-gradient(ellipse 45% 40% at 65% 16%,#caff9270,transparent 85%)}
.rare-roll-atmosphere--aberration::after{background:radial-gradient(ellipse at 50% 15%,#f4eaffd6,#caff9275 50%,transparent 75%)}
.rare-roll-atmosphere--cosmic_horror{background:radial-gradient(ellipse 46% 30% at 50% 14%,#000 0 34%,#12051a 62%,transparent 100%),radial-gradient(ellipse 90% 55% at 50% 108%,#3d6a1f3d,transparent 70%),radial-gradient(ellipse 120% 90% at 50% 30%,#14061d 0%,#07020b 70%,#030105 100%)}
.rare-roll-atmosphere--cosmic_horror::after{background:radial-gradient(ellipse at 50% 13%,#000 0 18%,#b2ff75a8 28%,#61246fab 43%,transparent 74%);animation:rare-horror-impact 2.4s steps(7,end) both}
.rare-roll-atmosphere-glitch{position:absolute;inset:0;opacity:.24;background:repeating-linear-gradient(0deg,transparent 0 4px,#d4ff9d34 5px 6px,transparent 7px 11px);mix-blend-mode:screen;animation:rare-scan 2.8s steps(11,end) infinite}

.rare-roll-stage{position:relative;display:inline-flex;align-items:center;justify-content:center;isolation:isolate}
.rare-roll-stage-card{position:relative;z-index:2}
.rare-roll-stage-fx{position:absolute;inset:0;z-index:1;pointer-events:none;--aura:#f472b6;--aura-soft:#e879f9;--spark:#fff1fb;--ray:#f9a8d4}
.rare-roll-stage--mythic .rare-roll-stage-fx{--aura:#f472b6;--aura-soft:#c084fc;--spark:#fff1fb;--ray:#f9a8d4}
.rare-roll-stage--unral .rare-roll-stage-fx{--aura:#7adbbc;--aura-soft:#f4acc8;--spark:#f9fff9;--ray:#b4f4de}
.rare-roll-stage--divine .rare-roll-stage-fx{--aura:#f6d46d;--aura-soft:#fff9d8;--spark:#fff;--ray:#ffeaa0}
.rare-roll-stage--singularity .rare-roll-stage-fx{--aura:#c9d1eb;--aura-soft:#626b8c;--spark:#fff;--ray:#aeb9d8}
.rare-roll-stage--aberration .rare-roll-stage-fx{--aura:#b895f3;--aura-soft:#caff92;--spark:#ecffdf;--ray:#caff92}
.rare-roll-stage--cosmic_horror .rare-roll-stage-fx{--aura:#9e5abb;--aura-soft:#b1ff76;--spark:#d9ffb2;--ray:#aaff69}
.rare-roll-corona,.rare-roll-rays,.rare-roll-orbit,.rare-roll-spark{position:absolute;display:block;pointer-events:none}
.rare-roll-corona{inset:-85% -55%;border-radius:50%;background:radial-gradient(ellipse,var(--aura-soft) 0%,var(--aura) 24%,transparent 67%);opacity:.38;filter:blur(23px);animation:rare-corona 4s ease-in-out infinite alternate}
.rare-roll-rays{inset:-160% -100%;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 16deg,var(--ray) 17deg 18deg,transparent 19deg 31deg);mask-image:radial-gradient(ellipse,transparent 0%,#000 19%,transparent 58%);opacity:.16;animation:rare-turn 24s linear infinite}
.rare-roll-orbit{left:50%;top:50%;width:142%;height:250%;border:2px solid var(--aura);border-radius:50%;box-shadow:0 0 14px var(--aura),inset 0 0 10px var(--aura-soft);opacity:.62}
.rare-roll-orbit--outer{transform:translate(-50%,-50%) rotate(-18deg);animation:rare-orbit-a 12s linear infinite}
.rare-roll-orbit--inner{width:116%;height:190%;border-width:1px;opacity:.4;transform:translate(-50%,-50%) rotate(24deg);animation:rare-orbit-b 9s linear infinite reverse}
.rare-roll-spark{left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:var(--spark);box-shadow:0 0 8px 3px var(--aura),0 0 17px var(--aura-soft);opacity:0;animation:rare-spark var(--duration) ease-in-out var(--delay) infinite}
.rare-roll-stage--mythic .rare-roll-stage-card{filter:drop-shadow(0 0 18px #f472b6a8);animation:rare-card-arrive .8s ease-out both}
.rare-roll-stage--unral .rare-roll-stage-card{filter:drop-shadow(0 0 21px #7adbbcc0) drop-shadow(0 0 14px #f4acc888);animation:rare-card-arrive .85s ease-out both}
.rare-roll-stage--divine .rare-roll-stage-card{filter:drop-shadow(0 0 24px #fff6cb) drop-shadow(0 0 35px #e8bf59bd);animation:rare-card-arrive .95s ease-out both}
.rare-roll-stage--singularity .rare-roll-stage-card{filter:drop-shadow(0 0 8px #fff) drop-shadow(0 0 30px #69738daa);animation:rare-card-arrive 1.1s ease-out both}
.rare-roll-stage--aberration .rare-roll-stage-card{filter:drop-shadow(0 0 22px #b895f3d9) drop-shadow(0 0 21px #caff9299);animation:rare-card-arrive .9s ease-out both}
.rare-roll-stage--cosmic_horror .rare-roll-stage-card{filter:drop-shadow(0 0 8px #d7ffab) drop-shadow(0 0 39px #7c339cd9);animation:rare-horror-card 1.8s steps(8,end) both,rare-horror-flicker 6s steps(12,end) 1.8s infinite}
.rare-roll-stage--unral .rare-roll-corona{background:conic-gradient(from 30deg,#7adbbc,#f4acc8,#d9fff0,#7adbbc);opacity:.3;animation:rare-corona 3s ease-in-out infinite alternate,rare-turn 18s linear infinite}
.rare-roll-stage--unral .rare-roll-rays{opacity:.26}
.rare-roll-stage--divine .rare-roll-corona{opacity:.55;filter:blur(28px)}
.rare-roll-stage--divine .rare-roll-rays{opacity:.58;animation-duration:18s}
.rare-roll-stage--divine .rare-roll-orbit{border-color:#fff3be;box-shadow:0 0 12px #fff,0 0 28px #edc756,inset 0 0 15px #fff}
.rare-roll-stage--singularity .rare-roll-corona{inset:-110% -75%;opacity:.8;filter:blur(6px);background:radial-gradient(ellipse,#02030b 0 19%,#1f2539 27%,#eef3ff 31%,#58627e 35%,transparent 52%);animation:rare-corona 5s ease-in-out infinite alternate}
.rare-roll-stage--singularity .rare-roll-rays{opacity:.38;animation-duration:14s}
.rare-roll-stage--singularity .rare-roll-orbit{border-color:#b9c4e3;box-shadow:0 0 11px #fff,0 0 31px #8290b8,inset 0 0 15px #dce4ff}
.rare-roll-stage--aberration .rare-roll-corona{background:conic-gradient(#b895f3,#caff92,#593378,#b895f3);opacity:.5;animation:rare-turn 16s linear infinite}
.rare-roll-stage--aberration .rare-roll-rays{opacity:.35}
.rare-roll-stage--transcendent .rare-roll-rays{opacity:.7;animation-duration:13s}
.rare-roll-stage--singularity .rare-roll-corona{inset:-135% -85%;opacity:.95;filter:blur(4px);background:radial-gradient(ellipse,#000 0 19%,#11182a 23%,#f5f8ff 27%,#65718f 32%,transparent 54%)}
.rare-roll-stage--singularity .rare-roll-rays{opacity:.54;animation-duration:10s}
.rare-roll-stage--cosmic_horror .rare-roll-corona{inset:-150% -95%;opacity:.95;filter:blur(7px);background:radial-gradient(ellipse,#000 0 19%,#14081f 24%,#a6ff76 28%,#73328c 35%,transparent 56%);animation:rare-horror-flicker 4.1s steps(9,end) infinite}
.rare-roll-stage--cosmic_horror .rare-roll-rays{opacity:.62;animation-duration:8s;filter:hue-rotate(50deg)}
.rare-roll-stage--cosmic_horror .rare-roll-orbit{border-color:#b5ff80;box-shadow:0 0 12px #b5ff80,0 0 44px #9139ac,inset 0 0 21px #4a195d}
.rare-roll-shockwave{position:absolute;left:50%;top:50%;width:120%;height:220%;border:4px solid #f7faff;border-radius:50%;box-shadow:0 0 22px #fff,0 0 50px #a1b2e2;opacity:0;animation:rare-shockwave 1.7s ease-out .05s both}
.rare-roll-shockwave--late{animation-delay:.4s;border-width:2px}
.rare-roll-stage--cosmic_horror .rare-roll-shockwave{border-color:#caff92;box-shadow:0 0 20px #bbff8f,0 0 55px #8b35a8;animation-duration:2.2s}
.rare-roll-glitch-layer{position:absolute;inset:-18%;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 7px,#c2ff8a45 8px 10px,transparent 11px 22px);opacity:.4;mix-blend-mode:screen;animation:rare-scan 3s steps(13,end) infinite}

.badge-card--unral{border-color:#7adbbc;background:linear-gradient(125deg,#e9fff4,#fff8fc 58%,#ffe8f0);box-shadow:0 0 12px #7adbbc66,0 0 25px #f4acc84d;animation:rare-badge-breathe 4s ease-in-out infinite alternate}
.badge-card--unral .text-prose{color:#184437}
.badge-card--unral .text-prose-2,.badge-card--unral .text-prose-3{color:#4a695e}
.badge-card--divine{border-color:#d8b654;background:linear-gradient(115deg,#fff,#fff6d7 40%,#fff 65%,#ffeab4);background-size:220% 100%;box-shadow:0 0 14px #fff4bd,0 0 26px #e6c7647d;animation:rare-badge-shine 5s linear infinite}
.badge-card--divine .text-prose{color:#654b14}
.badge-card--divine .text-prose-2,.badge-card--divine .text-prose-3{color:#765f32}
.badge-card--singularity{border-color:#727c99;background:radial-gradient(circle at 50% -35%,#3a4562,#141824 60%,#06080d);box-shadow:0 0 8px #fff8,0 0 28px #56617eaa,inset 0 0 18px #000;animation:rare-badge-breathe 3.2s ease-in-out infinite alternate}
.badge-card--singularity .text-prose{color:#fff}
.badge-card--singularity .text-prose-2,.badge-card--singularity .text-prose-3{color:#cbd2e2}
.badge-card--singularity .border-outline-subtle{border-color:#606b82}
.badge-card--singularity .bg-ep-surface{background:#292f40;color:#fff;border-color:#a4aec8}
.badge-card--singularity .rank-singularity-pill{background:#050609;border-color:#b6bfd4}
.badge-card--aberration{border-color:#a179de;background:linear-gradient(125deg,#26163c,#51316b 55%,#9fc87d);box-shadow:0 0 20px #aa80e482;animation:rare-badge-breathe 3.4s ease-in-out infinite alternate}
.badge-card--cosmic_horror{border-color:#a9f47a;background:radial-gradient(circle at 55% -35%,#4b1c58,#140c21 52%,#020105);box-shadow:0 0 14px #aaff7a99,0 0 44px #7c2f979c;animation:rare-horror-flicker 5s steps(11,end) infinite}
.badge-card--aberration .text-prose,.badge-card--cosmic_horror .text-prose{color:#f5f0ff}
.badge-card--aberration .text-prose-2,.badge-card--aberration .text-prose-3,.badge-card--cosmic_horror .text-prose-2,.badge-card--cosmic_horror .text-prose-3{color:#d5cbe1}
.badge-card--aberration .bg-ep-surface,.badge-card--cosmic_horror .bg-ep-surface{background:#282034;color:#e6ffcf;border-color:#adce85}

.ranked-mini{isolation:isolate}
.ranked-mini--unral,.ranked-mini--aberration,.ranked-mini--divine,.ranked-mini--transcendent,.ranked-mini--singularity,.ranked-mini--cosmic_horror{animation:ranked-mini-aura 3.2s ease-in-out infinite alternate}
.ranked-mini--aberration{box-shadow:0 0 8px #b895f3,0 0 20px #caff927a}
.ranked-mini--divine{box-shadow:0 0 10px #fff,0 0 25px #e9c65f}
.ranked-mini--singularity{box-shadow:0 0 9px #fff,0 0 31px #8a98bc,0 0 47px #14182e}
.ranked-mini--cosmic_horror{box-shadow:0 0 10px #b4ff85,0 0 28px #993faf;animation:ranked-mini-glitch 4s steps(8,end) infinite}
.ranked-list-row--aberration{background:linear-gradient(90deg,#b895f320,transparent 65%)}
.ranked-list-row--divine{background:linear-gradient(90deg,#f6d46d25,transparent 65%)}
.ranked-list-row--transcendent{background:linear-gradient(90deg,#f7add438,transparent 70%)}
.ranked-list-row--singularity{background:linear-gradient(90deg,#7181a236,transparent 70%)}
.ranked-list-row--cosmic_horror{background:linear-gradient(90deg,#6b27803a,#a9ff7621 45%,transparent 85%)}
.ranked-feed--aberration,.ranked-feed--divine,.ranked-feed--transcendent,.ranked-feed--singularity,.ranked-feed--cosmic_horror{box-shadow:0 0 14px #a9b6da55}
.today-best--aberration,.today-best--divine,.today-best--transcendent,.today-best--singularity,.today-best--cosmic_horror{box-shadow:0 0 25px #a9b6da88}

@keyframes rare-atmosphere-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@keyframes rare-impact{0%{opacity:0;transform:scale(.35)}25%{opacity:1}100%{opacity:0;transform:scale(1.45)}}
@keyframes rare-eclipse{0%{opacity:0;transform:scale(2)}35%{opacity:1}100%{opacity:0;transform:scale(.7)}}
@keyframes rare-corona{from{transform:scale(.86);opacity:.27}to{transform:scale(1.14);opacity:.58}}
@keyframes rare-turn{to{transform:rotate(360deg)}}
@keyframes rare-orbit-a{from{transform:translate(-50%,-50%) rotate(-18deg)}to{transform:translate(-50%,-50%) rotate(342deg)}}
@keyframes rare-orbit-b{from{transform:translate(-50%,-50%) rotate(24deg)}to{transform:translate(-50%,-50%) rotate(384deg)}}
@keyframes rare-spark{0%,100%{opacity:0;transform:translateY(9px) scale(.4)}38%,65%{opacity:1;transform:translateY(-10px) scale(1.35)}}
@keyframes rare-card-arrive{0%{opacity:.5;transform:scale(.88);filter:brightness(1.8)}55%{opacity:1;transform:scale(1.08)}100%{opacity:1;transform:scale(1)}}
@keyframes rare-badge-breathe{from{filter:brightness(1)}to{filter:brightness(1.12)}}
@keyframes rare-badge-shine{from{background-position:120% 0}to{background-position:-100% 0}}
@keyframes rare-shockwave{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}12%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(2.9)}}
@keyframes rare-horror-impact{0%{opacity:0;transform:scale(2)}18%{opacity:1;filter:invert(1)}30%{filter:none}55%{opacity:.8;transform:scale(.68)}100%{opacity:0;transform:scale(1.45)}}
@keyframes rare-horror-card{0%{opacity:0;transform:scale(1.4) skew(9deg);filter:invert(1)}20%{opacity:1;transform:scale(.85) skew(-7deg)}40%{transform:scale(1.12) skew(3deg);filter:none}70%{transform:scale(.98) skew(-1deg)}100%{transform:scale(1)}}
@keyframes rare-horror-flicker{0%,72%,79%,100%{opacity:1;filter:none}74%,77%{opacity:.58;filter:hue-rotate(150deg)}82%{opacity:.8;filter:contrast(1.8)}}
@keyframes rare-scan{0%{transform:translateY(-9%) skewX(0)}33%{transform:translateY(7%) skewX(2deg)}66%{transform:translateY(-2%) skewX(-3deg)}100%{transform:translateY(9%) skewX(0)}}
@keyframes ranked-mini-aura{from{filter:brightness(1)}to{filter:brightness(1.13)}}
@keyframes ranked-mini-glitch{0%,89%,100%{filter:none;transform:none}91%{filter:hue-rotate(65deg);transform:translateX(1px)}94%{filter:contrast(1.5);transform:translateX(-1px)}}
@media(prefers-reduced-motion:reduce){.rare-roll-atmosphere,.rare-roll-atmosphere::before,.rare-roll-atmosphere::after,.rare-roll-atmosphere-glitch,.rare-roll-corona,.rare-roll-rays,.rare-roll-orbit,.rare-roll-spark,.rare-roll-shockwave,.rare-roll-glitch-layer,.rare-roll-stage-card,.badge-card--unral,.badge-card--aberration,.badge-card--divine,.badge-card--transcendent,.badge-card--singularity,.badge-card--cosmic_horror,.ranked-mini{animation:none!important}.rare-roll-spark{opacity:.7}}

/* Living auras: no screen-sized entrance flash or clipped bloom. */
.rare-roll-atmosphere{animation:none;isolation:isolate}
.rare-roll-atmosphere::after{content:none;animation:none}
.rare-atmosphere-mote{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:var(--mote,#fff);box-shadow:0 0 12px 3px var(--mote-glow,#fff8);opacity:.35;animation:rare-mote-drift var(--duration) ease-in-out var(--delay) infinite alternate}
.rare-roll-rays{inset:-58% -48%;opacity:.18}
.rare-roll-orbit{width:126%;height:160%;opacity:.46}
.rare-roll-orbit--inner{width:110%;height:143%;opacity:.28}
.rare-roll-spark{animation:rare-spark-drift var(--duration) ease-in-out var(--delay) infinite alternate}
.rare-roll-wisp{position:absolute;left:50%;top:50%;width:12%;height:3px;border-radius:100%;background:linear-gradient(90deg,transparent,var(--aura-soft),var(--spark),transparent);filter:blur(2px);opacity:.25;transform-origin:0 50%;animation:rare-wisp-sweep var(--duration) ease-in-out var(--delay) infinite alternate}
.rare-roll-stage--trashest .rare-roll-rays,.rare-roll-stage--trashest .rare-roll-orbit{display:none}
.rare-roll-stage--trashest .rare-roll-stage-fx{--aura:#99909a;--aura-soft:#bcb5bb;--spark:#aaa3aa}
.rare-roll-stage--trashest .rare-roll-corona{inset:-20% -16%;background:radial-gradient(ellipse,#a79fa92d,transparent 72%);filter:blur(10px);opacity:.35;animation:rare-corona 6s ease-in-out infinite alternate}
.rare-roll-stage--trashest .rare-roll-spark{box-shadow:0 0 3px #b9afb6;opacity:.28}
.rare-roll-atmosphere--trashest{background:radial-gradient(ellipse 28% 16% at 50% 17%,#8d859019,transparent 100%)}
.rare-roll-atmosphere--unral{--mote:#dcffe9;--mote-glow:#7adbbc7a;background:radial-gradient(ellipse 44% 35% at 42% 17%,#7adbbc52,transparent 86%),radial-gradient(ellipse 35% 29% at 62% 19%,#f4acc852,transparent 90%);animation:rare-ambient-breathe 8s ease-in-out infinite alternate}
.rare-roll-stage--unral .rare-roll-wisp{background:linear-gradient(90deg,transparent,#7adbbc,#f4acc8,transparent);opacity:.52}

/* Chromatic aberration splits light into restless red and blue edges. */
.rare-roll-atmosphere--aberration{--mote:#fff;--mote-glow:#ff4c76a8;background:radial-gradient(ellipse 34% 31% at 38% 17%,#ff345b75,transparent 90%),radial-gradient(ellipse 34% 31% at 62% 18%,#378fff7a,transparent 90%),radial-gradient(ellipse 24% 20% at 51% 15%,#e6d8ff5e,transparent 90%);animation:rare-chroma-ambient 7s ease-in-out infinite}
.rare-roll-stage--aberration .rare-roll-stage-fx{--aura:#ff466a;--aura-soft:#459dff;--spark:#fff;--ray:#ff466a}
.rare-roll-stage--aberration .rare-roll-corona{background:radial-gradient(ellipse at 42% 50%,#ff3f7380,transparent 57%),radial-gradient(ellipse at 58% 50%,#3d9fff8c,transparent 57%);filter:blur(14px);opacity:.65;animation:rare-chroma-corona 3.7s ease-in-out infinite alternate}
.rare-roll-stage--aberration .rare-roll-rays{background:repeating-conic-gradient(from 0deg,transparent 0 14deg,#ff3b6270 15deg 16deg,transparent 17deg 27deg,#3b91ff75 28deg 29deg,transparent 30deg 40deg);opacity:.45;animation:rare-turn 14s linear infinite}
.rare-roll-stage--aberration .rare-roll-orbit--outer{border-color:#ff4d73;box-shadow:0 0 13px #ff3a66;animation:rare-chroma-orbit-red 7s ease-in-out infinite alternate}
.rare-roll-stage--aberration .rare-roll-orbit--inner{border-color:#459dff;box-shadow:0 0 13px #368dff;animation:rare-chroma-orbit-blue 6.5s ease-in-out infinite alternate}
.rare-roll-stage--aberration .rare-roll-stage-card{filter:drop-shadow(-7px 0 13px #ff355dd1) drop-shadow(7px 0 13px #3d9bffdb)}
.rare-roll-stage--aberration .rare-roll-wisp{background:linear-gradient(90deg,transparent,#ff4367,#fff,#419bff,transparent);opacity:.62}
.rare-roll-chroma{position:absolute;inset:-14% -8%;border-radius:22px;opacity:.24;filter:blur(8px);pointer-events:none}
.rare-roll-chroma--red{border:4px solid #ff2f5a;box-shadow:0 0 35px #ff2f5a;animation:rare-chroma-red 4.8s steps(7,end) infinite}
.rare-roll-chroma--blue{border:4px solid #319bff;box-shadow:0 0 35px #319bff;animation:rare-chroma-blue 5.3s steps(9,end) infinite}
.rank-aberration-surface{background:linear-gradient(122deg,#281126,#42305d 48%,#1b3158)}
.rank-aberration-feed{background:linear-gradient(120deg,#ffe4ea,#f4e5fa 50%,#e3efff)}
.rank-aberration-pill{background:linear-gradient(105deg,#ff446a,#593b88 50%,#4299ff)}
.rank-aberration-border{border-color:#b67acb}
.rank-aberration-text,.rank-aberration-number{color:#fff;text-shadow:-2px 0 #ff365f,2px 0 #3b9cff,0 0 8px #fff;animation:rare-chroma-text 4.8s steps(8,end) infinite}
.rank-aberration-glow{box-shadow:-9px 0 20px #ff355d8c,9px 0 20px #398dff8c}
.badge-card--aberration{border-color:#b67acb;background:linear-gradient(110deg,#2b162e,#392656 52%,#1c3053);box-shadow:-6px 0 14px #ff41636b,6px 0 14px #3b92ff78;animation:rare-chroma-card 5s steps(10,end) infinite}
.ranked-mini--aberration{box-shadow:-3px 0 10px #ff365f88,3px 0 10px #399bff99}

/* Transcendent keeps the light motif, entirely rose and white. */
.rare-roll-atmosphere--transcendent{--mote:#fff;--mote-glow:#f7a8d4;background:radial-gradient(ellipse 48% 37% at 50% 18%,#fff9fce3,#f6b6d997 42%,transparent 92%),radial-gradient(ellipse 27% 25% at 36% 20%,#fff8,transparent 90%);animation:rare-ambient-breathe 6.8s ease-in-out infinite alternate}
.rare-roll-stage--transcendent .rare-roll-stage-fx{--aura:#f7add4;--aura-soft:#fff;--spark:#fff;--ray:#fff1f8}
.rare-roll-stage--transcendent .rare-roll-corona{background:radial-gradient(ellipse,#fff 0%,#fff6fc 19%,#f6a8cf 43%,transparent 72%);opacity:.63;filter:blur(22px);animation:rare-corona 4s ease-in-out infinite alternate}
.rare-roll-stage--transcendent .rare-roll-stage-card{filter:drop-shadow(0 0 24px #fff) drop-shadow(0 0 42px #f5a7cf)}
.rare-roll-stage--transcendent .rare-roll-orbit{border-color:#fff;box-shadow:0 0 15px #fff,0 0 24px #f5a7cf}
.rare-roll-stage--transcendent .rare-roll-wisp{background:linear-gradient(90deg,transparent,#f7a8d4,#fff,#f7a8d4,transparent);opacity:.7}
.rank-transcendent-surface{background:linear-gradient(125deg,#fff,#ffe8f4 45%,#f6b3d6 75%,#fff)}
.rank-transcendent-feed{background:linear-gradient(125deg,#fff,#ffe6f2,#f7bddb)}
.rank-transcendent-pill{background:linear-gradient(120deg,#fff,#ffcbe5)}
.rank-transcendent-border{border-color:#d58bad}
.rank-transcendent-text,.rank-transcendent-number{color:#713956;text-shadow:0 0 8px #fff}
.rank-transcendent-glow{box-shadow:0 0 27px #fff,0 0 50px #f6a9cf9c}
.badge-card--transcendent{border-color:#d58bad;background:linear-gradient(115deg,#fff,#ffe6f2 50%,#f8c3de 75%,#fff);background-size:220% 100%;box-shadow:0 0 20px #fff,0 0 38px #f2a6cc9c}
.badge-card--transcendent .text-prose{color:#713956}
.badge-card--transcendent .text-prose-2,.badge-card--transcendent .text-prose-3{color:#8e5976}
.ranked-mini--transcendent{box-shadow:0 0 12px #fff,0 0 30px #f5a3cd}

/* Singularity bends light around a dark center instead of filling the screen. */
.rare-roll-atmosphere--singularity{--mote:#e8ecff;--mote-glow:#939bc4;background:radial-gradient(ellipse 25% 28% at 50% 19%,#010107e8 0 42%,#f2f4ff94 48%,#60688745 56%,transparent 82%);animation:rare-singularity-breathe 6s ease-in-out infinite alternate}
.rare-roll-stage--singularity .rare-roll-stage-fx{--aura:#d4dcf2;--aura-soft:#67738f;--spark:#f6f8ff;--ray:#d8dff7}
.rare-roll-stage--singularity .rare-roll-corona{inset:-72% -48%;background:radial-gradient(ellipse,#000 0 21%,#e8eeff 26%,#7785ab 30%,transparent 60%);filter:blur(6px);opacity:.78;animation:rare-gravity-pulse 6s ease-in-out infinite alternate}
.rare-roll-stage--singularity .rare-roll-rays{opacity:.58;background:repeating-conic-gradient(from 0deg,transparent 0 9deg,#e9eeff8a 10deg 11deg,transparent 12deg 25deg);animation:rare-turn 8s linear infinite}
.rare-roll-stage--singularity .rare-roll-orbit--outer{width:148%;height:82%;border-color:#dce4ff;box-shadow:0 0 14px #fff,0 0 30px #62708f;transform:translate(-50%,-50%) rotate(-20deg);animation:rare-accretion-a 7s linear infinite}
.rare-roll-stage--singularity .rare-roll-orbit--inner{width:166%;height:65%;border-color:#7482a5;box-shadow:0 0 13px #a7b1d0;transform:translate(-50%,-50%) rotate(20deg);animation:rare-accretion-b 9s linear infinite reverse}
.rare-roll-stage--singularity .rare-roll-spark{animation:rare-infall var(--duration) linear var(--delay) infinite}
.rare-roll-stage--singularity .rare-roll-wisp{background:linear-gradient(90deg,transparent,#67738f,#fff,transparent);opacity:.62;filter:blur(1px)}
.rare-roll-horizon{position:absolute;left:50%;top:50%;width:78%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#000 0 46%,#080a14 49%,#dfe7ff 52%,transparent 58%);box-shadow:0 0 18px #fff8,0 0 38px #67718d80;animation:rare-gravity-pulse 5.5s ease-in-out infinite alternate}
.rare-roll-horizon::before{content:"";position:absolute;inset:-13%;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 15%,#fff9 22%,#8190b8 32%,transparent 39% 55%,#fff 62%,#667390 73%,transparent 83%);mask-image:radial-gradient(circle,transparent 0 45%,#000 48% 56%,transparent 61%);animation:rare-turn 5s linear infinite}
.rare-roll-horizon::after{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,#000 0 46%,transparent 58%)}
.rare-roll-accretion{position:absolute;left:50%;top:50%;width:166%;height:86%;border-radius:50%;background:conic-gradient(from 15deg,#fff0 0 12%,#d9e1ff 18%,#667394 26%,#fff0 35% 49%,#f8fbff 56%,#7884a8 66%,#fff0 78% 100%);mask-image:radial-gradient(ellipse,transparent 0 48%,#000 54% 63%,transparent 69%);filter:drop-shadow(0 0 8px #f6f8ff);opacity:.8;animation:rare-accretion-spin var(--speed) linear infinite}
.rare-roll-stage--singularity .rare-roll-stage-card{filter:drop-shadow(0 0 12px #fff) drop-shadow(0 0 32px #67718d)}
.rare-roll-stage--singularity .rare-roll-shockwave{width:95%;height:145%;border-width:2px;animation:rare-gravity-wave 8s ease-out infinite}
.rare-roll-stage--singularity .rare-roll-shockwave--late{animation-delay:-4s}
.rare-roll-stage--cosmic_horror .rare-roll-horizon{background:radial-gradient(circle,#000 0 46%,#1d0b26 50%,#b1ff78 53%,transparent 60%);box-shadow:0 0 25px #b1ff78,0 0 45px #8a39a4}
.rare-roll-stage--cosmic_horror .rare-roll-accretion{background:conic-gradient(from 15deg,#fff0 0 12%,#c8ff8f 18%,#71368a 26%,#fff0 35% 49%,#d6ffac 56%,#9437a8 66%,#fff0 78% 100%);filter:drop-shadow(0 0 9px #a8ff70)}
.rare-roll-stage--cosmic_horror .rare-roll-wisp{background:linear-gradient(90deg,transparent,#c9ff85,#a156c7,transparent);opacity:.65}

.rank-trashest-surface{background:linear-gradient(135deg,#4b454d,#746d74)}
.rank-trashest-feed{background:#e8e3e7}
.rank-trashest-pill{background:#4b454d}
.rank-trashest-border{border-color:#867d88}
.rank-trashest-text,.rank-trashest-number{color:#f5f0f2}
.rank-trashest-glow{box-shadow:0 0 9px #8f879055}
.rank-secret-pill{background:linear-gradient(110deg,#291632,#704781)}
.rank-secret-text{color:#f9eaff}
.rank-secret-border{border-color:#b677ce}
.badge-card--secret{background:linear-gradient(120deg,#21152b,#50315d);border-color:#b677ce;box-shadow:0 0 14px #ba79d288}
.badge-card--secret .text-prose{color:#fff}
.badge-card--secret .text-prose-2,.badge-card--secret .text-prose-3{color:#e3cdec}
.badge-card--secret .bg-ep-surface{background:#3c2449;border-color:#d29ae3;color:#fff}
.badge-layer-heading{font-size:.67rem;letter-spacing:.13em;text-transform:uppercase;color:var(--prose-3);padding:.4rem .2rem .1rem;border-top:1px solid var(--outline-subtle)}

@keyframes rare-mote-drift{from{opacity:.13;transform:translate3d(0,4px,0) scale(.7)}to{opacity:.65;transform:translate3d(var(--drift),-16px,0) scale(1.4)}}
@keyframes rare-spark-drift{from{opacity:.08;transform:translate3d(0,8px,0) scale(.45)}to{opacity:.9;transform:translate3d(var(--dx),var(--dy),0) scale(1.25)}}
@keyframes rare-wisp-sweep{from{opacity:.09;transform:rotate(var(--turn)) translateX(var(--distance)) scaleX(.5)}to{opacity:.7;transform:rotate(calc(var(--turn) + 75deg)) translateX(calc(var(--distance) + 20px)) scaleX(1.6)}}
@keyframes rare-ambient-breathe{from{filter:brightness(.86);background-position:0 0}to{filter:brightness(1.1);background-position:2vw 1vh}}
@keyframes rare-chroma-ambient{0%,100%{filter:brightness(.85) hue-rotate(0deg)}25%{filter:brightness(1.23) hue-rotate(-9deg)}50%{filter:brightness(.9) hue-rotate(9deg)}75%{filter:brightness(1.17) hue-rotate(-5deg)}}
@keyframes rare-chroma-corona{from{transform:translateX(-5px) scale(.96)}to{transform:translateX(5px) scale(1.08)}}
@keyframes rare-chroma-orbit-red{from{transform:translate(-51%,-50%) rotate(-24deg);opacity:.45}to{transform:translate(-47%,-50%) rotate(7deg);opacity:.85}}
@keyframes rare-chroma-orbit-blue{from{transform:translate(-48%,-50%) rotate(25deg);opacity:.82}to{transform:translate(-53%,-50%) rotate(-5deg);opacity:.4}}
@keyframes rare-chroma-red{0%,88%,100%{transform:translateX(-3px);opacity:.2}90%,93%{transform:translateX(-9px);opacity:.7}}
@keyframes rare-chroma-blue{0%,84%,100%{transform:translateX(3px);opacity:.2}87%,91%{transform:translateX(9px);opacity:.72}}
@keyframes rare-chroma-text{0%,87%,100%{text-shadow:-2px 0 #ff365f,2px 0 #3b9cff,0 0 8px #fff}89%,93%{text-shadow:-5px 0 #ff365f,5px 0 #3b9cff,0 0 12px #fff}}
@keyframes rare-chroma-card{0%,87%,100%{filter:brightness(1)}89%,93%{filter:brightness(1.35)}}
@keyframes rare-singularity-breathe{from{filter:brightness(.78)}to{filter:brightness(1.15)}}
@keyframes rare-gravity-pulse{from{opacity:.6;filter:brightness(.75) blur(1px)}to{opacity:.92;filter:brightness(1.18) blur(0)}}
@keyframes rare-accretion-a{to{transform:translate(-50%,-50%) rotate(340deg)}}
@keyframes rare-accretion-b{to{transform:translate(-50%,-50%) rotate(380deg)}}
@keyframes rare-accretion-spin{from{transform:translate(-50%,-50%) rotate(-18deg)}to{transform:translate(-50%,-50%) rotate(342deg)}}
@keyframes rare-infall{from{left:var(--x);top:var(--y);opacity:.9;transform:scale(1)}to{left:50%;top:50%;opacity:0;transform:scale(.1)}}
@keyframes rare-gravity-wave{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}12%{opacity:.55}40%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.7)}}
@media(prefers-reduced-motion:reduce){.rare-atmosphere-mote,.rare-roll-wisp,.rare-roll-horizon,.rare-roll-horizon::before,.rare-roll-accretion,.rare-roll-chroma,.rank-aberration-number,.rank-aberration-text,.badge-card--aberration{animation:none!important}.rare-roll-atmosphere{animation:none!important}}

/* Numinous Ineffability: the card is the body, with living wings rooted to its edges. */
.rare-roll-atmosphere--numinous_ineffability{--mote:#fff8e6;--mote-glow:#efdfa4b0;background:radial-gradient(ellipse 62% 53% at 50% 15%,#d5c8dd80 0%,#a69bba69 23%,#4d496e5e 53%,transparent 93%),radial-gradient(ellipse 38% 28% at 50% 15%,#fff0ce66,transparent 90%);animation:rare-ambient-breathe 8s ease-in-out infinite alternate}
.rare-roll-stage--numinous_ineffability .rare-roll-stage-fx{--aura:#e8d8b9;--aura-soft:#fff7e7;--spark:#fffaf0;--ray:#f8e7c4;overflow:visible}
.rare-roll-stage--numinous_ineffability .rare-roll-stage-fx::before{content:"";position:absolute;inset:-115% -78%;border-radius:50%;background:radial-gradient(ellipse,#080914 0 21%,#fff5e9ab 25%,#d7c9dc83 32%,#7b779d61 43%,transparent 71%);filter:blur(11px);animation:numinous-heartbeat 5.5s ease-in-out infinite alternate}
.rare-roll-stage--numinous_ineffability .rare-roll-corona{inset:-125% -85%;background:conic-gradient(from 20deg,#fff0 0 12%,#f7e9d677 18%,#fff0 26% 43%,#b4a4cb66 49%,#fff0 57% 72%,#fff7d87a 80%,#fff0 87%);filter:blur(16px);opacity:.75;animation:rare-turn 35s linear infinite}
.rare-roll-stage--numinous_ineffability .rare-roll-rays{opacity:.22;animation-duration:38s}
.rare-roll-stage--numinous_ineffability .rare-roll-orbit{border-color:#f5e8ca;opacity:.65;box-shadow:0 0 12px #fff3ce,0 0 38px #cbbce7a8,inset 0 0 21px #f4eadb94;animation-duration:24s}
.rare-roll-stage--numinous_ineffability .rare-roll-orbit--inner{opacity:.4;animation-duration:17s}
.rare-roll-stage--numinous_ineffability .rare-roll-stage-card{filter:drop-shadow(0 0 14px #fff5d8) drop-shadow(0 0 52px #c5b5ded9)}
.rare-roll-stage--numinous_ineffability .rare-roll-shockwave{border:2px solid #fff5df;box-shadow:0 0 17px #fff6df,0 0 48px #cbbce8,inset 0 0 20px #f6ead1;animation-duration:3.4s}
.rare-roll-stage--numinous_ineffability .rare-roll-shockwave--late{animation-delay:1.7s}
.numinous-being{position:absolute;inset:0;z-index:1;pointer-events:none;perspective:900px}
.numinous-wing{position:absolute;top:50%;width:clamp(145px,27vw,285px);height:auto;overflow:visible;filter:drop-shadow(0 0 10px #fff5ddcc) drop-shadow(0 0 24px #b9aacf8c);transform-origin:0 55%;will-change:transform}
.numinous-wing--left{left:10px;animation:numinous-left-flap 5.3s cubic-bezier(.46,.02,.5,.98) infinite alternate}
.numinous-wing--right{left:calc(100% - 10px);animation:numinous-right-flap 5.3s cubic-bezier(.46,.02,.5,.98) -.52s infinite alternate}
.numinous-feather{transform-box:fill-box;transform-origin:12% 12%;animation:numinous-feather-flex var(--feather-flex) ease-in-out var(--feather-delay) infinite alternate}
.numinous-covert{transform-box:fill-box;transform-origin:10% 30%;animation:numinous-covert-flex 3s ease-in-out var(--feather-delay) infinite alternate}
.numinous-eye{position:absolute;z-index:5;left:50%;top:-30px;width:86px;height:51px;overflow:visible;transform:translateX(-50%);filter:drop-shadow(0 0 7px #fff8e3) drop-shadow(0 0 22px #e4d4b2);animation:numinous-watch 5.2s ease-in-out infinite}
.numinous-iris,.numinous-pupil{animation:numinous-gaze 6.2s ease-in-out infinite alternate;transform-origin:55px 31px}
.numinous-lens{position:absolute;left:50%;top:50%;z-index:4;width:clamp(150px,31vw,385px);height:clamp(72px,14vw,190px);border:2px solid #fff5ddbd;border-radius:50%;pointer-events:none;backdrop-filter:blur(1.7px) contrast(1.22);box-shadow:inset 0 0 18px #fff5dfa3,0 0 23px #fff2dbab,0 0 52px #c8b7e883;animation:numinous-lensing 4.8s cubic-bezier(.12,.29,.12,1) infinite}
.numinous-lens--two{animation-delay:2.4s}
.badge-card--numinous_ineffability{border-color:#e8d8b9;background:radial-gradient(circle at 50% -40%,#69627e,#222033 51%,#090b18);color:#fff8eb;box-shadow:0 0 18px #fff3d3bc,0 0 50px #b2a4d38c;animation:numinous-badge 5.8s ease-in-out infinite alternate}
.badge-card--numinous_ineffability .text-prose{color:#fff8eb}
.badge-card--numinous_ineffability .text-prose-2,.badge-card--numinous_ineffability .text-prose-3{color:#dfd4e9}
.badge-card--numinous_ineffability .bg-ep-surface{background:#303044;color:#fff3d3;border-color:#d6c7a5}
.ranked-mini--numinous_ineffability{box-shadow:0 0 12px #f7e9d4,0 0 34px #a99bc7;animation:numinous-badge 5.8s ease-in-out infinite alternate}
.ranked-list-row--numinous_ineffability{background:linear-gradient(90deg,#d8c7ab3d,#a99dc837 48%,transparent 85%)}
.ranked-feed--numinous_ineffability,.today-best--numinous_ineffability{box-shadow:0 0 31px #d2c4a7a8}
@keyframes numinous-left-flap{0%{transform:translateY(-55%) scaleX(-1) rotate(-13deg) rotateY(-11deg)}50%{transform:translateY(-55%) scaleX(-1) rotate(1deg) rotateY(4deg)}100%{transform:translateY(-55%) scaleX(-1) rotate(11deg) rotateY(13deg)}}
@keyframes numinous-right-flap{0%{transform:translateY(-55%) rotate(-13deg) rotateY(-11deg)}50%{transform:translateY(-55%) rotate(1deg) rotateY(4deg)}100%{transform:translateY(-55%) rotate(11deg) rotateY(13deg)}}
@keyframes numinous-feather-flex{from{transform:rotate(-5deg) scaleY(.93)}to{transform:rotate(5deg) scaleY(1.07)}}
@keyframes numinous-covert-flex{from{transform:rotate(-2deg)}to{transform:rotate(3deg)}}
@keyframes numinous-heartbeat{from{opacity:.58;transform:scale(.89)}to{opacity:1;transform:scale(1.13)}}
@keyframes numinous-watch{0%,100%{opacity:.78}50%{opacity:1}}
@keyframes numinous-gaze{0%,15%{transform:translateX(-4px)}45%,60%{transform:translateX(4px)}90%,100%{transform:translateX(0)}}
@keyframes numinous-lensing{0%{opacity:0;transform:translate(-50%,-50%) scale(.28)}10%{opacity:.88}58%{opacity:.48}100%{opacity:0;transform:translate(-50%,-50%) scale(2.45)}}
@keyframes numinous-badge{from{filter:brightness(.92)}to{filter:brightness(1.24)}}
@media(max-width:600px){.numinous-wing{width:148px}.numinous-eye{width:68px;height:40px;top:-23px}.numinous-lens{width:155px;height:76px}}
@media(prefers-reduced-motion:reduce){.numinous-wing,.numinous-feather,.numinous-covert,.numinous-eye,.numinous-iris,.numinous-pupil,.numinous-upper-lid,.numinous-lens,.badge-card--numinous_ineffability,.ranked-mini--numinous_ineffability{animation:none!important}.numinous-wing--left{transform:translateY(-55%) scaleX(-1)}.numinous-wing--right{transform:translateY(-55%)}.numinous-lens{display:none}}

/* Rays now radiate from a visible sun. Their center no longer travels with a rotated backdrop. */
.rare-roll-atmosphere--divine::before,.rare-roll-atmosphere--transcendent::before{inset:0;animation:none;background:repeating-conic-gradient(from -5deg at 50% 17%,transparent 0deg 12deg,#fff6d157 13deg 14deg,transparent 15deg 28deg);mask-image:radial-gradient(circle at 50% 17%,transparent 0 42px,#000 75px,transparent 46%)}
.rare-roll-atmosphere--transcendent::before{background:repeating-conic-gradient(from 5deg at 50% 17%,transparent 0deg 11deg,#fff0f676 12deg 13deg,transparent 14deg 27deg)}
.rare-atmosphere-sun{position:absolute;left:50%;top:17%;width:94px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:48% 52% 44% 56%;background:radial-gradient(circle at 43% 38%,#fff 0 13%,#fff9d9 29%,#f7d47b 53%,#c99c425a 70%,transparent 77%);box-shadow:0 0 18px #fff,0 0 58px #ffe7a3,0 0 135px #f4cf77a0;filter:blur(1px);animation:rare-sun-breathe 6s ease-in-out infinite alternate}
.rare-roll-atmosphere--transcendent .rare-atmosphere-sun{background:radial-gradient(circle at 45% 42%,#fff 0 15%,#fff0fa 31%,#ffc5e1 57%,transparent 78%);box-shadow:0 0 19px #fff,0 0 64px #ffe1f4,0 0 132px #f5a7d4a1}
.rare-roll-sun{position:absolute;left:50%;top:50%;width:138px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:46% 54% 50% 50%;background:radial-gradient(circle at 42% 39%,#fff 0 14%,#fff5d7 31%,#e8c45d 58%,transparent 74%);box-shadow:0 0 19px #fff,0 0 55px #ffedaa;opacity:.8;animation:rare-sun-breathe 5s ease-in-out infinite alternate}
.rare-roll-stage--transcendent .rare-roll-sun{background:radial-gradient(circle at 42% 39%,#fff 0 13%,#ffedf8 36%,#f9b5da 62%,transparent 75%);box-shadow:0 0 20px #fff,0 0 62px #f8b7df}
.rare-roll-stage--numinous_ineffability .rare-roll-rays{display:none}
.rare-roll-stage--numinous_ineffability .rare-roll-stage-fx::before{inset:-90% -55%;border-radius:46% 54% 51% 49%;background:radial-gradient(ellipse,#fff6df33 0 10%,#b5a6c454 31%,#5a526f43 53%,transparent 76%);filter:blur(21px);animation:numinous-heartbeat 5.5s ease-in-out infinite alternate}
.rare-roll-stage--numinous_ineffability .rare-roll-corona{inset:-95% -75%;background:radial-gradient(ellipse,#fff8df61 0 12%,#e6d2c558 30%,#8f86af51 50%,transparent 72%);filter:blur(26px);animation:numinous-heartbeat 7.2s ease-in-out infinite alternate}
.numinous-sun{position:absolute;z-index:2;left:50%;top:-36px;width:125px;height:125px;transform:translateX(-50%);border-radius:47% 53% 44% 56%;background:radial-gradient(circle at 48% 40%,#fffdf4 0 12%,#fff2cc 22%,#dbc5bb 41%,#88799d 59%,transparent 72%);box-shadow:0 0 24px #fff9e9,0 0 68px #f3deb8ce,0 0 125px #ad9bc0a3;filter:blur(1px);animation:numinous-sun-breathe 4.8s ease-in-out infinite alternate}
.numinous-sun::before{content:"";position:absolute;inset:-38%;background:repeating-conic-gradient(from 8deg,#fff6d8af 0deg 2deg,transparent 4deg 19deg,#e3d1ff85 21deg 23deg,transparent 25deg 38deg);mask-image:radial-gradient(circle,transparent 0 26%,#000 35%,transparent 72%);filter:blur(7px);animation:numinous-sun-turn 24s linear infinite}
.numinous-eye{top:-66px;filter:drop-shadow(0 0 8px #fff) drop-shadow(0 0 29px #fff0c3)}
.rare-roll-stage--numinous_ineffability{margin-top:58px}
@media(max-width:600px){.rare-roll-stage--numinous_ineffability>.numinous-eye{top:-55px}.rare-roll-stage--numinous_ineffability{margin-top:50px}}
@keyframes rare-sun-breathe{from{opacity:.73;scale:.91}to{opacity:1;scale:1.08}}
@keyframes numinous-sun-breathe{from{opacity:.78;transform:translateX(-50%) scale(.91) rotate(-4deg)}to{opacity:1;transform:translateX(-50%) scale(1.09) rotate(4deg)}}
@keyframes numinous-sun-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.rare-atmosphere-sun,.rare-roll-sun,.numinous-sun,.numinous-sun::before{animation:none!important}}
.numinous-sun{top:-67px;width:150px;height:150px;background:radial-gradient(circle at 49% 42%,#fffaf0 0 17%,#fff0ce 28%,#e7d2c3 41%,#9d8fad 59%,transparent 77%);border-radius:43% 57% 48% 52%/55% 43% 57% 45%}
@media(max-width:600px){.numinous-sun{top:-48px;width:115px;height:115px}}

/* The waves have a refracting rim and a softer wake. Their seeded contours and
   staggered rotations keep them from reading as concentric ellipses. */
.rare-roll-stage--singularity .rare-roll-stage-fx{--lens-edge:#e6eeffbd;--lens-wake:#8090c490;--lens-blur:1.3px;--lens-contrast:1.16;--wave-speed:3.5s}
.rare-roll-stage--cosmic_horror .rare-roll-stage-fx{--lens-edge:#c8ff9feb;--lens-wake:#b654d8bd;--lens-blur:2.3px;--lens-contrast:1.3;--wave-speed:2.8s}
.rare-roll-stage--numinous_ineffability .rare-roll-stage-fx{--lens-edge:#fff9e8e8;--lens-wake:#d0a8f1bd;--lens-blur:2.8px;--lens-contrast:1.38;--wave-speed:3.3s}
.rare-roll-stage--numinous_ineffability_50 .rare-roll-stage-fx{--lens-blur:3.3px;--lens-contrast:1.48}
.rare-roll-stage--numinous_ineffability_100 .rare-roll-stage-fx{--lens-blur:4px;--lens-contrast:1.6}
.rare-roll-stage--numinous_ineffability_303 .rare-roll-stage-fx{--lens-blur:5px;--lens-contrast:1.8}
.rare-roll-stage--singularity .rare-roll-shockwave,
.rare-roll-stage--cosmic_horror .rare-roll-shockwave,
.rare-roll-stage--numinous_ineffability .rare-roll-shockwave{
  display:block;z-index:3;width:112%;height:205%;border:0;box-shadow:none;
  background:radial-gradient(ellipse at 43% 39%,transparent 49%,var(--lens-edge) 58%,#ffffff94 60%,var(--lens-wake) 65%,transparent 78%);
  -webkit-mask-image:radial-gradient(ellipse at 43% 39%,transparent 46%,#000 55% 69%,transparent 79%);
  mask-image:radial-gradient(ellipse at 43% 39%,transparent 46%,#000 55% 69%,transparent 79%);
  -webkit-backdrop-filter:blur(var(--lens-blur)) contrast(var(--lens-contrast)) saturate(1.5);
  backdrop-filter:blur(var(--lens-blur)) contrast(var(--lens-contrast)) saturate(1.5);
  filter:drop-shadow(0 0 7px var(--lens-edge));
  animation:rare-liquid-wave var(--wave-speed) cubic-bezier(.08,.29,.25,1) var(--wave-delay) infinite;
}
.rare-roll-shockwave::after{content:"";position:absolute;inset:-9%;border-radius:inherit;background:conic-gradient(from 30deg,transparent 0 12%,var(--lens-wake) 19%,transparent 27% 45%,var(--lens-edge) 52%,transparent 62% 76%,var(--lens-wake) 83%,transparent 91%);-webkit-mask-image:radial-gradient(ellipse,transparent 54%,#000 62%,transparent 73%);mask-image:radial-gradient(ellipse,transparent 54%,#000 62%,transparent 73%);filter:blur(12px);opacity:.8}
@keyframes rare-liquid-wave{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--wave-turn)) scale(.35) skew(0deg,0deg)}12%{opacity:.82}41%{opacity:.52;transform:translate(-50%,-50%) rotate(calc(var(--wave-turn) + 17deg)) scale(1.15) skew(4deg,-3deg)}100%{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--wave-turn) + 48deg)) scale(2.5) skew(-5deg,4deg)}}

/* Later numinous tiers retain the original wings and gain orbiting voids. */
.numinous-objects{position:absolute;inset:0;z-index:3;pointer-events:none}
.numinous-orb,.numinous-shard{position:absolute;left:50%;top:50%;display:block;transform-origin:center;animation:numinous-object-orbit var(--speed) linear var(--delay) infinite;will-change:transform}
.numinous-orb{width:24px;height:24px;margin:-12px;border-radius:50%;background:radial-gradient(circle at 47% 48%,#010107 0 36%,#070713 44%,#fff5d6 54%,#a796ca 63%,transparent 76%);box-shadow:0 0 12px #fff0d0,0 0 27px #9977c7;filter:drop-shadow(0 0 4px #fff5df)}
.numinous-orb::after{content:"";position:absolute;inset:-6px;border:2px solid #fff5dfb8;border-radius:50%;transform:rotate(-24deg) scaleY(.48);box-shadow:0 0 9px #fff5df}
.numinous-shard{width:var(--size);height:calc(var(--size) * 1.8);margin-left:-6px;margin-top:-12px;clip-path:polygon(51% 0,79% 32%,100% 73%,48% 100%,0 67%,24% 26%);background:linear-gradient(112deg,#1a1531 0 17%,#fff5dc 35%,#8e82ba 59%,#130d22 78%);box-shadow:0 0 8px #fff6dd;filter:drop-shadow(0 0 7px #dbc7f2)}
.numinous-objects--2 .numinous-orb{width:29px;height:29px;margin:-15px}
.numinous-objects--3 .numinous-orb{width:35px;height:35px;margin:-18px;box-shadow:0 0 19px #fff4d3,0 0 40px #a282d5}
.rare-roll-stage--numinous_ineffability_50 .rare-roll-stage-card{filter:drop-shadow(0 0 20px #fff5db) drop-shadow(0 0 56px #b6a3d5)}
.rare-roll-stage--numinous_ineffability_100 .rare-roll-stage-card{filter:drop-shadow(0 0 24px #fff) drop-shadow(0 0 68px #ac95d4)}
.rare-roll-stage--numinous_ineffability_303 .rare-roll-stage-card{filter:drop-shadow(0 0 32px #fff) drop-shadow(0 0 90px #9776cb)}
.numinous-name--50{font-family:Georgia,'Times New Roman',serif;font-style:italic;letter-spacing:.11em}
.numinous-name--100{font-family:'Courier New',monospace;font-weight:900;letter-spacing:.13em;text-shadow:0 0 9px #fff6dd}
.numinous-name--303{font-family:Georgia,'Times New Roman',serif;font-variant:small-caps;font-weight:900;letter-spacing:.17em;text-shadow:0 0 7px #fff,0 0 20px #d2bafa}
@keyframes numinous-object-orbit{from{transform:rotate(var(--angle)) translateX(var(--radius)) rotate(0deg)}to{transform:rotate(calc(var(--angle) + 360deg)) translateX(var(--radius)) rotate(-360deg)}}
@media(max-width:600px){.numinous-orb,.numinous-shard{--radius:90px}}
@media(prefers-reduced-motion:reduce){.rare-roll-shockwave,.numinous-orb,.numinous-shard{animation:none!important}.rare-roll-shockwave{opacity:.22;transform:translate(-50%,-50%) scale(1.25)}.numinous-orb,.numinous-shard{transform:rotate(var(--angle)) translateX(var(--radius))}}
.number-transmutation .number-artifact-digits{animation:number-become-symbol .8s cubic-bezier(.16,1,.3,1) both}
.number-transmutation::after{content:"";position:absolute;inset:-30%;pointer-events:none;background:linear-gradient(100deg,transparent 34%,#ffffffa8 48%,transparent 61%);transform:translateX(-125%);animation:number-transmutation-flash .8s ease-out both}
@keyframes number-become-symbol{0%{opacity:.2;filter:blur(10px) brightness(3);transform:scale(1.55)}45%{opacity:1;filter:blur(1px) brightness(1.7);transform:scale(.89)}100%{opacity:1;filter:none;transform:scale(1)}}
@keyframes number-transmutation-flash{to{transform:translateX(125%)}}
@media(prefers-reduced-motion:reduce){.number-transmutation .number-artifact-digits,.number-transmutation::after{animation:none!important}}

/* The name stays fixed; the light source changes from white through gold and
   rose to an almost lightless accretion disk. */
.rare-roll-stage--numinous_ineffability .rare-roll-stage-fx{--num-core:#fffdf8;--num-halo:#e7e0f4;--num-wake:#bdb5d8;--num-outline:#fff;--num-dark:#514b66}
.rare-roll-stage--numinous_ineffability_50 .rare-roll-stage-fx{--num-core:#fff5c7;--num-halo:#f4bd5f;--num-wake:#bb7d34;--num-outline:#ffecac;--num-dark:#674123;--lens-edge:#fff0b9;--lens-wake:#d9a35a}
.rare-roll-stage--numinous_ineffability_100 .rare-roll-stage-fx{--num-core:#ffe6ed;--num-halo:#ee82a9;--num-wake:#bb517f;--num-outline:#ffe0eb;--num-dark:#632544;--lens-edge:#ffe1ed;--lens-wake:#e57cae}
.rare-roll-stage--numinous_ineffability_303 .rare-roll-stage-fx{--num-core:#09060f;--num-halo:#272132;--num-wake:#49365b;--num-outline:#bdaccf;--num-dark:#000;--lens-edge:#f0e7ff;--lens-wake:#7a628e;--lens-blur:7px;--lens-contrast:2}
.rare-roll-stage--numinous_ineffability .rare-roll-corona{background:radial-gradient(ellipse,var(--num-core) 0 9%,var(--num-halo) 23%,var(--num-wake) 44%,transparent 73%);opacity:.84;filter:blur(26px)}
.rare-roll-stage--numinous_ineffability .rare-roll-stage-fx::before{background:radial-gradient(ellipse,var(--num-core) 0 8%,var(--num-halo) 23%,var(--num-wake) 45%,transparent 73%);opacity:.6}
.rare-roll-stage--numinous_ineffability .numinous-sun{background:radial-gradient(circle at 49% 42%,var(--num-core) 0 17%,var(--num-halo) 34%,var(--num-wake) 57%,transparent 77%);box-shadow:0 0 24px var(--num-outline),0 0 70px var(--num-halo),0 0 140px var(--num-wake)}
.rare-roll-stage--numinous_ineffability_50 .numinous-wing{filter:sepia(.58) saturate(1.45) drop-shadow(0 0 17px #f5c86d)}
.rare-roll-stage--numinous_ineffability_100 .numinous-wing{filter:sepia(.25) hue-rotate(285deg) saturate(1.5) drop-shadow(0 0 19px #f29cbb)}
.rare-roll-stage--numinous_ineffability_303 .numinous-wing{filter:brightness(.52) hue-rotate(25deg) drop-shadow(0 0 12px #d6c6e5)}
.rare-roll-stage--numinous_ineffability_50 .numinous-orb{box-shadow:0 0 16px #f5cd77,0 0 35px #bc7837}
.rare-roll-stage--numinous_ineffability_100 .numinous-orb{box-shadow:0 0 18px #ffb8d0,0 0 37px #af487f}
.rare-roll-stage--numinous_ineffability_303 .numinous-orb{background:radial-gradient(circle,#000 0 42%,#1c1526 50%,#c6b1d8 60%,transparent 75%);box-shadow:0 0 13px #d6c5e5,0 0 38px #32203e}
.rare-roll-atmosphere--numinous_ineffability_50{background:radial-gradient(ellipse 64% 55% at 50% 15%,#f6dc9780,#bb8a5180 52%,transparent 93%)}
.rare-roll-atmosphere--numinous_ineffability_100{background:radial-gradient(ellipse 64% 55% at 50% 15%,#efb6cb8c,#a8537980 52%,transparent 93%)}
.rare-roll-atmosphere--numinous_ineffability_303{background:radial-gradient(ellipse 64% 58% at 50% 15%,#090611d9 0 38%,#3a2b49aa 69%,transparent 96%)}
.numinous-name--50{color:#fff0af;background:#4e3015;border-color:#d9ad52;text-shadow:0 0 12px #f6da82}
.numinous-name--100{color:#ffe0eb;background:#562139;border-color:#f3a3c0;text-shadow:0 0 13px #f8a2c1}
.numinous-name--303{color:#f1e9fc;background:#05040a;border-color:#d0bde6;text-shadow:0 0 8px #fff,0 0 23px #9c75b9}
.numinous-tier--50{background:radial-gradient(circle at 50% -30%,#865523,#2a1c1a 57%,#0b0912);border-color:#d3aa61;color:#fff1cc}
.numinous-tier--100{background:radial-gradient(circle at 50% -30%,#813954,#2b172e 57%,#0b0912);border-color:#eb9cb6;color:#ffe9f1}
.numinous-tier--303{background:radial-gradient(circle at 50% -30%,#342a43,#050408 55%,#000);border-color:#b4a2c5;color:#fff}
.numinous-tier--50 .rank-numinous-ineffability-number,.numinous-tier--100 .rank-numinous-ineffability-number,.numinous-tier--303 .rank-numinous-ineffability-number{color:inherit}

/* The wing SVG has a shoulder and a nested elbow. Feathers still flex locally. */
.numinous-wing--left{animation:none;transform:translateY(-55%) scaleX(-1)}
.numinous-wing--right{animation:none;transform:translateY(-55%)}
.numinous-shoulder,.numinous-elbow{transform-box:view-box;will-change:transform}
.numinous-shoulder{transform-origin:2px 107px;animation:numinous-shoulder-flap 5.4s ease-in-out infinite alternate}
.numinous-elbow{transform-origin:148px 53px;animation:numinous-elbow-flap 5.4s cubic-bezier(.38,.03,.37,1) -.7s infinite alternate}
.numinous-wing--left .numinous-shoulder{animation-delay:-2.6s}
.numinous-wing--left .numinous-elbow{animation-delay:-3.3s}
@keyframes numinous-shoulder-flap{0%{transform:rotate(-9deg) scaleY(.95)}48%{transform:rotate(2deg) scaleY(1.04)}100%{transform:rotate(9deg) scaleY(.96)}}
@keyframes numinous-elbow-flap{0%{transform:rotate(-18deg)}42%{transform:rotate(5deg)}100%{transform:rotate(22deg)}}

/* Curl-adveected particles on canvas form the condensation wake. The glass
   front has a much wider travel radius and a thicker refraction band. */
.rare-gas-field{position:absolute;z-index:2;left:50%;top:50%;width:min(150vw,1400px);height:min(150vw,1400px);transform:translate(-50%,-50%);pointer-events:none;opacity:.56;filter:blur(1.5px);mix-blend-mode:screen}
.rare-roll-main .rare-gas-field{width:min(160vw,1600px);height:min(160vw,1600px)}
.rare-roll-stage--singularity .rare-roll-shockwave,.rare-roll-stage--cosmic_horror .rare-roll-shockwave,.rare-roll-stage--numinous_ineffability .rare-roll-shockwave{
  width:min(125vw,1250px);height:min(105vw,1060px);z-index:3;
  background:radial-gradient(ellipse at 50% 50%,transparent 46%,var(--lens-wake) 49%,var(--lens-edge) 51%,#ffffff9c 52%,var(--lens-wake) 54%,transparent 59%);
  -webkit-mask-image:radial-gradient(ellipse,transparent 44%,#000 49% 56%,transparent 62%);
  mask-image:radial-gradient(ellipse,transparent 44%,#000 49% 56%,transparent 62%);
  -webkit-backdrop-filter:blur(calc(var(--lens-blur) * 2.2)) contrast(var(--lens-contrast)) saturate(1.8);
  backdrop-filter:blur(calc(var(--lens-blur) * 2.2)) contrast(var(--lens-contrast)) saturate(1.8);
  filter:drop-shadow(0 0 9px var(--lens-edge)) drop-shadow(0 0 20px var(--lens-wake));
  animation:rare-liquid-wave-far var(--wave-speed) cubic-bezier(.05,.24,.14,1) var(--wave-delay) infinite;
}
.rare-roll-stage--singularity .rare-roll-stage-fx{--lens-blur:3px;--lens-contrast:1.38}
.rare-roll-stage--cosmic_horror .rare-roll-stage-fx{--lens-blur:4px;--lens-contrast:1.6}
.rare-roll-stage--numinous_ineffability .rare-roll-stage-fx{--lens-blur:5px;--lens-contrast:1.75}
.rare-roll-stage--numinous_ineffability_50 .rare-roll-stage-fx{--lens-blur:5.5px;--lens-contrast:1.85}
.rare-roll-stage--numinous_ineffability_100 .rare-roll-stage-fx{--lens-blur:6px;--lens-contrast:1.95}
.rare-roll-stage--numinous_ineffability_303 .rare-roll-stage-fx{--lens-blur:7px;--lens-contrast:2.1}
.rare-roll-shockwave::after{background:conic-gradient(from 20deg,transparent 0 7%,var(--lens-wake) 14%,transparent 24% 38%,var(--lens-edge) 48%,transparent 61% 73%,var(--lens-wake) 81%,transparent 91%);opacity:.95;filter:blur(17px)}
@keyframes rare-liquid-wave-far{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--wave-turn)) scale(.16) skew(0deg)}8%{opacity:.67}39%{opacity:.46;transform:translate(-50%,-50%) rotate(calc(var(--wave-turn) + 13deg)) scale(.86) skew(3deg,-2deg)}70%{opacity:.16}100%{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--wave-turn) + 41deg)) scale(2.7) skew(-6deg,4deg)}}
[class*="today-best--"] .rare-gas-field{width:min(88vw,650px);height:min(88vw,650px);opacity:.7}
[class*="today-best--"] .rare-roll-shockwave{width:min(78vw,600px)!important;height:min(65vw,480px)!important;filter:drop-shadow(0 0 8px var(--lens-edge))!important}

.numinous-infall{position:absolute;inset:0;z-index:4;pointer-events:none}
.numinous-star,.numinous-planet{position:absolute;left:50%;top:50%;width:var(--size);height:var(--size);margin:calc(var(--size) / -2);border-radius:50%;background:var(--num-outline);box-shadow:0 0 10px var(--num-halo),0 0 22px var(--num-wake);animation:numinous-spaghettify var(--duration) cubic-bezier(.5,.01,.8,.6) var(--delay) infinite}
.numinous-planet{background:radial-gradient(circle at 35% 30%,var(--num-core),var(--num-halo) 55%,var(--num-dark));border:1px solid var(--num-outline)}
.numinous-star::after,.numinous-planet::after{content:"";position:absolute;right:60%;top:40%;width:75px;height:3px;background:linear-gradient(90deg,transparent,var(--num-halo),var(--num-outline));filter:blur(2px);transform-origin:right;transform:scaleX(0)}
.numinous-planet::after{height:5px;width:110px}
@keyframes numinous-spaghettify{0%{opacity:0;transform:rotate(var(--angle)) translateX(var(--distance)) scale(.6)}12%{opacity:.95}55%{opacity:.95;transform:rotate(calc(var(--angle) + 14deg)) translateX(var(--near)) scaleX(1.2) scaleY(.8)}72%{opacity:.85;transform:rotate(calc(var(--angle) + 23deg)) translateX(calc(var(--near) * .55)) scaleX(4) scaleY(.25)}100%{opacity:0;transform:rotate(calc(var(--angle) + 34deg)) translateX(0) scaleX(8) scaleY(.06)}}
@keyframes numinous-tail{0%,35%{transform:scaleX(0);opacity:0}72%{transform:scaleX(1.6);opacity:1}100%{transform:scaleX(2.4);opacity:0}}
.numinous-star::after,.numinous-planet::after{animation:numinous-tail var(--duration) ease-in var(--delay) infinite}
.numinous-sentinel{position:fixed;right:27px;bottom:24px;z-index:55;width:92px;height:67px;pointer-events:none;filter:drop-shadow(0 0 16px #fff5e2) drop-shadow(0 0 28px #b9a5d6);animation:numinous-sentinel-arrive .45s ease-out both}
.numinous-sentinel .numinous-eye{position:absolute;left:0;top:0;width:100%;height:100%;transform:none;animation:none}
.numinous-sentinel .numinous-iris,.numinous-sentinel .numinous-pupil{animation:none;transform:translate(var(--gaze-x,0px),var(--gaze-y,0px))}
.numinous-sentinel::before{content:"";position:absolute;inset:-22px;border-radius:50%;background:radial-gradient(ellipse,#faf1e048,#c2a9e326 47%,transparent 74%);filter:blur(10px)}
@keyframes numinous-sentinel-arrive{from{opacity:0;scale:.6}to{opacity:1;scale:1}}
@media(max-width:600px){.numinous-sentinel{right:12px;bottom:12px;scale:.8}.rare-gas-field{width:130vw;height:130vw}}
@media(prefers-reduced-motion:reduce){.rare-gas-field{display:none}.rare-roll-shockwave,.numinous-shoulder,.numinous-elbow,.numinous-star,.numinous-planet,.numinous-star::after,.numinous-planet::after{animation:none!important}.numinous-star,.numinous-planet{display:none}}

/* Shockwaves: soft, faint rings with no hard clip edges. */
.rare-roll-stage--singularity .rare-roll-shockwave,.rare-roll-stage--cosmic_horror .rare-roll-shockwave,.rare-roll-stage--numinous_ineffability .rare-roll-shockwave{
  clip-path:none!important;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;box-shadow:none;filter:blur(4px);
  background:radial-gradient(closest-side,transparent 80%,var(--lens-wake) 87%,var(--lens-edge) 92%,var(--lens-wake) 96%,transparent 100%);
  -webkit-mask-image:conic-gradient(from var(--wave-turn),#0003, #000a 14%,#0001 27%,#0008 43%,transparent 55%,#0009 71%,#0002 84%,#0003);mask-image:conic-gradient(from var(--wave-turn),#0003,#000a 14%,#0001 27%,#0008 43%,transparent 55%,#0009 71%,#0002 84%,#0003);
  border-radius:47% 53% 44% 56% / 54% 43% 57% 46%;
  animation-name:rare-soft-wave;
}
.rare-roll-stage--numinous_ineffability .rare-roll-shockwave{animation-name:rare-soft-wave-faint}
.rare-roll-shockwave::after{display:none}
[class*="today-best--"] .rare-roll-shockwave{filter:blur(2px)!important}
@keyframes rare-soft-wave{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--wave-turn)) scale(.16)}10%{opacity:.16}45%{opacity:.07}100%{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--wave-turn) + 30deg)) scale(1.6)}}
@keyframes rare-soft-wave-faint{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--wave-turn)) scale(.16)}10%{opacity:.08}45%{opacity:.035}100%{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--wave-turn) + 30deg)) scale(1.6)}}
.rare-gas-field{-webkit-mask-image:radial-gradient(closest-side,#000 45%,transparent 92%);mask-image:radial-gradient(closest-side,#000 45%,transparent 92%)}
.rare-roll-stage--numinous_ineffability .rare-gas-field{opacity:.3}

/* Two, four, six wings, then a small pair sheltering the eye. */
.numinous-being--pair-1{transform:translateY(17px) rotate(0deg) scale(.88);opacity:.9;z-index:0}
.numinous-being--pair-1 .numinous-wing--left{transform:translateY(-55%) scaleX(-1) rotate(32deg)}
.numinous-being--pair-1 .numinous-wing--right{transform:translateY(-55%) rotate(32deg)}
.numinous-being--pair-2{transform:translateY(-13px) scale(.9);opacity:.95;z-index:0}
.numinous-being--pair-2 .numinous-wing--left{transform:translateY(-55%) scaleX(-1) rotate(-29deg)}
.numinous-being--pair-2 .numinous-wing--right{transform:translateY(-55%) rotate(-29deg)}
.numinous-being--pair-3{top:-42px;bottom:auto;height:44px;z-index:6}
.numinous-being--pair-3 .numinous-wing{width:90px;filter:drop-shadow(0 0 9px #e0c7ff)}
.numinous-being--pair-3 .numinous-wing--left{transform:translateY(-55%) scaleX(-1) rotate(-12deg)}
.numinous-being--pair-3 .numinous-wing--right{transform:translateY(-55%) rotate(-12deg)}
.numinous-being--pair-1 .numinous-shoulder{animation-delay:-1.8s}
.numinous-being--pair-2 .numinous-shoulder{animation-delay:-3.6s}
.numinous-being--pair-3 .numinous-shoulder{animation-duration:3.4s}
.numinous-sentinel{left:0;top:0;right:auto;bottom:auto;opacity:0;animation:none;scale:1;will-change:transform;transition:opacity .15s ease}
@media(max-width:600px){.numinous-sentinel{left:0;top:0;right:auto;bottom:auto;scale:1}.numinous-being--pair-3 .numinous-wing{width:65px}}
.leaderboard-consumed{visibility:hidden;pointer-events:none}
.leaderboard-infall-clone{position:fixed;z-index:80;pointer-events:none;margin:0;transform-origin:center;overflow:hidden;border-radius:12px;filter:drop-shadow(0 0 10px #bcd8ff);background:var(--surface,#171821)}
.leaderboard-devour-burst{position:fixed;width:20px;height:20px;margin:-10px;z-index:81;pointer-events:none;border-radius:50%;border:3px solid #e9f4ff;box-shadow:0 0 18px 8px #d5e5ff,0 0 44px 20px #9480ff;mix-blend-mode:screen}
.leaderboard-devour-spark{position:fixed;width:5px;height:5px;z-index:81;pointer-events:none;border-radius:50%;background:#fff6dc;box-shadow:0 0 12px 4px #bca4ff}
.numinous-being--pair-3{left:50%;right:auto;width:0}
.numinous-being--pair-3 .numinous-wing--left{left:-20px}
.numinous-being--pair-3 .numinous-wing--right{left:20px}
.numinous-sentinel{transition:opacity .4s ease;transform-origin:50% 50%}
.numinous-sentinel .numinous-iris,.numinous-sentinel .numinous-pupil{transition:none;transform-box:view-box}
.leaderboard-infall-strip{position:fixed;z-index:45;pointer-events:none;overflow:hidden;transform-origin:center;will-change:transform,opacity;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.leaderboard-gravity-cloud{position:absolute;width:720px;height:600px;z-index:-1;pointer-events:none;mix-blend-mode:screen;filter:blur(4px)}
.today-best-gravity{position:relative;isolation:isolate}
/* Crown wings share the eye's fixed follower transform, including vertical travel. */
.numinous-sentinel>.numinous-being{display:none;top:50%;height:0;bottom:auto}
.numinous-sentinel--winged>.numinous-being{display:block}


/* Fixed disk plane, circulating gas and near-side dust crossing the card. */
.rare-roll-stage--singularity .rare-roll-accretion{width:195%;height:auto;aspect-ratio:1;transform:translate(-50%,-50%) scaleY(.22);animation:none;background:none;mask-image:none;filter:drop-shadow(0 0 10px #91a9e8);opacity:.8}
.rare-roll-stage--singularity .rare-roll-accretion:before{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 10deg,transparent 0deg,#c5d5ff90 24deg,#ffffffd0 30deg,transparent 51deg);mask-image:radial-gradient(circle,transparent 36%,#0009 46%,#000 51%,#0004 57%,transparent 65%);animation:rare-turn 9s linear infinite;filter:blur(2px)}
.rare-roll-stage--singularity .rare-roll-horizon{background:none;box-shadow:none;opacity:.5;filter:blur(4px)}
.rare-roll-stage--singularity .rare-roll-horizon:after{display:none}
.rare-roll-stage--singularity .rare-roll-horizon:before{inset:-10%;background:conic-gradient(transparent 0 16%,#c6d6ff77 22%,transparent 33% 59%,#c6d6ff88 69%,transparent 83%);mask-image:radial-gradient(circle,transparent 43%,#0008 49%,#000 51%,transparent 57%);backdrop-filter:blur(2px) contrast(1.5);animation:rare-turn 12s linear infinite}
.singularity-dust-track{position:absolute;inset:-55% -45%;pointer-events:none;z-index:1;clip-path:inset(0 0 50% 0)}
.singularity-dust-track--front{z-index:3;clip-path:inset(50% 0 0 0)}
.singularity-dust-track i{position:absolute;width:var(--size);height:var(--size);border-radius:50%;background:#e3edff;box-shadow:0 0 5px #b8d0ff,0 0 9px #879ded88;offset-path:ellipse(48% var(--orbit-y) at 50% 50%);animation:singularity-dust var(--duration) linear var(--delay) infinite}
@keyframes singularity-dust{0%{offset-distance:0%;opacity:.55;scale:.8}25%{opacity:.9;scale:1.2}50%{opacity:.45;scale:.8}75%{opacity:.2;scale:.5}100%{offset-distance:100%;opacity:.55;scale:.8}}
@media(prefers-reduced-motion:reduce){.singularity-dust-track i,.rare-roll-stage--singularity .rare-roll-accretion:before{animation:none}}
/* Divine is emitted light: a soft moving focus with seeded rays, no solid disk. */
.rare-roll-stage--divine .rare-roll-rays{display:none}
.rare-roll-stage--divine .rare-roll-orbit{opacity:.15}
.rare-roll-atmosphere--divine::before{display:none}
.rare-roll-stage--divine .rare-roll-corona{background:radial-gradient(ellipse,#fffadf88, #f0ce7240 30%,transparent 68%);filter:blur(28px);opacity:.7}
.divine-sun{position:absolute;left:50%;top:50%;width:640px;height:640px;transform:translate(-50%,-50%);pointer-events:none;mix-blend-mode:screen}
.divine-sun-drift{position:absolute;inset:0;animation:divine-solar-drift var(--sun-period) ease-in-out var(--sun-phase) infinite}
.divine-sun-glow{position:absolute;left:50%;top:50%;width:220px;height:220px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fffef4e0 0%,#fff4c197 14%,#f9d77a50 34%,#f3cc5720 51%,transparent 72%);filter:blur(9px);animation:divine-light-breathe 9s ease-in-out infinite alternate}
.divine-sun-gleam{position:absolute;inset:0;background:radial-gradient(ellipse 100px 3px at center,#fffdebc0,transparent 95%),radial-gradient(ellipse 3px 75px at center,#fff8d377,transparent 95%);filter:blur(1px)}
.divine-solar-rays{position:absolute;inset:0;width:100%;height:100%;overflow:visible;animation:divine-ray-orbit 160s linear infinite}
.divine-solar-ray{opacity:var(--ray-opacity);animation:divine-ray-shimmer var(--ray-period) ease-in-out var(--ray-phase) infinite;filter:drop-shadow(0 0 2px #fff7bb66)}
@keyframes divine-solar-drift{0%,100%{transform:translate(var(--sun-x0),var(--sun-y0))}25%{transform:translate(var(--sun-x1),var(--sun-y1))}50%{transform:translate(var(--sun-x2),var(--sun-y2))}75%{transform:translate(var(--sun-x3),var(--sun-y3))}}
@keyframes divine-ray-orbit{to{transform:rotate(360deg)}}
@keyframes divine-ray-shimmer{0%,100%{opacity:calc(var(--ray-opacity)*.3)}45%{opacity:var(--ray-opacity)}70%{opacity:calc(var(--ray-opacity)*.55)}}
@keyframes divine-light-breathe{from{opacity:.75;scale:.95}to{opacity:1;scale:1.08}}
@media(prefers-reduced-motion:reduce){.divine-sun-drift,.divine-solar-rays,.divine-solar-ray,.divine-sun-glow{animation:none!important}}

/* Cosmic horror aura: a breathing void, arms rising from the edges, eyes opening. */
.rare-roll-atmosphere--cosmic_horror{animation:horror-breathe 7s ease-in-out infinite}
.rare-roll-atmosphere--cosmic_horror .rare-roll-atmosphere-glitch{opacity:.08}
.rare-roll-atmosphere--cosmic_horror .rare-atmosphere-mote{--mote:#c9ff8a;--mote-glow:#8fd75a88;opacity:.22}
.horror-arms{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 6px #a35fd166)}
.horror-arm{transform-box:view-box;animation:horror-arm-rise 2.2s cubic-bezier(.2,.8,.2,1) var(--rise) both,horror-arm-sway var(--duration) ease-in-out var(--delay) infinite alternate}
.horror-arm-skin{fill:#0a0310;stroke:#9d4fd0;stroke-width:1.6;stroke-opacity:.75}
.horror-arm-spot{fill:#c6ff7a;filter:drop-shadow(0 0 3px #b6ff6a);animation:horror-spot 2.6s ease-in-out var(--spot-delay) infinite}
.horror-eyes{position:absolute;inset:0}
.horror-eye{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:calc(var(--w)*.46);border-radius:50%;overflow:hidden;
  background:radial-gradient(circle at calc(50% + var(--look)) 50%,#fbffd8 0 8%,#d4ff4a 20%,#58c932 34%,#3a0f55 46%,#16031c 70%);
  box-shadow:0 0 0 1px #b34b8c99,0 0 10px #b6ff6a55,0 0 22px #6e2a9555;transform:scaleY(0);
  animation:horror-eye-open .5s cubic-bezier(.3,1.5,.5,1) var(--open-delay) forwards,horror-eye-blink var(--blink) steps(1,end) var(--blink-delay) infinite}
.horror-eye::after{content:"";position:absolute;left:calc(50% + var(--look));top:12%;width:9%;height:76%;transform:translateX(-50%);border-radius:50%;background:#000;animation:horror-pupil 6s ease-in-out var(--blink-delay) infinite alternate}
.rare-roll-stage--cosmic_horror .rare-roll-stage-card{--horror-text:#efffd9}
.rare-roll-stage--cosmic_horror .rare-roll-stage-card .number-artifact{color:#efffd9;text-shadow:0 0 10px #b6ff6a88}
@keyframes horror-breathe{0%,100%{filter:brightness(1)}50%{filter:brightness(1.18) saturate(1.15)}}
@keyframes horror-arm-rise{from{transform:translateY(60%) rotate(calc(var(--sway)*-2))}to{transform:none}}
@keyframes horror-arm-sway{from{rotate:calc(var(--sway)*-1)}to{rotate:var(--sway)}}
@keyframes horror-spot{0%,100%{opacity:.12}50%{opacity:.85}}
@keyframes horror-eye-open{to{transform:scaleY(1)}}
@keyframes horror-eye-blink{0%,95%{scale:1 1}96%,98%{scale:1 .06}}
@keyframes horror-pupil{0%{width:7%}60%{width:9%}100%{width:15%}}
@media(prefers-reduced-motion:reduce){.horror-arm,.horror-arm-spot,.horror-eye,.horror-eye::after,.rare-roll-atmosphere--cosmic_horror{animation:none!important}.horror-eye{transform:none}}

/* Otherworldly: pitch black with alien green — a saucer's beam in the dark. */
.rank-otherworldly-surface{background:radial-gradient(ellipse 70% 55% at 50% -10%,#39ff6a40,transparent 70%),linear-gradient(180deg,#020402,#061006 60%,#0b2a10);background-color:#020402}
.rank-otherworldly-feed{background:linear-gradient(120deg,#e9ffe9,#d6ffd9 55%,#c3ffcb)}
.rank-otherworldly-pill{background:linear-gradient(105deg,#020402,#0f3a16 55%,#39ff6a)}
.rank-otherworldly-border{border-color:#2bd957}
.rank-otherworldly-text,.rank-otherworldly-number{color:#b8ff6a;text-shadow:0 0 6px #39ff6a,0 0 16px #39ff6a99,0 2px 0 #000;animation:otherworldly-hum 3.2s ease-in-out infinite}
.rank-otherworldly-glow{box-shadow:0 0 0 2px #000,0 0 22px #39ff6a99}
@keyframes otherworldly-hum{0%,100%{filter:none}48%{filter:none}50%{filter:brightness(1.5) drop-shadow(0 0 4px #39ff6a)}53%{filter:none}}
.badge-card--otherworldly{border-color:#2bd957;background:radial-gradient(ellipse 80% 60% at 50% 0,#39ff6a33,transparent 70%),linear-gradient(180deg,#030603,#0a1c0c);box-shadow:0 0 18px #39ff6a66}
.badge-card--otherworldly .text-prose{color:#e9ffe9}.badge-card--otherworldly .text-prose-2,.badge-card--otherworldly .text-prose-3{color:#a9d9ad}
.badge-card--otherworldly .bg-ep-surface{background:#081208;color:#b8ff6a;border-color:#2bd957}
.ranked-mini--otherworldly{box-shadow:0 0 0 1px #000,0 0 12px #39ff6aaa;animation:ranked-mini-aura 3.2s ease-in-out infinite}
.ranked-list-row--otherworldly{background:linear-gradient(90deg,#39ff6a22,transparent 65%)}
.ranked-feed--otherworldly,.today-best--otherworldly{box-shadow:0 0 18px #39ff6a66}
.rare-roll-atmosphere--otherworldly{--mote:#b8ff6a;--mote-glow:#39ff6aa8;background:radial-gradient(ellipse 30% 26% at 50% 17%,#39ff6a3a,transparent 88%)}
.rare-roll-atmosphere--otherworldly::after{background:radial-gradient(ellipse at 50% 15%,#d8ffd9a0,transparent 62%)}
.rare-roll-stage--otherworldly .rare-roll-stage-fx{--aura:#39ff6a;--aura-soft:#b8ff6a;--spark:#e9ffe9;--ray:#39ff6a}
.rare-roll-stage--otherworldly .rare-roll-stage-card{filter:drop-shadow(0 0 3px #000) drop-shadow(0 0 22px #39ff6acc)}
.rare-roll-stage--otherworldly .rare-roll-corona{background:conic-gradient(from 90deg,transparent 0 40%,#39ff6a66 47% 53%,transparent 60%);opacity:.6;animation:rare-turn 9s linear infinite}
.rare-roll-stage--otherworldly .rare-roll-rays{background:linear-gradient(180deg,#39ff6a00,#39ff6a55);clip-path:polygon(42% 0,58% 0,85% 100%,15% 100%);opacity:.55;animation:otherworldly-beam 1.6s ease-in-out infinite}
@keyframes otherworldly-beam{50%{opacity:.25}}
@media(prefers-reduced-motion:reduce){.rank-otherworldly-text,.rank-otherworldly-number,.rare-roll-stage--otherworldly .rare-roll-rays,.rare-roll-stage--otherworldly .rare-roll-corona{animation:none}}
.rare-roll-ufo{position:absolute;left:50%;top:6%;width:120px;height:44px;margin-left:-60px;pointer-events:none;animation:rare-ufo-hover 4.2s ease-in-out infinite;z-index:0}
.rare-roll-ufo-hull{position:absolute;inset:14px 0 6px;border-radius:50%;background:radial-gradient(ellipse at 50% 30%,#1b2a1d,#020402 70%);box-shadow:0 0 0 1.5px #39ff6a,0 0 18px #39ff6a88}
.rare-roll-ufo-hull::after{content:'';position:absolute;left:12%;right:12%;top:50%;height:4px;margin-top:-2px;background:repeating-linear-gradient(90deg,#b8ff6a 0 4px,transparent 4px 13px);animation:rare-ufo-lights .5s steps(3) infinite;filter:drop-shadow(0 0 3px #39ff6a)}
.rare-roll-ufo-dome{position:absolute;left:34%;right:34%;top:0;height:26px;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#5dff86aa,#0b2a10);box-shadow:0 0 12px #39ff6a99}
.rare-roll-ufo-beam{position:absolute;left:50%;top:32px;width:220px;height:62vh;margin-left:-110px;background:linear-gradient(180deg,#39ff6a66,#39ff6a00 90%);clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);animation:otherworldly-beam 1.4s ease-in-out infinite;mix-blend-mode:screen}
@keyframes rare-ufo-hover{0%,100%{transform:translate(-14px,0) rotate(-3deg)}50%{transform:translate(14px,6px) rotate(3deg)}}
@keyframes rare-ufo-lights{to{background-position:13px 0}}
@media(prefers-reduced-motion:reduce){.rare-roll-ufo,.rare-roll-ufo-beam,.rare-roll-ufo-hull::after{animation:none}}

/* ---------------------------------------------------------------- cataclysmic: meteor, fire, red */
.rank-cataclysmic-surface{background:radial-gradient(ellipse 80% 60% at 50% 115%,#ff6a1f88,transparent 70%),radial-gradient(ellipse 50% 40% at 80% -10%,#ffb13b33,transparent 70%),linear-gradient(180deg,#120302,#2a0703 55%,#5a1206);background-color:#1a0603;background-size:100% 100%,100% 100%,100% 100%;animation:cataclysmic-embers 2.4s ease-in-out infinite}
.rank-cataclysmic-feed{background:linear-gradient(120deg,#ffe9dc,#ffd0b3 55%,#ffb48a)}
.rank-cataclysmic-pill{background:linear-gradient(105deg,#1a0603,#8a1606 55%,#ff6a1f)}
.rank-cataclysmic-border{border-color:#b3200c}
.rank-cataclysmic-text,.rank-cataclysmic-number{color:#ffd2a1;text-shadow:0 0 4px #ff8a2a,0 0 14px #ff3a12cc,0 -2px 10px #ffb13b66,0 2px 0 #2a0400;animation:cataclysmic-flicker 1.7s steps(1) infinite}
.rank-cataclysmic-glow{box-shadow:0 0 0 1px #2a0400,0 0 18px #ff4a1caa,0 6px 26px #ff6a1f66}
@keyframes cataclysmic-embers{50%{background-position:0 -4px,0 0,0 0;filter:brightness(1.12)}}
@keyframes cataclysmic-flicker{0%{opacity:1}31%{opacity:.88}33%{opacity:1}70%{opacity:.93}72%{opacity:1}}
.badge-card--cataclysmic{border-color:#b3200c;background:radial-gradient(ellipse 90% 70% at 50% 120%,#ff4a1c3d,transparent 70%),linear-gradient(180deg,#140403,#2a0905);box-shadow:0 0 18px #ff4a1c66}
.badge-card--cataclysmic .text-prose{color:#ffe9dc}.badge-card--cataclysmic .text-prose-2,.badge-card--cataclysmic .text-prose-3{color:#e8a98a}
.badge-card--cataclysmic .bg-ep-surface{background:#200604;color:#ffd2a1;border-color:#b3200c}
.ranked-mini--cataclysmic{box-shadow:0 0 0 1px #2a0400,0 0 12px #ff4a1caa;animation:ranked-mini-aura 2.2s ease-in-out infinite}
.ranked-list-row--cataclysmic{background:linear-gradient(90deg,#ff4a1c26,transparent 65%)}
.ranked-feed--cataclysmic,.today-best--cataclysmic{box-shadow:0 0 18px #ff4a1c66}
.rare-roll-atmosphere--cataclysmic{--mote:#ffb13b;--mote-glow:#ff4a1ca8;background:radial-gradient(ellipse 32% 27% at 50% 17%,#ff6a1f3d,transparent 88%)}
.rare-roll-atmosphere--cataclysmic::after{background:radial-gradient(ellipse at 50% 15%,#ffe0b8b0,#ff6a1f40 45%,transparent 70%)}
.rare-roll-stage--cataclysmic .rare-roll-stage-fx{--aura:#ff4a1c;--aura-soft:#ffb13b;--spark:#ffe0b0;--ray:#ff6a1f}
.rare-roll-stage--cataclysmic .rare-roll-stage-card{filter:drop-shadow(0 0 3px #000) drop-shadow(0 0 22px #ff4a1ccc) drop-shadow(0 10px 30px #ff8a2a88)}
.rare-roll-stage--cataclysmic .rare-roll-corona{background:radial-gradient(circle,#ff6a1f00 38%,#ff6a1f55 48%,#ff4a1c00 62%);opacity:.8;animation:cataclysmic-ring 1.8s ease-out infinite}
.rare-roll-stage--cataclysmic .rare-roll-rays{background:repeating-conic-gradient(from 0deg,#ff6a1f00 0 7deg,#ff8a2a40 9deg,#ff6a1f00 12deg);opacity:.5;animation:rare-turn 14s linear infinite}
@keyframes cataclysmic-ring{from{transform:scale(.6);opacity:.9}to{transform:scale(1.6);opacity:0}}
.rare-roll-meteor{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}
.rare-roll-meteor i{position:absolute;right:0;top:0;width:180px;height:6px;border-radius:6px;transform-origin:100% 50%;background:linear-gradient(90deg,#ff4a1c00,#ff6a1f88 60%,#ffe0b0);filter:drop-shadow(0 0 8px #ff6a1f);animation:cataclysmic-meteor 3.2s cubic-bezier(.6,0,.9,.6) infinite;opacity:0}
.rare-roll-meteor i:nth-child(2){animation-delay:1.1s;width:120px;height:4px}.rare-roll-meteor i:nth-child(3){animation-delay:2.2s;width:90px;height:3px}
@keyframes cataclysmic-meteor{0%{transform:rotate(-32deg) translate(-46vw,0);opacity:0}8%{opacity:1}30%{transform:rotate(-32deg) translate(-8vw,0);opacity:1}34%,100%{transform:rotate(-32deg) translate(-8vw,0);opacity:0}}
@media(prefers-reduced-motion:reduce){.rank-cataclysmic-surface,.rank-cataclysmic-text,.rank-cataclysmic-number,.rare-roll-meteor i,.rare-roll-stage--cataclysmic .rare-roll-corona{animation:none}}

/* ---------------------------------------------------------------- error: purple-black, glitching */
.rank-error-surface{position:relative;background:repeating-linear-gradient(0deg,#ffffff07 0 1px,transparent 1px 3px),linear-gradient(180deg,#05020a,#12061f 55%,#1d0833);background-color:#0b0612;animation:error-tear 2.6s steps(1) infinite}
.rank-error-feed{background:linear-gradient(120deg,#efe4ff,#ddc8ff 55%,#c9a8ff)}
.rank-error-pill{background:linear-gradient(105deg,#05020a,#3b1270 60%,#8b3dff)}
.rank-error-border{border-color:#5b21b6}
.rank-error-text,.rank-error-number{color:#e9d5ff;text-shadow:-2px 0 #ff2e9a,2px 0 #50dcff,0 0 12px #8b3dff;animation:error-jitter 1.9s steps(1) infinite}
.rank-error-glow{box-shadow:0 0 0 1px #000,0 0 16px #8b3dffaa,-3px 0 0 #ff2e9a55,3px 0 0 #50dcff44}
@keyframes error-jitter{0%{text-shadow:-2px 0 #ff2e9a,2px 0 #50dcff,0 0 12px #8b3dff;transform:none}
 12%{text-shadow:-5px 0 #ff2e9a,4px 1px #50dcff,0 0 12px #8b3dff;transform:translate(1px,0) skewX(-6deg)}
 14%{text-shadow:-1px 0 #ff2e9a,1px 0 #50dcff,0 0 12px #8b3dff;transform:none}
 47%{transform:translate(-2px,1px);clip-path:inset(0 0 46% 0)}
 49%{transform:none;clip-path:none}
 71%{text-shadow:6px 0 #ff2e9a,-6px 0 #50dcff,0 0 18px #8b3dff;transform:translateX(-1px)}
 73%{text-shadow:-2px 0 #ff2e9a,2px 0 #50dcff,0 0 12px #8b3dff;transform:none}}
@keyframes error-tear{0%,100%{background-position:0 0,0 0}23%{background-position:0 2px,0 0;filter:hue-rotate(-20deg)}25%{filter:none}61%{filter:brightness(1.6) saturate(1.4);transform:translateX(1px)}62%{filter:none;transform:none}88%{background-position:0 -3px,0 0}}
.badge-card--error{border-color:#5b21b6;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 3px),linear-gradient(180deg,#07030d,#160828);box-shadow:-2px 0 0 #ff2e9a33,2px 0 0 #50dcff33,0 0 18px #8b3dff66;animation:error-tear 3.1s steps(1) infinite}
.badge-card--error .text-prose{color:#efe4ff}.badge-card--error .text-prose-2,.badge-card--error .text-prose-3{color:#b9a3dc}
.badge-card--error .bg-ep-surface{background:#0d0518;color:#e9d5ff;border-color:#5b21b6}
.ranked-mini--error{box-shadow:0 0 0 1px #000,0 0 12px #8b3dffaa;animation:error-tear 2.2s steps(1) infinite}
.ranked-list-row--error{background:linear-gradient(90deg,#8b3dff26,transparent 65%)}
.ranked-feed--error,.today-best--error{box-shadow:0 0 18px #8b3dff66}
.rare-roll-atmosphere--error{--mote:#e9d5ff;--mote-glow:#8b3dffa8;background:radial-gradient(ellipse 30% 26% at 50% 17%,#8b3dff40,transparent 88%)}
.rare-roll-atmosphere--error::after{background:linear-gradient(90deg,#ff2e9a12,transparent 30% 70%,#50dcff12);animation:error-tear 1.3s steps(1) infinite}
.rare-roll-stage--error .rare-roll-stage-fx{--aura:#8b3dff;--aura-soft:#e9d5ff;--spark:#ffffff;--ray:#8b3dff}
.rare-roll-stage--error .rare-roll-stage-card{filter:drop-shadow(-3px 0 0 #ff2e9a88) drop-shadow(3px 0 0 #50dcff77) drop-shadow(0 0 24px #8b3dffcc);animation:error-jitter 1.4s steps(1) infinite}
.rare-roll-stage--error .rare-roll-corona{background:repeating-linear-gradient(0deg,#8b3dff00 0 6px,#8b3dff33 6px 8px);opacity:.6;animation:error-tear .9s steps(1) infinite}
.rare-roll-error-bars{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.rare-roll-error-bars i{position:absolute;left:-10%;right:-10%;height:6px;background:#8b3dff55;mix-blend-mode:screen;animation:error-bar 2.3s steps(1) infinite;opacity:0}
.rare-roll-error-bars i:nth-child(1){top:22%}.rare-roll-error-bars i:nth-child(2){top:47%;height:14px;animation-delay:.7s;background:#ff2e9a33}.rare-roll-error-bars i:nth-child(3){top:71%;animation-delay:1.4s;background:#50dcff33}
@keyframes error-bar{0%{opacity:0}40%{opacity:1;transform:translateX(-3%)}43%{opacity:1;transform:translateX(4%)}46%{opacity:0}}
@media(prefers-reduced-motion:reduce){.rank-error-surface,.rank-error-text,.rank-error-number,.badge-card--error,.ranked-mini--error,.rare-roll-error-bars i,.rare-roll-stage--error .rare-roll-stage-card{animation:none}}

/* Otherworldly, Cataclysmic and Error rolls show their interface theme's
   own backdrop (theme-sky.js) behind the result instead of a painted one. */
.rare-roll-ufo,.rare-roll-meteor{display:none!important}

/* Transcendent (current pearl look): the old cyan glow layer is gone. */
.rare-roll-atmosphere--transcendent::after{background:radial-gradient(ellipse at 50% 16%,#fff,#ffe6f3d6 42%,#f7add433 62%,transparent 80%)}
.rare-roll-stage--transcendent .rare-roll-rays{opacity:.6;animation-duration:13s}

/* Devilish (exactly 666): brimstone red and black, embers and a slow heat shimmer. */
.rank-devilish-surface{position:relative;background:radial-gradient(ellipse 120% 90% at 50% 120%,#ff3b1a55,transparent 60%),linear-gradient(180deg,#0a0000,#240305 70%,#3d0508);animation:devil-heat 3.4s ease-in-out infinite}
.rank-devilish-feed{background:linear-gradient(120deg,#ffe2d6,#ffb3a0 55%,#ff7a62)}
.rank-devilish-pill{background:linear-gradient(105deg,#050000,#5c0409 60%,#e0141e)}
.rank-devilish-border{border-color:#8a0a10}
.rank-devilish-text,.rank-devilish-number{color:#ffd0c2;text-shadow:0 0 6px #ff3b1a,0 0 14px #e0141eaa,0 1px 0 #000;animation:devil-flicker 2.6s steps(1) infinite}
.rank-devilish-glow{box-shadow:0 0 0 1px #000,0 0 18px #e0141eaa,0 6px 24px -6px #ff5a1a88}
@keyframes devil-heat{0%,100%{filter:none}50%{filter:brightness(1.18) saturate(1.2)}}
@keyframes devil-flicker{0%,100%{opacity:1}31%{opacity:.82}33%{opacity:1}64%{opacity:.9;text-shadow:0 0 9px #ff5a1a,0 0 22px #e0141e,0 1px 0 #000}66%{opacity:1}}
.badge-card--devilish{border-color:#8a0a10;background:radial-gradient(ellipse 100% 70% at 50% 120%,#ff3b1a33,transparent 60%),linear-gradient(180deg,#0a0000,#200204);box-shadow:0 0 18px #e0141e66}
.badge-card--devilish .text-prose{color:#ffe2d6}.badge-card--devilish .text-prose-2,.badge-card--devilish .text-prose-3{color:#d99a8c}
.badge-card--devilish .bg-ep-surface{background:#180102;color:#ffd0c2;border-color:#8a0a10}
.ranked-mini--devilish{box-shadow:0 0 0 1px #000,0 0 12px #e0141eaa;animation:devil-heat 2.8s ease-in-out infinite}
.ranked-list-row--devilish{background:linear-gradient(90deg,#e0141e26,transparent 65%)}
.ranked-feed--devilish,.today-best--devilish{box-shadow:0 0 18px #e0141e66}
.rare-roll-atmosphere--devilish{--mote:#ffb08a;--mote-glow:#ff3b1aa8;background:radial-gradient(ellipse 60% 40% at 50% 105%,#ff3b1a40,transparent 80%),radial-gradient(ellipse 30% 26% at 50% 17%,#e0141e30,transparent 88%)}
.rare-roll-stage--devilish .rare-roll-stage-fx{--aura:#e0141e;--aura-soft:#ffb08a;--spark:#ffd27a;--ray:#ff3b1a}
.rare-roll-stage--devilish .rare-roll-stage-card{filter:drop-shadow(0 0 24px #e0141ecc) drop-shadow(0 8px 18px #ff5a1a66)}
@media(prefers-reduced-motion:reduce){.rank-devilish-surface,.rank-devilish-text,.rank-devilish-number,.ranked-mini--devilish{animation:none}}

/* Devilish theme: blood on the interface (devil-blood.js), above the page, below chat and dialogs. */
.devil-blood{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:115}
html.perf-mode .devil-blood{display:none}
/* Devilish theme: subliminal blood messages (devil-whispers.jsx). */
.devil-whispers{position:fixed;inset:0;pointer-events:none;z-index:2000;overflow:hidden}
.devil-whisper{position:absolute;transform:translate(-50%,-50%) rotate(var(--r));font:900 clamp(26px,5vw,62px)/1 "Times New Roman",Georgia,serif;letter-spacing:.08em;color:#d4000c;white-space:nowrap;
  text-shadow:0 0 1px #000,1px 1px 0 #000,-1px -1px 0 #000,0 3px 0 #5a0004,0 0 22px rgba(255,0,16,.75)}
/* Glitch: two torn copies, red and pale, jump sideways in slices. */
.devil-whisper::before,.devil-whisper::after{content:attr(data-text);position:absolute;left:0;top:0;pointer-events:none}
.devil-whisper::before{color:#ff2a2a;text-shadow:-3px 0 #00e5ff99;clip-path:inset(12% 0 58% 0);animation:devil-tear 140ms steps(1) infinite}
.devil-whisper::after{color:#ffd6d0;text-shadow:3px 0 #ff000099;clip-path:inset(60% 0 8% 0);animation:devil-tear 110ms steps(1) infinite reverse;mix-blend-mode:screen}
.devil-whisper--flash{animation:devil-flash var(--ms) steps(3,end) forwards}
.devil-whisper--writ{font-size:clamp(34px,8vw,110px);opacity:0;-webkit-mask-image:linear-gradient(90deg,#000 45%,transparent 55%);mask-image:linear-gradient(90deg,#000 45%,transparent 55%);-webkit-mask-size:220% 100%;mask-size:220% 100%;
  animation:devil-write var(--ms) ease-out forwards}
.devil-whisper--writ::before,.devil-whisper--writ::after{animation-duration:420ms,330ms;opacity:.7}
.devil-whisper i{position:absolute;top:78%;height:0;border-radius:0 0 3px 3px;background:linear-gradient(#b0000a,#7a0006 80%,#4a0004);animation:devil-drip var(--d) cubic-bezier(.5,0,.8,.6) .6s forwards}
.devil-whisper i::after{content:"";position:absolute;bottom:-3px;left:50%;width:180%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:#7a0006}
@keyframes devil-flash{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--r)) skewX(-8deg)}34%{opacity:.95;transform:translate(calc(-50% + 6px),-50%) rotate(var(--r)) scaleX(1.06)}67%{opacity:.8;transform:translate(calc(-50% - 4px),calc(-50% + 2px)) rotate(var(--r))}100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--r))}}
@keyframes devil-tear{0%{transform:translateX(-6px);clip-path:inset(10% 0 62% 0)}25%{transform:translateX(5px);clip-path:inset(44% 0 30% 0)}50%{transform:translateX(-3px);clip-path:inset(70% 0 4% 0)}75%{transform:translateX(8px);clip-path:inset(22% 0 50% 0)}}
@keyframes devil-write{0%{opacity:.95;-webkit-mask-position:100% 0;mask-position:100% 0}22%{opacity:.95;-webkit-mask-position:0 0;mask-position:0 0}70%{opacity:.8}100%{opacity:0;-webkit-mask-position:0 0;mask-position:0 0}}
@keyframes devil-drip{to{height:var(--h)}}
@media (prefers-reduced-motion:reduce){.devil-whisper::before,.devil-whisper::after{animation:none;display:none}}

/* New personal best (new-best.jsx), over the number after its digits appear. */
.new-best{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:5}
.new-best-ring{position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:3px solid #ffd76a;box-shadow:0 0 24px #ffcf4d,inset 0 0 18px #ffcf4d88;opacity:0;animation:new-best-ring 1.1s cubic-bezier(.2,.7,.3,1) forwards}
.new-best-ring.is-late{animation-delay:.18s;border-width:2px}
@keyframes new-best-ring{0%{transform:scale(.4);opacity:1}100%{transform:scale(4.2);opacity:0}}
.new-best-spark{position:absolute;left:50%;top:50%;width:var(--size);height:var(--size);border-radius:50%;background:#fff3c4;box-shadow:0 0 8px #ffcf4d;opacity:0;animation:new-best-spark 1.6s var(--delay) cubic-bezier(.15,.7,.4,1) forwards}
@keyframes new-best-spark{0%{transform:translate(0,0) scale(1);opacity:1}55%{transform:translate(var(--x),var(--y)) scale(1);opacity:1}100%{transform:translate(var(--x),calc(var(--y) + var(--fall))) scale(.3);opacity:0}}
.new-best-banner{position:absolute;top:calc(100% + 6px);padding:6px 16px;border-radius:999px;font:800 13px/1.2 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#3b2500;white-space:nowrap;
  background:linear-gradient(100deg,#e8a91c 0%,#ffe08a 40%,#fff8dc 50%,#ffe08a 60%,#e8a91c 100%);background-size:250% 100%;box-shadow:0 4px 22px #ffbf2e88;
  animation:new-best-stamp .5s .15s cubic-bezier(.3,1.6,.5,1) both,new-best-shine 1.4s .6s ease-in-out both,new-best-out .6s 3.6s ease-in forwards}
@keyframes new-best-stamp{0%{transform:scale(2.4);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes new-best-shine{0%{background-position:100% 0}100%{background-position:0 0}}
@keyframes new-best-out{to{opacity:0;transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.new-best-ring,.new-best-spark{display:none}}