:root{--color-bg:#0b0a0d;--color-bg-alt:#131117;--color-bg-raised:#1a1720;--color-text:#ece6e8;--color-text-dim:#a89ea3;--color-border:#2c2731;--fire-1:#3a0f08;--fire-2:#8a2c14;--fire-3:#e0621f;--fire-4:#f7a340;--fire-glow:#ff7a2e;--ice-1:#0a1a2e;--ice-2:#144a6b;--ice-3:#3aa0c9;--ice-4:#b9ecff;--ice-glow:#6fd9ff;--water-3:#1c8f83;--water-4:#5fe0cd;--electric-3:#6c4fd1;--electric-4:#a98cff;--psychic-3:#a13fa0;--psychic-4:#e28ce0;--venom-3:#4f9a2b;--venom-4:#a6e05f;--light-3:#c9b81f;--light-4:#f4ed7a;--mist-3:#6f8fa3;--mist-4:#c4d6e0;--magic-3:#b0204a;--magic-4:#ff6f93;--font-display:"Georgia", "Iowan Old Style", serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-hand:"Bradley Hand", "Segoe Print", cursive;--space-1:0.5rem;--space-2:1rem;--space-3:2rem;--space-4:4rem;--space-5:7rem;--radius:10px;--max-width:1200px}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);line-height:1.2;margin:0 0 var(--space-2)}p{margin:0 0 var(--space-2)}a{color:var(--fire-4);text-decoration:none}a:hover,a:focus-visible{color:var(--ice-4)}img{max-width:100%;display:block}button{font-family:inherit}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:linear-gradient(to bottom,rgba(11,10,13,.92),rgba(11,10,13,0));backdrop-filter:blur(4px)}.site-header__inner{max-width:var(--max-width);margin:0 auto;padding:var(--space-2)var(--space-3);display:flex;align-items:center;justify-content:space-between}.site-logo{font-family:var(--font-display);font-size:1.2rem;letter-spacing:.03em}.site-logo__fire{color:var(--fire-4)}.site-logo__ice{color:var(--ice-4)}.site-nav{display:flex;gap:var(--space-3)}.site-nav a{color:var(--color-text);font-size:.95rem;letter-spacing:.03em;text-transform:uppercase}.nav-toggle{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:var(--space-1)}.nav-toggle span{width:24px;height:2px;background:var(--color-text)}@media(max-width:720px){.nav-toggle{display:flex}.site-nav{position:absolute;top:100%;right:var(--space-3);flex-direction:column;background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2);gap:var(--space-2);display:none}.site-nav.is-open{display:flex}}main{display:block}section{padding:var(--space-5)var(--space-3);position:relative}.has-particles{overflow:hidden}.section-inner{max-width:var(--max-width);margin:0 auto}.section-header{text-align:center;max-width:640px;margin:0 auto var(--space-4)}.site-footer{padding:var(--space-4)var(--space-3);border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-dim)}.site-footer__title{font-family:var(--font-display);font-size:1.1rem;color:var(--color-text)}.site-footer__copy{font-size:.8rem;margin-top:var(--space-2)}.grid{display:grid;gap:var(--space-3)}.grid--characters{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.grid--species{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.grid--books{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:var(--space-3)}.hero__bg-wrap{position:absolute;inset:0;overflow:hidden}.hero__bg{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:brightness(.55)saturate(1.1)}.hero__scrim{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(11,10,13,.2) 0%,rgba(11,10,13,.85) 75%),linear-gradient(to bottom,rgba(11,10,13,.5) 0%,rgba(11,10,13,.95) 100%)}.hero__content{position:relative;z-index:2;text-align:center;max-width:760px}.hero__title{font-size:clamp(2.6rem,7vw,5rem);margin-bottom:var(--space-2);text-shadow:0 0 40px rgba(255,122,46,.35)}.hero__title span:first-child{color:var(--fire-4)}.hero__title span:last-child{color:var(--ice-4)}.hero__tagline{font-size:clamp(1.1rem,2.5vw,1.4rem);color:var(--color-text-dim);letter-spacing:.02em;margin-bottom:var(--space-3)}.hero__scroll-cue{position:absolute;bottom:var(--space-3);left:50%;transform:translateX(-50%);z-index:2;color:var(--color-text-dim);font-size:.8rem;text-transform:uppercase;letter-spacing:.15em}.particle-field{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.particle{position:absolute;bottom:-5%;border-radius:50%;opacity:0}.particle--ember{background:radial-gradient(circle,var(--fire-4),var(--fire-glow) 60%,transparent 70%);box-shadow:0 0 6px var(--fire-glow)}.particle--frost{background:radial-gradient(circle,#ffffff,var(--ice-glow) 60%,transparent 70%);box-shadow:0 0 6px var(--ice-glow)}.premise{text-align:center}.premise p{font-size:1.15rem;max-width:680px;margin-left:auto;margin-right:auto;color:var(--color-text-dim)}.quote-sequence{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3)}.quote-card{padding:var(--space-3);opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.quote-card.is-visible{opacity:1;transform:translateY(0)}.quote-card--diary{background:linear-gradient(135deg,#2a241d,#201b16);border:1px solid #443a2c;border-radius:4px;font-family:var(--font-hand);font-size:1.3rem;color:#e8dcc4;box-shadow:0 8px 24px rgba(0,0,0,.4);transform:translateY(24px)rotate(-.6deg)}.quote-card--diary:nth-child(even){transform:translateY(24px)rotate(.6deg)}.quote-card--diary.is-visible{transform:rotate(-.6deg)}.quote-card--diary.is-visible:nth-child(even){transform:rotate(.6deg)}.quote-card--bridge{text-align:center;font-family:var(--font-display);font-style:italic;font-size:1.6rem;color:var(--fire-4);border:none}.quote-card--narrative{border-left:3px solid var(--ice-3);background:var(--color-bg-alt);font-size:1.2rem}.quote-card__attribution{display:block;margin-top:var(--space-1);font-family:var(--font-body);font-size:.85rem;color:var(--color-text-dim);font-style:normal}.character-card{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;text-align:center;transition:transform .3s ease,border-color .3s ease}.character-card:hover{transform:translateY(-6px);border-color:var(--fire-3)}.character-card__portrait-wrap{aspect-ratio:3/4;overflow:hidden}.character-card__portrait{width:100%;height:100%;object-fit:cover;transition:transform 8s ease}.character-card:hover .character-card__portrait{transform:scale(1.08)}.character-card__body{padding:var(--space-2)}.character-card__name{font-family:var(--font-display);font-size:1.15rem;margin-bottom:.2rem}.character-card__callsign{font-style:italic;color:var(--color-text-dim);font-size:.9rem;margin-bottom:var(--space-1)}.character-card__meta{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-1)}.badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.badge--role{background:rgba(224,98,31,.18);color:var(--fire-4);border:1px solid rgba(224,98,31,.4)}.badge--team{background:rgba(58,160,201,.15);color:var(--ice-4);border:1px solid rgba(58,160,201,.35)}.character-card__blurb{font-size:.9rem;color:var(--color-text-dim)}.characters-teaser__cta{text-align:center;margin-top:var(--space-3)}.species-tile{position:relative;aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;background:var(--color-bg-alt);border:1px solid var(--color-border)}.species-tile.is-filtered-out{display:none}.species-tile img{width:100%;height:100%;object-fit:contain;padding:var(--space-1)}.species-tile[data-element=fire] img,.species-detail__media[data-element=fire] img{filter:sepia(1)saturate(4)hue-rotate(-10deg)brightness(.95)}.species-tile[data-element=ice] img,.species-detail__media[data-element=ice] img{filter:sepia(1)saturate(3)hue-rotate(160deg)brightness(1.05)}.species-tile[data-element=water] img,.species-detail__media[data-element=water] img{filter:sepia(1)saturate(3.5)hue-rotate(130deg)brightness(.95)}.species-tile[data-element=electric] img,.species-detail__media[data-element=electric] img{filter:sepia(1)saturate(5)hue-rotate(220deg)brightness(1.1)}.species-tile[data-element=psychic] img,.species-detail__media[data-element=psychic] img{filter:sepia(1)saturate(4)hue-rotate(275deg)brightness(1)}.species-tile[data-element=venom] img,.species-detail__media[data-element=venom] img{filter:sepia(1)saturate(4)hue-rotate(40deg)brightness(.95)}.species-tile[data-element=light] img,.species-detail__media[data-element=light] img{filter:sepia(1)saturate(4.5)hue-rotate(5deg)brightness(1.2)}.species-tile[data-element=mist] img,.species-detail__media[data-element=mist] img{filter:sepia(1)saturate(1.2)hue-rotate(155deg)brightness(1.05)}.species-tile[data-element=magic] img,.species-detail__media[data-element=magic] img{filter:sepia(1)saturate(5)hue-rotate(-45deg)brightness(.95)}.species-tile[data-element=neutral] img,.species-detail__media[data-element=neutral] img{filter:brightness(.9)contrast(1.1)}.species-tile__label{position:absolute;inset:auto 0 0 0;padding:.4rem .6rem;background:linear-gradient(to top,rgba(0,0,0,.75),transparent);font-size:.8rem;text-align:center;transform:translateY(100%);transition:transform .25s ease}.species-tile__types{display:inline-flex;gap:.25rem;margin-left:.4rem;vertical-align:middle}.species-tile__types .element-legend__swatch{width:9px;height:9px}.species-tile:hover .species-tile__label,.species-tile:focus-within .species-tile__label{transform:translateY(0)}.species-accent{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);align-items:center;max-width:var(--max-width);margin:var(--space-4)auto 0}.species-accent__media{border-radius:var(--radius);overflow:hidden;border:1px solid var(--color-border)}.species-accent__media img{animation:kenburns 22s ease-in-out infinite alternate}@media(max-width:720px){.species-accent{grid-template-columns:1fr}}.element-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)var(--space-3);margin:0 auto var(--space-4);max-width:var(--max-width)}.element-legend__item{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;background:0 0;border:1px solid transparent;border-radius:999px;padding:.35rem .8rem;cursor:pointer;font-family:inherit;transition:border-color .2s ease,color .2s ease,background .2s ease}.element-legend__item:hover,.element-legend__item:focus-visible{color:var(--color-text);border-color:var(--color-border)}.element-legend__item.is-active{color:var(--color-text);background:var(--color-bg-raised);border-color:var(--fire-3)}.element-legend__swatch{width:12px;height:12px;border-radius:50%;display:inline-block}.element-legend__swatch--all{background:conic-gradient(var(--fire-4),var(--electric-4),var(--psychic-4),var(--ice-4),var(--water-4),var(--fire-4))}.element-legend__swatch--fire{background:var(--fire-4)}.element-legend__swatch--ice{background:var(--ice-4)}.element-legend__swatch--water{background:var(--water-4)}.element-legend__swatch--electric{background:var(--electric-4)}.element-legend__swatch--psychic{background:var(--psychic-4)}.element-legend__swatch--venom{background:var(--venom-4)}.element-legend__swatch--light{background:var(--light-4)}.element-legend__swatch--mist{background:var(--mist-4)}.element-legend__swatch--magic{background:var(--magic-4)}.element-legend__swatch--neutral{background:var(--color-text-dim)}.chart-panel{background:#efe9df;border-radius:var(--radius);padding:var(--space-2);margin-bottom:var(--space-3);box-shadow:0 12px 30px rgba(0,0,0,.35)}.chart-panel__caption{display:flex;justify-content:space-between;align-items:baseline;color:#2b2620;margin-bottom:var(--space-1);font-size:.9rem}.chart-panel__caption a{color:var(--fire-2)}.chart-scroll{overflow-x:auto;overflow-y:hidden;cursor:grab;border-radius:4px;-webkit-overflow-scrolling:touch}.chart-scroll.is-dragging{cursor:grabbing}.chart-scroll img{max-width:none;height:260px;display:block}@media(min-width:900px){.chart-scroll img{height:380px}}.book-card{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);position:relative}.book-card__order{font-size:.75rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.1em}.book-card__title{font-family:var(--font-display);font-size:1.4rem;margin:.3rem 0 .6rem}.book-card__teaser{font-style:italic;color:var(--color-text-dim)}.book-card__status{display:inline-block;margin-top:var(--space-2);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .7rem;border-radius:999px;background:rgba(224,98,31,.15);color:var(--fire-4);border:1px solid rgba(224,98,31,.35)}.species-detail__back{display:inline-block;margin-bottom:var(--space-3);color:var(--color-text-dim)}.species-detail__layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);align-items:center}.species-detail__media{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg-alt);padding:var(--space-2)}.species-detail__media img{width:100%;height:auto;display:block}.species-detail__types{display:flex;flex-wrap:wrap;gap:var(--space-1);margin:var(--space-2)0 var(--space-3)}.species-detail__type{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .8rem;border:1px solid var(--color-border);border-radius:999px;font-size:.9rem}.species-facts{margin:0;display:grid;gap:0}.species-facts>div{display:flex;justify-content:space-between;gap:var(--space-2);padding:.6rem 0;border-bottom:1px solid var(--color-border)}.species-facts dt{color:var(--color-text-dim)}.species-facts dd{margin:0;text-align:right}.species-detail__nav{display:flex;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-4)}@keyframes kenburns{0%{transform:scale(1)translate(0,0)}100%{transform:scale(1.12)translate(-1.5%,-1.5%)}}@keyframes ember-drift{0%{transform:translateY(0)translateX(0);opacity:0}10%{opacity:.9}90%{opacity:.5}100%{transform:translateY(-115vh)translateX(var(--drift,20px));opacity:0}}@keyframes reveal-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:no-preference){.hero__bg{animation:kenburns 30s ease-in-out infinite alternate}.particle{animation:ember-drift linear infinite}.parallax{transform:translateY(calc(var(--scroll-y,0) * -.08px))}}@media(prefers-reduced-motion:reduce){.quote-card{opacity:1!important;transform:none!important;transition:none!important}}