.race-catalogue{--race-accent:#ff714f;--race-accent-soft:#ff714f33;color:#f7f8fb}.race-theme-sylph{--race-accent:#75dbff;--race-accent-soft:#75dbff33}.race-theme-caitsith{--race-accent:#82e77f;--race-accent-soft:#82e77f33}.race-theme-pooka{--race-accent:#dc8cff;--race-accent-soft:#dc8cff33}.race-theme-gnome{--race-accent:#dfb06f;--race-accent-soft:#dfb06f33}.race-theme-leprechaun{--race-accent:#f1d65d;--race-accent-soft:#f1d65d33}.race-theme-spriggan{--race-accent:#a984ff;--race-accent-soft:#a984ff33}.race-theme-undine{--race-accent:#66b9ff;--race-accent-soft:#66b9ff33}.race-theme-imp{--race-accent:#ef5cbd;--race-accent-soft:#ef5cbd33}.race-selector{background:#090d14;border:1px solid #ffffff1c;grid-template-columns:repeat(9,minmax(0,1fr));display:grid}.race-selector-item{color:#818b9c;cursor:pointer;background:0 0;border:0;border-right:1px solid #ffffff14;min-width:0;min-height:76px;padding:12px 8px 10px}.race-selector-item:last-child{border-right:0}.race-selector-item img{width:28px;height:28px;image-rendering:pixelated;filter:saturate(.7);opacity:.7;margin:0 auto 8px;display:block}.race-selector-item span{letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:900;display:block;overflow:hidden}:is(.race-selector-item:hover,.race-selector-item:focus-visible){color:#fff;background:#ffffff09;outline:none}.race-selector-item:focus-visible{box-shadow:inset 0 0 0 1px var(--race-accent)}.race-selector-item[aria-pressed=true]{color:#fff;background:linear-gradient(180deg,var(--race-accent-soft),#ffffff05);box-shadow:inset 0 2px var(--race-accent)}.race-selector-item[aria-pressed=true] img{filter:none;opacity:1}.race-stage{background:radial-gradient(circle at 24% 48%,var(--race-accent-soft),transparent 33%),linear-gradient(120deg,#090e17,#0c111b 58%,#080b11);border:1px solid #ffffff1c;border-top:0;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);min-height:520px;display:grid;overflow:hidden}.race-model{perspective:700px;isolation:isolate;place-items:center;min-height:520px;display:grid;position:relative}.race-model:after{content:"";z-index:-1;border:1px solid var(--race-accent);background:radial-gradient(ellipse,var(--race-accent-soft),transparent 67%);width:190px;height:34px;box-shadow:0 0 38px var(--race-accent-soft),inset 0 0 20px var(--race-accent-soft);border-radius:50%;position:absolute;bottom:58px;transform:rotateX(66deg)}.race-model-aura{z-index:-2;background:radial-gradient(ellipse,var(--race-accent-soft),transparent 68%);filter:blur(18px);border-radius:50%;width:280px;height:360px;animation:4.6s ease-in-out infinite alternate raceAura;position:absolute}.race-model-wings{object-fit:contain;width:320px;height:320px;image-rendering:pixelated;filter:drop-shadow(0 0 18px var(--race-accent));animation:3.6s ease-in-out infinite alternate raceWingFloat;position:absolute}.race-model-render{z-index:2;touch-action:pan-y;cursor:grab;filter:drop-shadow(0 18px 12px #0000006b);outline:none;width:min(280px,90%);height:390px;animation:3.6s ease-in-out infinite alternate raceBodyFloat;position:relative}.race-model-render:active{cursor:grabbing}.race-model-render:focus-visible{border:1px solid var(--race-accent);box-shadow:0 0 28px var(--race-accent-soft)}.race-model-render .skin-model-canvas{width:100%!important;height:100%!important}.race-model-render>p{color:#8d98aa;place-items:center;height:100%;margin:0;font-size:11px;display:grid}.race-model-variant{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070b12db;border:1px solid #ffffff1f;display:flex;position:absolute;bottom:38px;left:28px}.race-model-variant button{color:#8792a4;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-right:1px solid #ffffff1a;min-height:34px;padding:0 12px;font-size:9px;font-weight:900}.race-model-variant button:last-child{border-right:0}:is(.race-model-variant button:hover,.race-model-variant button:focus-visible){color:#fff;outline:none}.race-model-variant button[aria-pressed=true]{color:#fff;background:var(--race-accent-soft);box-shadow:inset 0 2px var(--race-accent)}.race-model-affinity{z-index:4;border:1px solid var(--race-accent);width:64px;height:64px;image-rendering:pixelated;box-shadow:0 0 24px var(--race-accent-soft);background:#080c13;padding:10px;position:absolute;bottom:42px;right:clamp(26px,7%,52px)}.race-summary{align-self:center;max-width:620px;padding:70px clamp(34px,6vw,84px) 70px 24px}.race-overline,.race-skills-heading p{color:var(--race-accent);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:10px;font-weight:900}.race-summary h2{letter-spacing:-.03em;margin:14px 0 35px;font-size:clamp(45px,6vw,78px);font-weight:950;line-height:.9}.race-ability{border-left:2px solid var(--race-accent);padding:23px 0 23px 24px}.race-ability span{color:#8993a4;letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:850}.race-ability p{color:#e2e6ec;max-width:520px;margin:10px 0 0;font-size:16px;line-height:1.65}.race-flight-note{color:#808a9a;max-width:520px;margin:24px 0 0;font-size:12px;line-height:1.7}.race-skills{background:#0a0f17;border:1px solid #ffffff1c;margin-top:34px}.race-skills-heading{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:end;gap:30px;padding:28px 30px;display:flex}.race-skills-heading h3{margin:8px 0 0;font-size:25px}.race-skills-heading>span{color:#737d8d;text-align:right;max-width:360px;font-size:11px;line-height:1.6}.race-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.race-skill{border-bottom:1px solid #ffffff12;border-right:1px solid #ffffff12;align-items:center;gap:15px;min-height:82px;padding:17px 21px;display:flex}.race-skill:nth-child(3n){border-right:0}.race-skill img{image-rendering:pixelated;flex:none}.race-skill strong,.race-skill span{display:block}.race-skill strong{font-size:13px}.race-skill span{color:#687384;letter-spacing:.09em;text-transform:uppercase;margin-top:5px;font-size:9px}.race-skill-ultimate{background:linear-gradient(90deg,var(--race-accent-soft),transparent);box-shadow:inset 2px 0 var(--race-accent)}.race-skill-ultimate span{color:var(--race-accent)}.race-source-note{color:#606a79;margin-top:20px;font-size:10px;line-height:1.7}@keyframes raceAura{to{opacity:.58;transform:scale(1.08)}}@keyframes raceWingFloat{to{transform:translateY(-8px)scale(1.025)}}@keyframes raceBodyFloat{to{transform:translateY(-8px)}}@media (max-width:1000px){.race-selector{grid-template-columns:repeat(5,1fr)}.race-selector-item:nth-child(5){border-right:0}.race-stage{grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr)}.race-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.race-skill:nth-child(3n){border-right:1px solid #ffffff12}.race-skill:nth-child(2n){border-right:0}}@media (max-width:680px){.race-selector{grid-template-columns:repeat(3,1fr)}.race-selector-item:nth-child(3n){border-right:0}.race-selector-item:nth-child(5){border-right:1px solid #ffffff14}.race-stage{grid-template-columns:1fr}.race-model{min-height:430px}.race-model-render{height:350px}.race-model-wings{width:275px;height:275px}.race-model-variant{bottom:24px;left:20px}.race-model-affinity{bottom:24px}.race-summary{padding:0 24px 42px}.race-summary h2{font-size:48px}.race-skills-heading{flex-direction:column;align-items:start}.race-skills-heading>span{text-align:left}.race-skill-grid{grid-template-columns:1fr}.race-skill,.race-skill:nth-child(2n),.race-skill:nth-child(3n){border-right:0}}@media (prefers-reduced-motion:reduce){.race-model-aura,.race-model-wings,.race-model-render{animation:none}}