@font-face{font-family:Cinzel;src:url('/fonts/cinzel.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#090b13;color:#f3eddc;font:16px/1.65 system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#e4bf7b}a:focus-visible,.orbit-strip:focus-visible{outline:2px solid #d1ac6a;outline-offset:5px}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid #54482f}.brand{display:flex;align-items:center;gap:12px;font:17px/1.35 Cinzel,Georgia,serif;letter-spacing:.04em}.brand img{object-fit:contain}header nav,footer nav{display:flex;gap:30px;font-size:14px}h1,h2,h3{font-family:Cinzel,Georgia,serif;font-weight:500;margin:0}h1{font-size:clamp(40px,5.8vw,76px);line-height:1.12;letter-spacing:-.02em}h2{font-size:30px}h3{font-size:23px}.intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:50px;padding:65px 0 75px;min-height:440px}.intro p{max-width:410px;color:#bebdca;font-size:18px;margin:25px 0}.hero-logo{width:100%;max-width:340px;justify-self:center;height:auto}.action{display:inline-flex;gap:35px;align-items:center;padding:11px 23px;border:1px solid #d1ac6a;outline:1px solid #6e5b3d;outline-offset:4px;border-radius:30px;font-size:14px;margin:10px 5px;color:#e4c78e}.world{background:#0b1c17;border-block:1px solid #51482f;padding:32px 0 25px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-top>span{font-size:12px;color:#acae9c}.orbit-strip{display:flex;gap:60px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(32px,calc((100vw - 1180px)/2));padding:15px max(32px,calc((100vw - 1180px)/2)) 25px;scrollbar-color:#b9955f #142a20;overscroll-behavior-x:contain}.orbit{flex:0 0 440px;scroll-snap-align:start;min-width:0}.orbit-art{height:430px;display:grid;place-items:center}.orbit-art img{width:100%;height:100%;object-fit:contain}.orbit-caption{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 15px;border-top:1px solid #655337;padding:18px 0 8px}.orbit-caption>span:first-child{grid-column:1/-1;font-size:11px;color:#c6ad7b;letter-spacing:.12em;text-transform:uppercase}.orbit-caption>span:last-child{font-size:22px;color:#c6ad7b}.guides{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;padding:65px 0}.guides p{color:#b4b4c3;font-size:15px}.guides nav>a{display:grid;grid-template-columns:40px 1fr auto;padding:16px 0;border-bottom:1px solid #403b30;font:21px Cinzel,Georgia,serif}.guides nav>a:first-child{border-top:1px solid #403b30}.guides nav span{font:12px system-ui,sans-serif;color:#bda06b;align-self:center}footer{padding:24px 0 32px;border-top:1px solid #54482f;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#aaa9b4}footer nav{font-size:12px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;padding:10px;background:#090b13;z-index:5}@media(max-width:700px){.wrap{width:calc(100% - 36px)}header{padding:15px 0}.brand{font-size:12px;gap:6px}.brand img{width:46px;height:46px}header nav{gap:15px;font-size:12px}header nav a:last-child{display:none}.intro{grid-template-columns:1fr 100px;gap:10px;padding:48px 0;min-height:0}h1{font-size:clamp(29px,7vw,45px)}.hero-logo{width:110px}.intro p{font-size:15px;margin:20px 0;max-width:260px}.action{font-size:12px;padding:9px 16px;gap:18px}.section-top{align-items:end}h2{font-size:25px}.section-top>span{font-size:11px}.orbit-strip{gap:30px;padding-inline:18px;scroll-padding-inline:18px}.orbit{flex-basis:82vw}.orbit-art{height:330px}.orbit-caption h3{font-size:21px}.guides{grid-template-columns:1fr;gap:20px;padding:45px 0}.guides p{margin-bottom:5px}footer{flex-direction:column;gap:12px}footer nav{gap:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{background:radial-gradient(ellipse at 45% 0,#18264799,transparent 55%),#07080f}
#star-sky{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
header,main,footer{position:relative}button{font:inherit;color:inherit;cursor:pointer;background:#0b0d19;border:1px solid #887044;border-radius:30px;padding:9px 17px}button:hover{border-color:#f2c66d;color:#f2c66d}button:focus-visible{outline:2px solid #f2c66d;outline-offset:4px}
.intro{grid-template-columns:1fr 1.3fr;min-height:650px;padding-block:35px;gap:0}.intro>div:first-child{z-index:2}.hero-creatures{position:relative;min-width:0;height:600px}.hero-creatures img{position:absolute;object-fit:contain;filter:drop-shadow(0 12px 35px #9a7fd633)}.hero-lead{width:95%;height:95%;right:0;top:-5%}.hero-bird{width:35%;height:35%;right:-3%;bottom:2%}.hero-cub{width:41%;height:41%;left:-4%;bottom:-2%}
.roster{padding:55px 0 90px}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#d5b778;margin:0 0 8px}.roster h2{font-size:clamp(32px,4vw,48px)}.section-top>a{color:#d5b778;font-size:14px}.roster-filters{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 10px}.roster-filters button{font-size:12px;padding:7px 18px;background:transparent}.roster-filters button[aria-pressed=true]{background:#f2c66d;color:#080910}.eidolon-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.eidolon-art{text-align:center;padding-bottom:15px}.eidolon-art>div{height:340px;position:relative;background:radial-gradient(ellipse at 50% 70%,#263b7826,transparent 68%)}.eidolon-art img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.eidolon-art:hover img{transform:translateY(-8px) scale(1.035)}.eidolon-art h3{font-size:23px;margin-top:10px}.eidolon-art>span{font-size:11px;color:#b7b6ca;letter-spacing:.12em;text-transform:uppercase}.eidolon-art[hidden]{display:none}
.world{background:radial-gradient(ellipse at 50% 55%,#18392b9c,transparent 75%),#07161066;padding-block:35px}.orbit-controls{display:flex;gap:10px}.orbit-controls button{min-width:45px}.orbit-strip.enhanced{display:grid;overflow:hidden;padding:0;width:min(1180px,calc(100% - 64px));margin:auto;min-height:550px}.enhanced .orbit{grid-area:1/1;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:55px;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .8s,transform .8s,visibility .8s}.enhanced .orbit.active{opacity:1;visibility:visible;transform:none}.enhanced .orbit-art{height:490px}.enhanced .orbit-caption{border-top:0;display:block}.enhanced .orbit-caption h3{font-size:clamp(30px,4vw,52px);margin:12px 0}.orbit-caption>span:last-child{display:none}.motion-control{position:fixed;right:14px;bottom:14px;z-index:5;font-size:11px;backdrop-filter:blur(12px);background:#090b13c9}
@media(max-width:700px){.intro{grid-template-columns:1fr;padding:45px 0 10px;min-height:0}.intro h1{font-size:48px}.intro p{max-width:340px}.hero-creatures{height:390px;margin-top:-15px}.hero-lead{right:0;width:85%}.hero-bird{right:0}.hero-cub{left:0}.roster{padding-top:35px}.eidolon-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.eidolon-art>div{height:210px}.eidolon-art h3{font-size:18px}.section-top>a{font-size:11px}.roster-filters{gap:7px}.roster-filters button{padding:7px 12px}.orbit-strip.enhanced{width:calc(100% - 36px);min-height:470px}.enhanced .orbit{grid-template-columns:1fr;gap:0;align-content:start}.enhanced .orbit-art{height:340px}.enhanced .orbit-caption{text-align:center;padding:0 0 22px}.enhanced .orbit-caption h3{font-size:27px}.orbit-controls{gap:5px}.orbit-controls button{padding:7px 12px;min-width:36px;font-size:12px}.roster .section-top{align-items:center}}
@media(prefers-reduced-motion:reduce){.enhanced .orbit,.eidolon-art img{transition:none}.eidolon-art:hover img{transform:none}}

#star-sky{z-index:0}header,main,footer{z-index:1}

.roster-filters button,.orbit-controls button{border:0;border-radius:0;background:transparent url('/assets/Pill-Wide-Button.svg') center/100% 150% no-repeat;min-width:112px;height:44px;padding:9px 22px;font-family:Cinzel,Georgia,serif;font-size:12px;color:#fff1cf}
.roster-filters button:hover,.orbit-controls button:hover{color:#f2c66d;filter:drop-shadow(0 0 5px #c8a26b88)}
.roster-filters button[aria-pressed=true]{color:#f2c66d;background-color:transparent;background-image:url('/assets/Pill-Wide-Button.svg');filter:drop-shadow(0 0 8px #c8a26b66)}
.roster-filters button[aria-pressed=true]::before{content:'✦';margin-right:7px}
.orbit-controls #orbit-prev,.orbit-controls #orbit-next{background-image:url('/assets/Circle-Button.svg');background-size:152% 152%;height:46px;width:46px;min-width:46px;padding:0;font:22px Georgia,serif}
.eidolon-gallery{display:block}.eidolon-family{padding:28px 0 45px;border-bottom:1px solid #c8a26b38}.eidolon-family[hidden]{display:none}.family-heading{display:flex;justify-content:space-between;gap:20px;font:12px Cinzel,Georgia,serif;color:#c8a26b;padding:12px 0 20px}.family-heading>span:first-child{letter-spacing:.13em}.family-members{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.eidolon-art>div{height:330px}.eidolon-art .form-label{font-size:10px;color:#aaa6b8;letter-spacing:.15em}.eidolon-art h3{margin-top:2px}.roster{padding-bottom:40px}
.orbit-strip.enhanced{position:relative;display:block;overflow:visible;height:510px;min-height:0;padding:0}
.enhanced .orbit{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);width:100%;height:100%;gap:40px;transform:none;transition:opacity .5s,visibility .5s}
.enhanced .orbit-art{height:100%;min-width:0;padding:24px;overflow:visible;display:flex;align-items:center;justify-content:center}
.enhanced .orbit-art img{display:block;width:100%;height:100%;max-width:460px;max-height:460px;object-fit:contain;user-select:none;-webkit-user-drag:none}
.enhanced .orbit-caption{min-width:0}.enhanced .orbit-caption h3{font-size:clamp(30px,3.5vw,48px)}.world{padding-bottom:30px}
@media(max-width:700px){.family-heading{font-size:10px;flex-wrap:wrap;gap:8px}.family-members{gap:7px}.eidolon-art>div{height:clamp(100px,30vw,190px)}.eidolon-art h3{font-size:clamp(11px,3.1vw,16px)}.eidolon-art .form-label{font-size:8px}.eidolon-family{padding-bottom:25px}.roster-filters{gap:5px}.roster-filters button{min-width:100px;height:40px;font-size:10px;padding:8px 18px}.orbit-controls #orbit-play{min-width:80px;font-size:10px}.orbit-controls #orbit-prev,.orbit-controls #orbit-next{width:38px;min-width:38px;height:38px}.orbit-strip.enhanced{height:460px;width:calc(100% - 36px)}.enhanced .orbit{grid-template-columns:1fr;grid-template-rows:350px 100px;gap:0}.enhanced .orbit-art{padding:12px;height:350px}.enhanced .orbit-art img{width:100%;height:100%;max-width:320px;max-height:326px}.enhanced .orbit-caption h3{font-size:27px;margin:5px 0}.world .section-top{align-items:center}.world h2{font-size:23px}}

.legendary-art{display:block;max-width:660px;margin:auto}.legendary-art>div{height:520px}.legendary-art h3{font-size:34px}@media(max-width:700px){.legendary-art>div{height:360px}.legendary-art h3{font-size:27px}}

@font-face{font-family:Josefin Sans;src:url('/fonts/josefin-sans.ttf') format('truetype');font-weight:100 700;font-display:swap}
body,h1,h2,h3,.brand,button,.roster-filters button,.orbit-controls button,.family-heading,.guides nav>a{font-family:'Josefin Sans',sans-serif}
h1,h2,h3{font-weight:500}h1{line-height:1.12}.brand{font-weight:600;font-size:19px}.intro p{font-size:20px}
header nav{gap:12px;align-items:center}header nav>a,.roster .section-top>a,footer nav>a{display:inline-flex;align-items:center;justify-content:center;min-width:110px;min-height:46px;padding:10px 24px;background:transparent url('/assets/Pill-Wide-Button.svg') center/100% 150% no-repeat;font:600 16px 'Josefin Sans',sans-serif;color:#fff1cf;text-align:center;white-space:nowrap}
header nav>a:hover,.roster .section-top>a:hover,footer nav>a:hover{color:#f2c66d;filter:drop-shadow(0 0 5px #c8a26b77)}.roster .section-top>a{min-width:175px}footer nav{gap:10px;flex-wrap:wrap}footer nav>a{font-size:14px;min-width:95px;min-height:42px}.roster-filters button{font-size:15px}.orbit-controls #orbit-play{font-size:15px}
@media(max-width:700px){header{flex-wrap:wrap;gap:16px}header nav{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}header nav a:last-child{display:inline-flex}header nav>a{font-size:13px;min-width:0;min-height:40px;padding:8px}.brand{font-size:17px}.roster .section-top>a{min-width:140px;font-size:14px;padding:10px 15px}.intro p{font-size:17px}.roster-filters button{font-size:13px}.orbit-controls #orbit-play{font-size:13px}footer nav>a{min-width:85px}}

.world{--world-sky:#081F15;--world-ink:#E7D7B6;--world-accent:#CFBE94;background:var(--world-sky);color:var(--world-ink);border-color:var(--world-accent);transition:background-color .55s,color .55s,border-color .55s;overflow:hidden}
.world .section-top{position:relative;z-index:2}.enhanced .orbit{isolation:isolate}.enhanced .orbit::before{content:'';position:absolute;inset:-30px -12vw;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 60%,var(--orbit-glow-two) 0%,transparent 58%),radial-gradient(ellipse at 85% 25%,var(--orbit-glow) 0%,transparent 65%);opacity:.5}
.enhanced .orbit-caption>span:first-child{color:var(--world-accent)}.enhanced .orbit-caption h3{color:var(--world-ink)}
.orbit-controls #orbit-play,.orbit-controls #orbit-prev,.orbit-controls #orbit-next{background:transparent url('/assets/Circle-Button.svg') center/152% 152% no-repeat;border:0;border-radius:50%;width:46px;height:46px;min-width:46px;padding:0;display:inline-flex;align-items:center;justify-content:center;font:21px 'Josefin Sans',sans-serif;color:var(--world-ink)}
.orbit-controls #orbit-play{font-size:18px}.orbit-controls{gap:10px}
@media(max-width:700px){.orbit-controls #orbit-play,.orbit-controls #orbit-prev,.orbit-controls #orbit-next{width:38px;height:38px;min-width:38px;font-size:19px}.orbit-controls #orbit-play{font-size:16px}.orbit-controls{gap:6px}}
@media(prefers-reduced-motion:reduce){.world{transition:none}}

.orbit:nth-child(1){--orbit-glow:#2E5031;--orbit-glow-two:#677E48;--orbit-detail:#AAB772}
.orbit:nth-child(2){--orbit-glow:#154655;--orbit-glow-two:#287D80;--orbit-detail:#81C8B7}
.orbit:nth-child(3){--orbit-glow:#684430;--orbit-glow-two:#C18E5F;--orbit-detail:#70939A}
.orbit:nth-child(4){--orbit-glow:#3F312A;--orbit-glow-two:#75534B;--orbit-detail:#5B8372}
.orbit:nth-child(5){--orbit-glow:#285A4B;--orbit-glow-two:#739562;--orbit-detail:#B3C070}
.orbit:nth-child(6){--orbit-glow:#3C4B4E;--orbit-glow-two:#728685;--orbit-detail:#ADBEBE}

.roster-filters{gap:10px;margin-bottom:20px;flex-wrap:wrap}.roster-filters button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:56px;padding:8px 20px}.symbol-icon{width:36px;height:36px;object-fit:contain;flex-shrink:0}.class-symbols{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px 34px;padding:20px 0 30px;border-bottom:1px solid #c5a46444;margin-bottom:36px}.class-symbols a{display:inline-flex;align-items:center;gap:10px;color:#eee8d7;text-decoration:none}.class-symbols a:hover{color:#eac36c}.class-symbols .symbol-icon{width:42px;height:42px}.symbol-row-label{color:#aaa5bd;font-size:15px;letter-spacing:.1em;text-transform:uppercase}.family-heading>span:first-child{display:flex;align-items:center;gap:6px}.family-heading .symbol-icon{width:28px;height:28px}.portrait-class{display:flex;align-items:center;justify-content:center;gap:6px;color:#bdb7cb;font-size:16px;margin-top:8px}.portrait-class .symbol-icon{width:28px;height:28px}.eidolon-art .portrait-class img{width:28px;height:28px;filter:none;transform:none}.class-symbols a:focus-visible{outline:2px solid #eac36c;outline-offset:6px}#symbol-empty{padding:55px 20px;text-align:center;color:#bdb7cb}#symbol-empty[hidden]{display:none}@media(max-width:600px){.class-symbols{gap:15px 22px}.symbol-row-label{width:100%;text-align:center}.class-symbols a{font-size:16px}.roster-filters button{padding:7px 13px;min-height:48px;font-size:15px}.roster-filters .symbol-icon{width:29px;height:29px}}

.roster-filters{align-items:flex-end;justify-content:center;gap:20px 14px;margin-top:30px;margin-bottom:30px}.roster-filters button,.roster-filters button[aria-pressed=true]{display:flex;flex-direction:column;justify-content:flex-end;gap:12px;width:140px;height:150px;min-height:150px;min-width:0;padding:0;background:none;border:0;filter:none}.roster-filters button .symbol-icon{width:84px;height:84px;min-height:84px;object-fit:contain;display:block}.roster-filters button::before,.roster-filters button[aria-pressed=true]::before{content:none}.roster-filters .type-button-label{width:100%;height:44px;display:flex;align-items:center;justify-content:center;background:transparent url('/assets/Pill-Wide-Button.svg') center/100% 150% no-repeat;font-size:16px;color:#fff1cf}.roster-filters button:hover .symbol-icon,.roster-filters button[aria-pressed=true] .symbol-icon{filter:drop-shadow(0 0 10px #c8a26b55)}.roster-filters button[aria-pressed=true] .type-button-label{color:#f2c66d;filter:drop-shadow(0 0 7px #c8a26b66)}.roster-filters button[aria-pressed=true] .type-button-label::before{content:'✦';margin-right:6px}.roster-filters button:focus-visible{outline:2px solid #eac36c;outline-offset:5px;border-radius:10px}@media(max-width:600px){.roster-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 8px}.roster-filters button,.roster-filters button[aria-pressed=true]{width:100%;height:125px;min-height:125px;gap:9px}.roster-filters button .symbol-icon{width:72px;height:72px;min-height:72px}.roster-filters .type-button-label{font-size:14px;height:40px}.roster-filters button[data-filter=all]{grid-column:1/-1;justify-self:center;width:120px;height:40px;min-height:40px}}


/* Centered original artwork: black circular types, hexagonal classes, full colored glow. */
.symbol-backlight{--symbol-light:#d7b878;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;overflow:visible}
.symbol-backlight::before{content:"";position:absolute;inset:-10%;border-radius:50%;background:var(--symbol-light);filter:blur(17px);opacity:1;z-index:-1;pointer-events:none}
.symbol-backlight::after{content:"";position:absolute;inset:8.89%;border-radius:50%;background:#000;opacity:1;z-index:0;pointer-events:none}
.symbol-backlight:has([src*="/Class-"])::after{inset:0;border-radius:0;clip-path:polygon(50% 0%,93.30127% 25%,93.30127% 75%,50% 100%,6.69873% 75%,6.69873% 25%)}
.symbol-backlight:has([src*="Stellar-"]){--symbol-light:#f2ce65}
.symbol-backlight:has([src*="Astral-"]){--symbol-light:#58bbcf}
.symbol-backlight:has([src*="Entropy-"]){--symbol-light:#a5bd61}
.symbol-backlight:has([src*="Void-"]){--symbol-light:#c15d8b}
.symbol-backlight:has([src*="Temporal-"]){--symbol-light:#70b9a9}
.symbol-backlight:has([src*="Singularity-"]){--symbol-light:#aa7acb}
.symbol-backlight:has([src*="Ravager-"]){--symbol-light:#d54b6a}
.symbol-backlight:has([src*="Invoker-"]){--symbol-light:#9f9eea}
.symbol-backlight:has([src*="Sentinel-"]){--symbol-light:#eda443}
.symbol-backlight:has([src*="Conduit-"]){--symbol-light:#8bd9e5}
.symbol-backlight .symbol-icon{position:relative;z-index:2;background:none;border-radius:0;filter:none;transform:none}
.roster-filters button .symbol-backlight,.roster-filters button .symbol-icon{width:90px;height:90px;min-height:90px}
.roster-filters button:hover,.roster-filters button[aria-pressed=true],.roster-filters button:hover .symbol-icon,.roster-filters button[aria-pressed=true] .symbol-icon{filter:none}
.class-symbols{gap:22px 38px;padding-top:24px;padding-bottom:36px}
.class-symbols .symbol-backlight,.class-symbols .symbol-icon{width:78px;height:78px}
.class-symbols a{gap:14px}
.family-heading .symbol-backlight,.family-heading .symbol-icon{width:28px;height:28px}
.eidolon-art .portrait-class .symbol-backlight,.eidolon-art .portrait-class .symbol-icon{width:38px;height:38px;filter:none;transform:none}
.family-heading .symbol-backlight::before,.portrait-class .symbol-backlight::before{filter:blur(7px)}
@media(max-width:600px){.class-symbols{gap:22px}.class-symbols .symbol-backlight,.class-symbols .symbol-icon{width:62px;height:62px}.class-symbols a{gap:10px}.roster-filters button .symbol-backlight,.roster-filters button .symbol-icon{width:76px;height:76px;min-height:76px}}

/* Type and class names retain their icon colors, including selected and hover states. */
.roster-filters button[data-filter="stellar"]{--symbol-ink:#f2c66d}
.roster-filters button[data-filter="astral"]{--symbol-ink:#4c91a3}
.roster-filters button[data-filter="entropy"]{--symbol-ink:#687044}
.roster-filters button[data-filter="void"]{--symbol-ink:#7d3b52}
.roster-filters button[data-filter="temporal"]{--symbol-ink:#62847a}
.roster-filters button[data-filter="singularity"]{--symbol-ink:#695477}
.roster-filters button[data-filter]:not([data-filter="all"]) .type-button-label{color:var(--symbol-ink)}
.class-symbols a:has([src*="Class-Ravager-"]){color:#8c273e}
.class-symbols a:has([src*="Class-Invoker-"]){color:#8692df}
.class-symbols a:has([src*="Class-Sentinel-"]){color:#d58936}
.class-symbols a:has([src*="Class-Conduit-"]){color:#9edce6}

/* Keep line badges at the desktop icon-to-portrait ratio as portraits shrink. */
.eidolon-family:has(.family-members){container-type:inline-size;--family-art-height:330px;--family-column-gaps:52px;--family-portrait-size:min(var(--family-art-height),calc((100cqw - var(--family-column-gaps)) / 3));--family-class-size:calc(var(--family-portrait-size) * .11515152);--family-type-size:calc(var(--family-portrait-size) * .08484848)}
.family-members .eidolon-art{padding-bottom:0}
.family-members .eidolon-art>div{height:var(--family-art-height)}
.family-heading .symbol-backlight,.family-heading .symbol-icon{width:var(--family-type-size,28px);height:var(--family-type-size,28px)}
.family-class{display:flex;align-items:center;justify-content:center;gap:clamp(4px,calc(var(--family-portrait-size) * .01818),6px);margin-top:12px;color:#bdb7cb;font-size:clamp(11px,calc(var(--family-portrait-size) * .04848),16px);letter-spacing:.12em;text-transform:uppercase}
.family-class .symbol-backlight,.family-class .symbol-icon{width:var(--family-class-size);height:var(--family-class-size)}
.eidolon-family:has(.family-members) .symbol-backlight::before{filter:blur(calc(var(--family-portrait-size) * .02121212))}
@media(max-width:700px){.eidolon-family:has(.family-members){--family-art-height:clamp(100px,30vw,190px);--family-column-gaps:14px}.legendary-art .portrait-class .symbol-backlight,.legendary-art .portrait-class .symbol-icon{width:26.31px;height:26.31px}}