:root{--ink:#11100d;--paper:#e4d7bb;--rust:#bd4a22;--cyan:#80e8ed;--muted:#8e8370;--line:rgba(228,215,187,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:var(--ink);color:var(--paper);font-family:"DM Mono",monospace;overflow-x:hidden}body::selection{background:var(--cyan);color:var(--ink)}button,a{font:inherit}.grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.reading-progress{position:fixed;z-index:102;left:0;top:0;width:100%;height:3px}.reading-progress span{display:block;width:0;height:100%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.topbar{position:fixed;z-index:90;top:3px;left:0;right:0;height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;background:rgba(17,16,13,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.brand{display:flex;align-items:center;gap:10px;color:var(--paper);text-decoration:none;font-weight:500}.brand i{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--cyan);color:var(--cyan);font:normal 15px "Rye",serif}.topbar p{color:var(--muted)}.topbar p b{color:var(--rust)}.menu-button{border:0;background:none;color:var(--paper);cursor:pointer;letter-spacing:.12em}.menu-button span{display:inline-grid;place-items:center;width:24px;height:24px;margin-left:10px;border:1px solid var(--line);color:var(--cyan)}
.book-nav{position:fixed;z-index:95;top:0;right:0;width:min(430px,100%);height:100svh;padding:25px 30px;background:var(--paper);color:var(--ink);transform:translateX(102%);transition:transform .45s cubic-bezier(.2,.75,.2,1);box-shadow:-30px 0 80px rgba(0,0,0,.4)}.book-nav.open{transform:none}.book-nav__head{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid rgba(17,16,13,.25);font-size:10px;letter-spacing:.13em}.book-nav__head button{border:0;background:none;font-size:28px;cursor:pointer}.book-nav ol{list-style:none;margin:25px 0;padding:0}.book-nav li{border-bottom:1px solid rgba(17,16,13,.16)}.book-nav a{display:flex;align-items:center;gap:20px;padding:13px 0;color:var(--ink);text-decoration:none;font:1.35rem "Rye",serif;transition:padding .2s,color .2s}.book-nav a:hover{padding-left:8px;color:var(--rust)}.book-nav a small{font:10px "DM Mono",monospace;color:var(--rust)}.book-nav__folio{position:absolute;bottom:25px;right:30px;text-align:right;font-size:9px;line-height:1.7;color:#786b59}
.cover{position:relative;min-height:100svh;overflow:hidden}.cover__image{position:absolute;inset:-8%;background:url("assets/tempovia-hero.jpg") center/cover no-repeat;will-change:transform}.cover__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,9,8,.92),rgba(9,9,8,.54) 37%,rgba(9,9,8,.05) 67%),linear-gradient(0deg,rgba(9,9,8,.8),transparent 38%)}.cover__copy{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:100px 6vw 80px;max-width:960px}.kicker{margin:0 0 18px;color:var(--cyan);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.cover h1{margin:0;font:clamp(5rem,11.5vw,11rem)/.82 "Rye",serif;letter-spacing:-.045em;text-shadow:8px 8px 0 rgba(0,0,0,.35)}.cover__thesis{margin:34px 0;font-size:clamp(1rem,1.8vw,1.45rem);line-height:1.6}.cover__thesis strong{color:var(--cyan);font-weight:400}.chapter-link{display:inline-flex;align-items:center;gap:42px;padding:15px 0;border-bottom:1px solid var(--cyan);color:var(--paper);font-size:10px;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;transition:gap .2s,color .2s}.chapter-link:hover{gap:54px;color:var(--cyan)}.cover__folio{position:absolute;z-index:3;left:3vw;right:3vw;bottom:22px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.14em;color:#a99b85}
.chapter{position:relative;padding:140px max(6vw,calc((100vw - 1420px)/2));overflow:hidden}.chapter__number{position:absolute;right:5vw;top:75px;font:clamp(6rem,15vw,15rem)/1 "Rye",serif;color:rgba(17,16,13,.06)}.chapter__header{max-width:970px;margin-bottom:90px}.chapter__header h2,.opening h2{margin:0;font:clamp(3.2rem,6.8vw,7.2rem)/.98 "Rye",serif;letter-spacing:-.035em}.chapter__header>p:last-child{max-width:660px;margin:28px 0 0;color:var(--muted);font-size:13px;line-height:1.8}.chapter--dark{background:var(--ink);color:var(--paper)}.chapter--paper,.opening,.player,.systems,.campaign{background:var(--paper);color:var(--ink)}.chapter--paper .kicker,.opening .kicker,.player .kicker,.systems .kicker,.campaign .kicker{color:var(--rust)}
.opening{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw}.opening__statement{align-self:start}.opening__body{padding-top:35px}.opening__body p{font-size:13px;line-height:1.9;color:#4d4539}.opening__body .lead{font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.55;color:var(--ink)}.law{grid-column:1/-1;margin:80px 0 0;padding:35px 0;border-block:1px solid rgba(17,16,13,.28);font:clamp(1.45rem,2.6vw,2.8rem)/1.35 "Rye",serif}.law span{display:block;margin-bottom:12px;color:var(--rust);font:9px "DM Mono",monospace;letter-spacing:.16em}
.tempovia{background:#0c0f0e}.immutable-demo{position:relative;display:grid;grid-template-columns:repeat(4,1fr);height:410px;overflow:hidden;border:1px solid var(--line)}.era-band{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;padding:25px 20px;background:#27352a;border-right:1px solid rgba(255,255,255,.16);font-size:9px;letter-spacing:.13em}.era-band span{color:var(--cyan)}.era-band--past{background:linear-gradient(#1b2924,#53613c)}.era-band--past::before{content:"♣";position:absolute;top:13%;left:20%;font-size:10rem;color:#18251e;transform:rotate(-13deg)}.era-band--west{background:linear-gradient(#8f3d21,#d17739)}.era-band--west::before{content:"†";position:absolute;top:17%;right:20%;font-size:9rem;color:#4f2619}.era-band--ruin{background:linear-gradient(#292424,#71422b)}.era-band--ruin::before{content:"▥";position:absolute;top:20%;left:25%;font-size:7rem;color:#1c1918}.era-band--void{background:radial-gradient(circle at 60% 35%,#56322d,#0b1113 50%)}.era-band--void::before{content:"◉";position:absolute;top:12%;right:18%;font-size:8rem;color:#050808;box-shadow:0 0 50px #b54423;border-radius:50%}.immutable-rail{position:absolute;z-index:4;left:-3%;right:-3%;top:56%;height:22px;border-block:2px solid var(--cyan);box-shadow:0 0 22px rgba(128,232,237,.7);transform:perspective(500px) rotateX(50deg)}.immutable-rail i{position:absolute;inset:-12px 0;background:repeating-linear-gradient(90deg,transparent 0 28px,rgba(128,232,237,.5) 29px 33px,transparent 34px 48px)}.immutable-rail span{position:absolute;right:5%;top:-32px;color:var(--cyan);font-size:8px;letter-spacing:.16em}.demo-train{position:absolute;z-index:6;left:10%;top:45%;font:bold 3rem monospace;color:#16120e;text-shadow:0 -4px 0 #b56834;animation:travel 12s linear infinite}.rules{display:grid;grid-template-columns:repeat(4,1fr);margin-top:90px;border-top:1px solid var(--line)}.rule{min-height:300px;padding:32px 28px 30px 0;border-right:1px solid var(--line)}.rule:not(:first-child){padding-left:28px}.rule span{color:var(--cyan);font-size:10px}.rule h3{margin:65px 0 18px;font:1.4rem "Rye",serif}.rule p{color:var(--muted);font-size:11px;line-height:1.8}.definition{display:grid;grid-template-columns:1fr 2fr;gap:8vw;margin-top:100px;padding:45px 0;border-block:1px solid var(--line)}.definition>p{margin:0;font:clamp(2.5rem,5vw,5rem) "Rye",serif}.definition>div{display:grid;gap:14px;align-content:center}.definition strong{font-size:9px;color:var(--cyan);letter-spacing:.14em;text-transform:uppercase}.definition span{font-size:12px;line-height:1.7;color:#a89c88}
.player__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:center}.player .accent{margin-top:8px;color:var(--rust)}.player__portrait{position:relative;display:grid;place-items:center;aspect-ratio:1;max-width:430px;border:1px solid rgba(17,16,13,.28)}.player__portrait span{font-size:8rem;color:var(--rust)}.player__portrait small{position:absolute;bottom:18px;left:18px;font-size:8px;line-height:1.7;letter-spacing:.12em}.portrait__ring{position:absolute;width:66%;aspect-ratio:1;border:1px dashed var(--rust);border-radius:50%;animation:spin 30s linear infinite}.portrait__ring::before,.portrait__ring::after{content:"";position:absolute;left:50%;top:-8px;width:16px;height:16px;background:var(--rust);transform:rotate(45deg)}.portrait__ring::after{top:auto;bottom:-8px}.player__text .lead{font:1.5rem/1.55 "Rye",serif}.player__text>p:not(.lead){font-size:12px;line-height:1.9;color:#554c3f}.player__text dl{margin:45px 0 0}.player__text dl div{display:grid;grid-template-columns:150px 1fr;padding:16px 0;border-top:1px solid rgba(17,16,13,.2)}.player__text dt{color:var(--rust);font-size:9px;letter-spacing:.12em}.player__text dd{margin:0;font-size:11px}
.loop__wheel{position:relative;width:min(650px,80vw);aspect-ratio:1;margin:0 auto 100px}.loop__wheel svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(17,16,13,.3);stroke-width:1}.loop__wheel svg circle:first-child{stroke:var(--rust);stroke-dasharray:4 8}.loop__core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.loop__core span{font-size:4rem;color:var(--rust)}.loop__core b{font-size:10px;letter-spacing:.16em}.loop__wheel article{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:180px;text-align:center}.loop__wheel article b{display:block;margin-bottom:10px;font-size:10px;color:var(--rust)}.loop__wheel article span{font-size:10px;line-height:1.5}.loop__note{display:grid;grid-template-columns:200px 1fr;gap:40px;max-width:850px;margin:0 auto;padding:28px 0;border-block:1px solid rgba(17,16,13,.25)}.loop__note b{font-size:9px;color:var(--rust);letter-spacing:.12em}.loop__note p{margin:0;font:1.2rem/1.55 "Rye",serif}
.train-book{background:#14120f}.train-schema{display:flex;align-items:center;justify-content:center;min-height:340px;padding:60px 3vw;background:linear-gradient(#25201a 65%,#0b0a08 65%);overflow:hidden}.schema-car{position:relative;width:180px;height:105px;background:#3e3730;border:4px solid #090807;box-shadow:inset 0 0 0 3px #65584a}.schema-car::after{content:attr(data-label);position:absolute;left:50%;bottom:-70px;transform:translateX(-50%);color:var(--cyan);font-size:8px;letter-spacing:.13em}.schema-car::before{content:"◉  ◉";position:absolute;left:50%;bottom:-28px;transform:translateX(-50%);width:100%;text-align:center;color:#090807;font-size:28px;letter-spacing:1.5rem}.schema-engine{width:240px;height:130px;border-radius:4px 45% 0 0}.schema-engine i{position:absolute;left:32px;top:-72px;width:45px;height:75px;background:#28231f;border:4px solid #090807}.schema-engine b{position:absolute;right:35px;top:-45px;width:80px;height:50px;background:#39312a;border:4px solid #090807}.schema-engine span{position:absolute;right:30px;top:35px;width:38px;height:38px;border:9px solid #090807;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}.schema-link{width:25px;height:8px;background:#090807}.schema-car>b{display:grid;place-items:center;height:100%;font-size:2.8rem;color:#b8a284}.schema-defense{width:130px}.tradeoff{display:flex;align-items:center;justify-content:center;gap:50px;margin:110px auto 0;text-align:center}.tradeoff div{display:grid;gap:12px}.tradeoff span{color:var(--cyan);font-size:9px;letter-spacing:.14em}.tradeoff b{font:1.2rem "Rye",serif}.tradeoff>i{color:var(--rust);font-size:2rem}.train-details{display:grid;grid-template-columns:repeat(3,1fr);gap:6vw;margin-top:100px;padding-top:50px;border-top:1px solid var(--line)}.train-details small{color:var(--cyan);letter-spacing:.14em}.train-details h3{margin:24px 0 15px;font:1.8rem "Rye",serif}.train-details p{font-size:11px;line-height:1.8;color:var(--muted)}
.systems__list{border-top:1px solid rgba(17,16,13,.25)}.system{display:grid;grid-template-columns:80px 1fr 280px;gap:45px;align-items:center;padding:38px 0;border-bottom:1px solid rgba(17,16,13,.25)}.system__index{font:2rem "Rye",serif;color:var(--rust)}.system h3{margin:0 0 12px;font:1.5rem "Rye",serif}.system p{max-width:680px;margin:0;font-size:11px;line-height:1.75;color:#5c5143}.system__meter{position:relative;height:8px;background:rgba(17,16,13,.16)}.system__meter i{display:block;width:var(--v);height:100%;background:var(--rust)}.system__meter span{position:absolute;right:0;top:-28px;font-size:9px}.derail{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;margin-top:130px;padding-top:70px;border-top:1px solid rgba(17,16,13,.25)}.derail h3{margin:0 0 25px;font:clamp(2rem,3.8vw,4rem)/1.05 "Rye",serif}.derail__copy>p:last-child{font-size:11px;line-height:1.8;color:#554b3e}.derail__diagram{position:relative;min-height:350px;background:#262019;overflow:hidden}.rail-a,.rail-b{position:absolute;left:-10%;right:-10%;height:4px;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.rail-a{top:45%}.rail-b{top:56%;transform:rotate(12deg);transform-origin:left}.derail__diagram i{position:absolute;top:38%;left:38%;font:bold 3rem monospace;color:#0c0a08;transform:rotate(12deg)}.derail__diagram b{position:absolute;right:8%;bottom:12%;font-size:9px;letter-spacing:.14em;color:var(--rust)}
.eras{background:#090c0d}.era-reader{display:grid;grid-template-columns:170px 1.4fr .9fr;min-height:610px;border:1px solid var(--line)}.era-reader__tabs{display:flex;flex-direction:column;border-right:1px solid var(--line)}.era-tab{flex:1;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:20px;background:none;border:0;border-bottom:1px solid var(--line);color:#7f786b;text-align:left;font-size:10px;text-transform:uppercase;cursor:pointer;transition:.25s}.era-tab span{font-size:8px;color:#5d5b55}.era-tab.active,.era-tab:hover{padding-left:28px;background:rgba(128,232,237,.08);color:var(--cyan)}.era-reader__scene{position:relative;overflow:hidden;transition:background .5s}.era-reader__scene--feral{background:linear-gradient(#26372f,#72804a)}.era-reader__scene--powder{background:linear-gradient(#7b2f1d,#d7823f)}.era-reader__scene--rust{background:linear-gradient(#222126,#7b432d)}.era-reader__scene--last{background:radial-gradient(circle at 60% 35%,#552832,#090d13 52%)}.era-reader__sky span{position:absolute;right:14%;top:14%;width:150px;aspect-ratio:1;border-radius:50%;background:#d59c50;box-shadow:0 0 60px #d27435;transition:.5s}.era-reader__scene--last .era-reader__sky span{background:#020405;box-shadow:0 0 30px #c84b2d}.era-reader__rail{position:absolute;left:-15%;right:-15%;bottom:25%;height:18px;border-block:2px solid var(--cyan);box-shadow:0 0 17px var(--cyan);transform:rotate(-4deg)}.era-reader__engine{position:absolute;left:35%;bottom:27%;font:bold 3rem monospace;color:#15110d}.era-reader__copy{display:flex;flex-direction:column;justify-content:center;padding:45px;border-left:1px solid var(--line)}.era-reader__copy>p:first-child{font-size:8px;color:var(--cyan);letter-spacing:.14em}.era-reader__copy h3{margin:12px 0 22px;font:2.6rem "Rye",serif}.era-reader__copy>p{font-size:11px;line-height:1.8;color:var(--muted)}.era-reader__copy dl{margin:30px 0 0}.era-reader__copy dl div{padding:12px 0;border-top:1px solid var(--line)}.era-reader__copy dt{margin-bottom:5px;color:var(--cyan);font-size:8px}.era-reader__copy dd{margin:0;font-size:9px}
.world{background:#d9c9a8}.factions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(17,16,13,.25)}.faction{min-height:330px;padding:45px;border-right:1px solid rgba(17,16,13,.25);border-bottom:1px solid rgba(17,16,13,.25)}.faction:nth-child(even){border-right:0}.faction span,.faction small{color:var(--rust);font-size:8px;letter-spacing:.13em}.faction h3{margin:60px 0 20px;font:2.2rem "Rye",serif}.faction p{max-width:510px;font-size:11px;line-height:1.8;color:#554b3e}.faction small{display:block;margin-top:30px}.encounter{display:grid;grid-template-columns:180px 1fr auto;gap:45px;align-items:center;margin-top:90px;padding:35px 0;border-block:1px solid rgba(17,16,13,.3)}.encounter .kicker{margin:0}.encounter>p:nth-child(2){margin:0;font:1.25rem/1.55 "Rye",serif}.encounter button{padding:14px 18px;border:1px solid var(--rust);background:none;color:var(--ink);font-size:8px;letter-spacing:.12em;cursor:pointer;transition:.2s}.encounter button:hover{background:var(--rust);color:var(--paper)}
.campaign__line{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--rust)}.campaign__line::before{content:"";position:absolute;left:0;right:0;top:-7px;height:12px;background:repeating-linear-gradient(90deg,transparent 0 9%,var(--rust) 9% 9.5%,transparent 9.5% 25%)}.campaign__line article{min-height:430px;padding:50px 28px;border-right:1px solid rgba(17,16,13,.22)}.campaign__line article:last-child{border:0}.campaign__line span{font-size:9px;color:var(--rust);letter-spacing:.14em}.campaign__line h3{margin:80px 0 22px;font:2rem "Rye",serif}.campaign__line p{font-size:11px;line-height:1.8;color:#554b3e}.campaign__line b{display:block;margin-top:40px;font-size:8px;letter-spacing:.12em}
.pillars{background:#100e0c}.pillars__list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.pillars__list li{display:grid;grid-template-columns:140px 1fr;align-items:center;min-height:180px;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.pillars__list li:hover{padding-left:18px;background:rgba(128,232,237,.035)}.pillars__list li>span{font:3rem "Rye",serif;color:var(--cyan)}.pillars__list h3{margin:0 0 12px;font:1.5rem "Rye",serif}.pillars__list p{max-width:720px;margin:0;color:var(--muted);font-size:11px;line-height:1.7}
.closing{position:relative;min-height:92vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 6vw;text-align:center;background:radial-gradient(circle at 50% 80%,#55281b,#0b0a08 55%);overflow:hidden}.closing h2{margin:0 0 45px;font:clamp(3rem,7vw,7rem)/1 "Rye",serif}.closing__rail{position:absolute;left:-10%;right:-10%;bottom:14%;height:18px;border-block:2px solid var(--cyan);box-shadow:0 0 20px var(--cyan);transform:perspective(500px) rotateX(55deg)}.closing__rail i{position:absolute;inset:-12px 0;background:repeating-linear-gradient(90deg,transparent 0 38px,rgba(128,232,237,.55) 39px 43px,transparent 44px 65px)}.closing__mark{position:absolute;bottom:30px;font-size:8px;letter-spacing:.16em}.closing__mark span{color:var(--rust)}footer{display:flex;justify-content:space-between;padding:28px 3vw;background:#070706;color:#6e6659;font-size:8px;letter-spacing:.11em;text-transform:uppercase}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.cover .reveal:nth-child(2){transition-delay:.1s}.cover .reveal:nth-child(3){transition-delay:.2s}.cover .reveal:nth-child(4){transition-delay:.3s}@keyframes travel{0%{left:-15%}100%{left:100%}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:980px){.chapter{padding:110px 5vw}.opening{grid-template-columns:1fr}.opening__body{padding-top:0}.rules{grid-template-columns:1fr 1fr}.rule{min-height:240px}.system{grid-template-columns:60px 1fr}.system__meter{grid-column:2}.era-reader{grid-template-columns:120px 1fr}.era-reader__copy{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.campaign__line{grid-template-columns:1fr 1fr}.campaign__line article{min-height:330px;border-bottom:1px solid rgba(17,16,13,.22)}.schema-car{transform:scale(.85);margin:-12px}.schema-link{width:10px}.encounter{grid-template-columns:1fr}.encounter button{justify-self:start}}
@media(max-width:700px){html{scroll-padding-top:60px}.topbar{height:58px;padding:0 18px}.topbar>p{display:none}.brand span{font-size:9px}.cover__copy{padding:90px 22px 110px;justify-content:flex-end}.cover h1{font-size:15vw}.cover__image{background-position:57% center}.cover__shade{background:linear-gradient(0deg,rgba(7,7,6,.92),rgba(7,7,6,.2) 72%)}.cover__folio{left:18px;right:18px}.chapter{padding:90px 22px}.chapter__header{margin-bottom:55px}.chapter__header h2,.opening h2{font-size:clamp(2.7rem,13vw,4.5rem)}.opening{gap:45px}.law{margin-top:35px}.immutable-demo{grid-template-columns:repeat(4,70vw);overflow-x:auto;scroll-snap-type:x mandatory}.era-band{scroll-snap-align:start}.rules{grid-template-columns:1fr}.rule,.rule:not(:first-child){min-height:0;padding:34px 0;border-right:0;border-bottom:1px solid var(--line)}.rule h3{margin:28px 0 12px}.definition{grid-template-columns:1fr}.player__grid{grid-template-columns:1fr}.player__portrait{width:100%}.player__text dl div{grid-template-columns:1fr;gap:7px}.loop__wheel{width:100%;margin:40px auto 90px}.loop__wheel article{width:115px}.loop__wheel article span{display:none}.loop__wheel article b{font-size:8px}.loop__note{grid-template-columns:1fr}.train-schema{justify-content:flex-start;overflow-x:auto;padding-left:55px}.schema-car{flex:0 0 160px}.schema-engine{flex-basis:220px}.tradeoff{flex-direction:column;gap:20px}.tradeoff>i{transform:rotate(90deg)}.train-details{grid-template-columns:1fr}.system{grid-template-columns:45px 1fr;gap:20px}.system__meter{grid-column:2;width:100%}.derail{grid-template-columns:1fr}.era-reader{grid-template-columns:1fr}.era-reader__tabs{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.era-tab{flex:0 0 115px;border-right:1px solid var(--line)}.era-reader__scene{min-height:360px}.factions{grid-template-columns:1fr}.faction,.faction:nth-child(even){min-height:0;padding:38px 0;border-right:0}.faction h3{margin:35px 0 15px}.campaign__line{grid-template-columns:1fr}.campaign__line article{min-height:0;padding:45px 0;border-right:0}.campaign__line h3{margin:40px 0 16px}.pillars__list li{grid-template-columns:65px 1fr;padding:28px 0}.pillars__list li>span{font-size:2rem}.pillars__list h3{font-size:1.1rem}.closing{min-height:75vh}footer{flex-direction:column;gap:10px;text-align:center}.book-nav{padding:22px}.book-nav a{font-size:1.1rem}}
@media(max-width:700px){.cover h1{font-size:12.2vw;letter-spacing:-.055em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.parallax,.demo-train,.portrait__ring{animation:none!important;transform:none!important}}