:root{
  --ink:#02060a;--panel:rgba(5,13,20,.88);--gold:#ddb86d;--gold-pale:#f3ddb0;
  --white:#f4f1e9;--soft:#bdc4c8;--muted:#7f8b92;--line:rgba(221,184,109,.28);--max:1280px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#725b31 #04080c}body{isolation:isolate;margin:0;background:#03080d;color:var(--white);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.6}body::before{content:"";position:fixed;z-index:-3;top:0;right:0;left:0;height:100vh;height:100lvh;opacity:1;transition:opacity 1.5s ease;background:linear-gradient(180deg,rgba(1,5,9,.3),#03080d 68%),url('/assets/homepage/space-journey-static.webp') center top/cover no-repeat}body::after{content:"";position:fixed;z-index:-1;inset:0;background:radial-gradient(circle at 74% 12%,transparent,rgba(2,6,10,.35) 44%,rgba(2,6,10,.92) 90%);pointer-events:none}a{color:inherit}.vf-book-page img{display:block;max-width:100%}:focus-visible{outline:2px solid var(--gold-pale);outline-offset:4px}.skip{position:fixed;z-index:1000;top:8px;left:8px;transform:translateY(-180%);padding:8px 12px;background:#07111a;border:1px solid var(--gold);text-decoration:none}.skip:focus{transform:none}
.vf-compatible-badge{position:fixed;z-index:40;left:16px;bottom:13px;width:190px;opacity:.78;filter:drop-shadow(0 3px 12px rgba(0,0,0,.8));transition:opacity .2s ease}.vf-compatible-badge:hover,.vf-compatible-badge:focus-visible{opacity:1}.vf-compatible-badge img{width:100%;height:auto}
.book-nav{position:fixed;z-index:100;top:10px;left:12px;right:12px;display:grid;grid-template-columns:240px 1fr;min-height:50px;border:1px solid rgba(226,188,111,.35);background:linear-gradient(90deg,rgba(3,8,13,.94),rgba(2,7,12,.78),rgba(3,8,13,.94));box-shadow:0 12px 35px rgba(0,0,0,.32),inset 0 1px rgba(255,237,196,.05);backdrop-filter:blur(14px);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}.book-wordmark{display:flex;align-items:center;gap:14px;padding:0 22px;color:var(--gold-pale);font-size:22px;font-weight:700;letter-spacing:.08em;text-decoration:none;text-shadow:0 0 18px rgba(224,184,104,.2);white-space:nowrap}.book-wordmark .vf-wordmark-mark{position:relative;display:block;flex:0 0 27px;width:27px;height:22px}.book-wordmark .vf-wordmark-mark i{position:absolute;top:10px;right:0;width:27px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),var(--gold));transform-origin:right center}.book-wordmark .vf-wordmark-mark i:first-child{transform:rotate(28deg)}.book-wordmark .vf-wordmark-mark i:last-child{transform:rotate(-28deg)}.book-links{display:grid;grid-template-columns:repeat(11,max-content);justify-content:end;min-width:0}.book-links a{position:relative;display:flex;align-items:center;justify-content:center;min-width:84px;padding:0 15px;border-left:1px solid rgba(225,189,109,.11);color:#e9dcc0;font-size:11px;letter-spacing:.07em;text-decoration:none;text-transform:uppercase}.book-links a:hover,.book-links a[aria-current="page"]{color:#fff4d8;background:linear-gradient(180deg,rgba(225,189,109,.13),rgba(225,189,109,.025));box-shadow:inset 0 -1px var(--gold)}.book-links .login{min-width:76px;color:var(--gold-pale);background:linear-gradient(180deg,rgba(225,189,109,.12),rgba(225,189,109,.035));box-shadow:inset 0 0 0 1px rgba(225,189,109,.18)}.book-menu{display:none}
.book-hero{width:min(var(--max),calc(100% - 40px));min-height:94svh;margin:0 auto;padding:120px 0 70px;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(55px,8vw,125px)}.book-cover{position:relative;max-width:420px;margin:auto}.book-cover::before{content:"";position:absolute;z-index:-1;inset:8% -8% -8%;border:1px solid var(--line);background:rgba(4,12,18,.45);transform:rotate(-2deg)}.book-cover img{width:100%;aspect-ratio:3/4;object-fit:cover;border:1px solid rgba(237,205,139,.46);box-shadow:0 40px 90px rgba(0,0,0,.66),0 0 50px rgba(221,184,109,.08)}.book-kicker,.section-kicker{margin:0 0 18px;color:var(--gold);font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase}.book-title{max-width:780px;margin:0;color:var(--white);font:400 clamp(54px,7.4vw,108px)/.92 Georgia,"Times New Roman",serif;letter-spacing:-.045em}.book-title span{display:block;color:var(--gold-pale)}.book-deck{max-width:710px;margin:28px 0 0;color:#d5d8d7;font:400 clamp(19px,2vw,27px)/1.45 Georgia,"Times New Roman",serif}.book-summary{max-width:680px;margin:24px 0 0;color:var(--soft);font-size:15px;line-height:1.8}.book-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.book-actions a{padding:11px 17px;border:1px solid var(--line);color:var(--gold-pale);font-size:10px;letter-spacing:.14em;text-decoration:none;text-transform:uppercase;background:rgba(4,12,18,.6)}.book-actions a:first-child{background:linear-gradient(135deg,rgba(221,184,109,.2),rgba(221,184,109,.06));border-color:rgba(237,205,139,.55)}
.book-main{background:linear-gradient(180deg,rgba(2,7,11,.54),#03080d 12%)}.book-section{position:relative;width:min(var(--max),calc(100% - 40px));margin:0 auto;padding:100px 0;border-top:1px solid rgba(221,184,109,.14)}.book-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.65fr);gap:50px;align-items:end;margin-bottom:46px}.book-section h2{max-width:780px;margin:0;color:var(--white);font:400 clamp(38px,5vw,72px)/1.02 Georgia,"Times New Roman",serif;letter-spacing:-.025em}.book-section-head>p,.book-lede{margin:0;color:var(--soft);font-size:16px;line-height:1.75}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.feature-panel{position:relative;min-height:190px;padding:25px 23px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(6,17,25,.93),rgba(3,10,16,.73));clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.feature-panel::before{content:attr(data-index);display:block;margin-bottom:22px;color:var(--gold);font-size:9px;letter-spacing:.18em}.feature-panel h3{margin:0 0 10px;color:var(--gold-pale);font:500 20px/1.2 Georgia,serif}.feature-panel p{margin:0;color:#b9c1c5;font-size:13px;line-height:1.65}.feature-panel strong{color:#e9e5dc}
.class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.class-card{padding:24px;border:1px solid var(--line);background:rgba(4,13,20,.83)}.class-card header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.class-card h3{margin:0;color:var(--gold-pale);font:500 23px Georgia,serif}.class-card header span{color:#87959d;font-size:8px;letter-spacing:.15em;text-transform:uppercase}.class-card>p{min-height:48px;margin:0 0 17px;color:#b9c1c5;font-size:13px}.class-card ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.class-card li{padding:5px 8px;border:1px solid rgba(221,184,109,.18);color:#d6d6d0;font-size:9px;letter-spacing:.06em}.path-split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.path-card{min-height:310px;padding:34px;border:1px solid var(--line);background:radial-gradient(circle at 80% 10%,rgba(100,169,204,.09),transparent 45%),rgba(5,14,21,.84)}.path-card:last-child{background:radial-gradient(circle at 80% 10%,rgba(221,184,109,.11),transparent 45%),rgba(5,14,21,.84)}.path-card span{color:var(--gold);font-size:9px;letter-spacing:.2em;text-transform:uppercase}.path-card h3{margin:18px 0 13px;color:var(--white);font:400 35px Georgia,serif}.path-card p{margin:0;color:var(--soft);line-height:1.75}.path-card ul{margin:22px 0 0;padding-left:18px;color:#d8d8d3}.path-card li{margin:8px 0;padding-left:4px;font-size:13px}.book-quote{padding:70px 6vw;text-align:center;border-block:1px solid var(--line);background:linear-gradient(90deg,transparent,rgba(221,184,109,.055),transparent)}.book-quote p{max-width:930px;margin:0 auto;color:var(--gold-pale);font:400 clamp(28px,4vw,52px)/1.2 Georgia,serif}.book-cta{text-align:center}.book-cta h2{margin-inline:auto}.book-cta .book-actions{justify-content:center}.book-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px max(20px,calc((100vw - var(--max))/2));border-top:1px solid var(--line);background:#02070b;color:#8e989e;font-size:11px}.book-footer nav{display:flex;gap:18px}.book-footer a{color:#c8c5bb;text-decoration:none}
@media(max-width:1320px){.book-nav{grid-template-columns:205px 1fr}.book-wordmark{padding:0 17px;font-size:18px}.book-links a{min-width:auto;padding:0 11px;font-size:9px}}
@media(max-width:1050px){.book-nav{display:flex}.book-links{position:absolute;top:calc(100% + 7px);right:0;display:none;grid-template-columns:1fr 1fr;width:min(430px,calc(100vw - 24px));padding:8px;border:1px solid var(--line);background:rgba(2,8,13,.98)}.book-nav.is-open .book-links{display:grid}.book-links a{justify-content:flex-start;min-height:42px}.book-menu{display:block;margin-left:auto;margin-right:10px;padding:8px 12px;border:1px solid var(--line);background:transparent;color:var(--gold-pale);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.feature-grid,.class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-hero{grid-template-columns:minmax(240px,.7fr) 1.3fr}.book-section-head{grid-template-columns:1fr}}
@media(max-width:680px){.vf-compatible-badge{left:9px;bottom:8px;width:132px;opacity:.68}.book-nav{top:7px;left:7px;right:7px}.book-wordmark{padding:0 12px;font-size:14px}.book-hero{width:calc(100% - 28px);padding-top:100px;grid-template-columns:1fr;gap:45px}.book-cover{max-width:280px}.book-title{font-size:54px}.book-section{width:calc(100% - 28px);padding:70px 0}.feature-grid,.class-grid,.path-split{grid-template-columns:1fr}.feature-panel{min-height:0}.class-card>p{min-height:0}.book-section-head{gap:20px;margin-bottom:32px}.book-footer{align-items:flex-start;flex-direction:column}.book-footer nav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.class-card>.class-banner{animation:none}}

body[data-book-theme="core"]::before{background-color:#01050a;background-image:radial-gradient(circle at 3% 14%,rgba(222,238,255,.92) 0 1px,transparent 1.7px),radial-gradient(circle at 8% 76%,rgba(156,197,237,.55) 0 .7px,transparent 1.35px),radial-gradient(circle at 14% 32%,rgba(255,239,204,.74) 0 1.1px,transparent 1.85px),radial-gradient(circle at 19% 89%,rgba(205,224,245,.48) 0 .65px,transparent 1.25px),radial-gradient(circle at 24% 57%,rgba(230,241,255,.86) 0 .9px,transparent 1.55px),radial-gradient(circle at 31% 9%,rgba(248,218,163,.55) 0 .75px,transparent 1.45px),radial-gradient(circle at 37% 71%,rgba(179,211,243,.68) 0 .8px,transparent 1.5px),radial-gradient(circle at 43% 25%,rgba(236,245,255,.72) 0 1px,transparent 1.7px),radial-gradient(circle at 49% 84%,rgba(247,226,185,.43) 0 .7px,transparent 1.35px),radial-gradient(circle at 55% 46%,rgba(198,224,251,.68) 0 .8px,transparent 1.45px),radial-gradient(circle at 62% 16%,rgba(245,248,255,.84) 0 .95px,transparent 1.7px),radial-gradient(circle at 67% 65%,rgba(174,208,241,.52) 0 .7px,transparent 1.3px),radial-gradient(circle at 73% 36%,rgba(255,228,177,.48) 0 .7px,transparent 1.4px),radial-gradient(circle at 79% 92%,rgba(220,237,255,.72) 0 .9px,transparent 1.55px),radial-gradient(circle at 85% 22%,rgba(197,222,249,.56) 0 .8px,transparent 1.45px),radial-gradient(circle at 91% 69%,rgba(246,246,239,.78) 0 1px,transparent 1.7px),radial-gradient(circle at 96% 43%,rgba(225,197,144,.58) 0 .75px,transparent 1.4px),radial-gradient(ellipse at 69% 39%,rgba(23,50,74,.15),transparent 46%),linear-gradient(90deg,rgba(1,5,9,.86),rgba(1,5,9,.18) 64%,rgba(1,5,9,.4));background-repeat:no-repeat;background-size:100% 100%}
body[data-book-theme="keeper"]::before{background-image:linear-gradient(90deg,rgba(1,5,9,.52),rgba(1,5,9,.22) 55%,rgba(1,5,9,.6)),url('/assets/homepage/space-journey-static.webp');background-position:10% top}
body.book-cinematic-ready[data-book-theme="core"]::before,body.book-cinematic-ready[data-book-theme="keeper"]::before{opacity:0}
body[data-book-theme="rust"]::before{background-image:linear-gradient(90deg,rgba(2,6,9,.45),rgba(2,6,9,.2) 50%,rgba(2,6,9,.62)),url('/assets/books/rust-steel-refinery.webp');background-position:center}
body[data-book-theme="hearts"]::before{background-image:linear-gradient(90deg,rgba(2,5,10,.2),rgba(2,5,10,.32) 58%,rgba(2,5,10,.7)),url('/assets/books/hearts-void-core.webp');background-position:center}
body[data-book-theme="alien"]::before{background-image:linear-gradient(90deg,rgba(1,5,8,.9) 0%,rgba(1,5,8,.54) 45%,rgba(1,5,8,.26) 72%,rgba(1,5,8,.58)),linear-gradient(180deg,rgba(1,6,10,.12),rgba(1,6,10,.76)),url('/assets/books/alien-archives-lab-v1.webp');background-position:center top;background-size:cover}
body[data-book-theme="alien"]::after{background:radial-gradient(circle at 76% 44%,rgba(226,183,91,.07),transparent 29%),linear-gradient(180deg,rgba(2,6,10,.08),rgba(2,6,10,.88) 88%)}
.book-atmosphere{position:fixed;z-index:-2;top:0;right:0;left:0;width:100%;height:100vh;height:100lvh;opacity:0;transition:opacity 1.5s ease;pointer-events:none}.book-atmosphere.is-ready{opacity:1}
.book-hero,.book-main{position:relative;z-index:10}.book-footer{position:relative;z-index:2;padding-right:max(190px,calc((100vw - var(--max))/2))}
.vf-compatible-badge{z-index:6;right:20px;left:auto;bottom:20px;width:133px;opacity:.8}
.class-card{position:relative;overflow:hidden;padding:0}.class-card>img:not(.class-banner){width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 28%;filter:saturate(.86) contrast(1.04);border-bottom:1px solid var(--line)}.class-card>.class-banner{position:absolute;z-index:2;top:-5px;right:10px;width:58px;height:auto;clip-path:inset(5px 0 0);filter:drop-shadow(0 6px 7px rgba(0,0,0,.78)) drop-shadow(-2px 3px 3px rgba(221,184,109,.16));transform-origin:50% 5px;animation:vf-class-banner-wave 6.8s ease-in-out infinite;pointer-events:none;will-change:transform}.class-card:nth-child(3n+2)>.class-banner{animation-delay:-2.15s}.class-card:nth-child(3n)>.class-banner{animation-delay:-4.3s}.class-card header,.class-card>p,.class-card>ul{margin-right:22px;margin-left:22px}.class-card header{margin-top:20px}.class-card>ul{margin-bottom:23px}
@keyframes vf-class-banner-wave{0%,100%{transform:perspective(240px) rotateY(0deg) skewY(0deg)}28%{transform:perspective(240px) rotateY(2.3deg) skewY(-.45deg)}62%{transform:perspective(240px) rotateY(-2.8deg) skewY(.55deg)}82%{transform:perspective(240px) rotateY(1.1deg) skewY(-.2deg)}}
.house-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.house-card{display:grid;grid-template-columns:112px 1fr;gap:18px;align-items:center;min-height:220px;padding:22px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(6,17,25,.94),rgba(3,10,16,.78))}.house-card img{width:100%;max-height:150px;object-fit:contain;filter:drop-shadow(0 14px 20px rgba(0,0,0,.55))}.house-card h3{margin:0 0 8px;color:var(--gold-pale);font:500 21px Georgia,serif}.house-card small{display:block;margin-bottom:9px;color:var(--gold);font-size:8px;letter-spacing:.15em;text-transform:uppercase}.house-card p{margin:0;color:#bac2c6;font-size:12px;line-height:1.55}
.domain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.domain-card{position:relative;min-height:250px;padding:30px 24px;border:1px solid rgba(221,184,109,.22);background:linear-gradient(155deg,rgba(7,18,26,.9),rgba(3,10,16,.78));text-align:center}.domain-card::before{content:"";position:absolute;top:-1px;left:50%;width:44px;height:1px;transform:translateX(-50%);background:var(--domain);box-shadow:0 0 10px color-mix(in srgb,var(--domain) 45%,transparent)}.domain-symbol{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 18px;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--domain) 34%,transparent))}.domain-symbol img{width:100%;height:100%;object-fit:contain}.domain-social .domain-symbol{width:104px}.domain-kinetic .domain-symbol{width:52px;height:56px;margin-bottom:34px}.domain-card h3{margin:0 0 8px;color:var(--gold-pale);font:500 22px Georgia,serif}.domain-card p{margin:0;color:#b9c1c5;font-size:12px;line-height:1.6}.domain-tech{--domain:#5dd7d5}.domain-synthesis{--domain:#8bcf8f}.domain-social{--domain:#e3a5d0}.domain-neural{--domain:#b7a1f0}.domain-kinetic{--domain:#e47b72}.domain-void{--domain:#8ca6cd}.domain-lux{--domain:#f0cb73}
.system-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.system-highlight{min-height:235px;padding:28px 23px;border:1px solid rgba(237,205,139,.38);background:linear-gradient(145deg,rgba(221,184,109,.11),rgba(4,13,20,.9) 45%);clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px)}.system-highlight span{color:var(--gold);font-size:9px;letter-spacing:.18em;text-transform:uppercase}.system-highlight h3{margin:19px 0 10px;color:var(--gold-pale);font:500 25px Georgia,serif}.system-highlight p{margin:0;color:#c1c7ca;font-size:13px;line-height:1.65}
.alien-hero{min-height:100svh}.alien-feature-grid .feature-panel{background:linear-gradient(145deg,rgba(6,15,20,.94),rgba(14,11,7,.76))}.species-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.species-card{position:relative;min-height:390px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(160deg,rgba(7,18,24,.95),rgba(3,9,14,.84))}.species-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 36%,rgba(2,7,11,.2) 52%,rgba(2,7,11,.97) 78%)}.species-card img{width:100%;height:390px;object-fit:cover;object-position:50% 20%;filter:saturate(.8) contrast(1.04)}.species-card div{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:26px 24px}.species-card span{display:block;margin-bottom:8px;color:var(--gold);font-size:8px;letter-spacing:.16em;text-transform:uppercase}.species-card h3{margin:0 0 7px;color:var(--gold-pale);font:500 25px Georgia,serif}.species-card p{margin:0;color:#c4c9c9;font-size:12px;line-height:1.55}.species-card:hover img{transform:scale(1.018);filter:saturate(.94) contrast(1.05)}.species-card img{transition:transform .55s ease,filter .55s ease}
@media(max-width:1050px){.house-grid,.species-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-grid,.system-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.vf-compatible-badge{right:10px;left:auto;bottom:20px;width:94px;opacity:.72}.book-footer{padding-right:118px}.house-grid,.domain-grid,.system-highlights,.species-grid{grid-template-columns:1fr}.house-card{grid-template-columns:90px 1fr}.class-card>img:not(.class-banner){aspect-ratio:16/10}.class-card>.class-banner{width:52px}.species-card,.species-card img{min-height:340px;height:340px}}
