*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111515;color:#f1eee6;font-family:Tahoma,"Leelawadee UI",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{touch-action:manipulation}button,.button{cursor:pointer;border:1px solid #48504c;padding:10px 20px;background:transparent;color:inherit;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;gap:10px}button:hover,.button:hover{border-color:#dfb480}button:disabled{opacity:.3;cursor:default}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #9cd6cf;outline-offset:5px}.skip{position:fixed;left:16px;top:-80px;background:#fff;color:#111;padding:12px;z-index:9}.skip:focus{top:10px}.site-head{height:100px;max-width:1320px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #313733}.brand{font-family:Georgia,serif;font-size:36px;line-height:1;letter-spacing:-3px}.brand span{color:#dfb480}.brand small{display:block;font:8px/2.5 Arial;letter-spacing:2px}.site-head nav{display:flex;gap:32px;font-size:13px;color:#c4c8c0}.edition,.eyebrow{font-size:11px;letter-spacing:3px;color:#9cd6cf}.edition{color:#a1aaa1}.hero{max-width:1320px;margin:auto;padding:72px 6% 88px;display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center}.hero h1{font-weight:400;font-size:clamp(36px,4.3vw,65px);line-height:1.5;margin:16px 0 24px;letter-spacing:-1px}.year{font:clamp(80px,10vw,140px)/1 Georgia,serif;color:#dfb480;letter-spacing:-7px;display:block}.hero p{color:#afb9b1;max-width:470px}.primary{background:#e6c39c;color:#171a18;border-color:#e6c39c}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.meta{display:flex;gap:22px;color:#a9b2a8;font-size:12px}.art{position:relative}.art img{display:block;width:100%;height:auto;box-shadow:0 28px 70px #0008;border:1px solid #61635b}.art:before{content:"";position:absolute;inset:-18px 18px 18px -18px;border:1px solid #555b4b;z-index:-1}.caption{display:flex;justify-content:space-between;gap:15px;color:#9ca99f;font-size:11px;margin-top:18px}.section{max-width:1160px;margin:auto;padding:56px 24px;border-top:1px solid #343b35}.section h2{font-size:26px;font-weight:400;margin:5px 0 24px}.chapter{display:flex;align-items:center;gap:28px;padding:24px 0;border-top:1px solid #343b35}.chapter img{width:84px;height:auto}.chapter h3{font-size:19px;font-weight:400;margin:0}.chapter p{font-size:12px;color:#aab7ab;margin:4px 0}.chapter .arrow{margin-left:auto;font-size:26px;color:#dfb480}.tag{display:inline-block;font-size:11px;color:#e6c39c;border:1px solid #635644;padding:2px 10px}.about{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;color:#b2bcb3}.about p{margin-top:0}.about h2{color:#f1eee6}footer{border-top:1px solid #343b35;max-width:1160px;margin:30px auto 0;padding:32px 24px;color:#87968b;font-size:11px;display:flex;justify-content:space-between;gap:20px}.reader-head{max-width:1160px;margin:auto;padding:28px 24px 16px}.reader-head h1{font-size:24px;font-weight:400;margin:12px 0}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:16px 0}.toolbar button,.toolbar select{padding:7px 12px;font-size:13px}.toolbar label{font-size:12px}.toolbar select{background:#202821;color:#f1eee6;border:1px solid #4b574c;max-width:100%}.canvas{background:#080b09;padding:24px 0;min-height:50vh;overflow:auto}.pages{margin:auto;width:100%;max-width:900px;transition:max-width .15s}.pages img{width:100%;height:auto;display:block;margin:0 auto 24px}.pages figure{margin:0}.pages figcaption{text-align:center;font-size:12px;color:#a2afa4;margin:12px}.page-nav{display:flex;justify-content:center;align-items:center;gap:24px;padding:24px}.notice{text-align:center;color:#acbaad;font-size:13px}.error{padding:35px;color:#f1c39f}.canvas:fullscreen{overflow:auto;padding:24px;background:#080b09}.canvas:fullscreen .pages{max-width:1000px}.image-status{padding:10px;text-align:center;font-size:12px;color:#bec9bf}[hidden]{display:none!important}@media(max-width:680px){.site-head{height:80px;padding:0 22px}.edition{display:none}.site-head nav{gap:18px;font-size:11px}.hero{padding:40px 24px 50px;grid-template-columns:1fr;gap:38px}.hero h1{font-size:37px}.hero .year{font-size:100px}.hero p{font-size:14px}.art{max-width:440px;margin:0 auto}.meta{gap:16px}.section{padding:36px 24px}.about{grid-template-columns:1fr;gap:5px}.chapter{gap:16px}.chapter h3{font-size:16px}.chapter img{width:63px}.reader-head{padding:20px 16px}.reader-head h1{font-size:20px}.toolbar{gap:8px}.canvas{padding:10px 0}.page-nav{gap:12px;padding:20px 10px}.page-nav button{padding:8px 12px}footer{flex-direction:column;gap:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pages{transition:none}}

/* Desktop reader: use the available viewport, including browser chrome deductions. */
@media(min-width:900px){
 body.reading{height:100dvh;overflow:hidden;display:flex;flex-direction:column}
 .reading .site-head{height:60px;min-height:60px;width:100%;max-width:1920px;padding:0 32px}
 .reading .brand{font-size:28px}.reading .brand small{font-size:7px}
 .reading main{flex:1;min-height:0;display:flex;flex-direction:column}
 .reading .reader-head{max-width:1920px;width:100%;padding:10px 32px 6px;display:grid;grid-template-columns:1fr auto;gap:0 24px;align-items:center}
 .reading .reader-head>a{font-size:12px}.reading .reader-head h1{grid-column:1;font-size:20px;margin:0}
 .reading .toolbar{grid-column:2;grid-row:1 / 3;margin:0}
 .reading .reader-head>.notice{grid-column:1 / -1;font-size:11px;margin:3px 0 0}
 .reading .canvas{flex:1;min-height:0;padding:12px 16px;overflow:auto;overscroll-behavior:contain}
 .reading .pages{transition:none}.reading .pages img{margin:0}
 .reading .pages figcaption{margin:4px 0;font-size:11px;line-height:20px}
 .reading .page-nav{padding:6px 16px;gap:24px;min-height:48px;font-size:13px}
 .reading .page-nav button{padding:4px 16px}
 .reading #ending,.reading #save-status{font-size:10px;line-height:16px;margin:0}
 .reading #save-status{padding-bottom:4px}.reading footer{display:none}
 .reading .canvas:fullscreen{height:100dvh}
}
/* 2121 / Neon war chronicles */
:root{--cyan:#59fff1;--pink:#ff48ae;--ink:#050812;--line:#244458;--muted:#91a9bc}
body{background:var(--ink);color:#eaf6ff;isolation:isolate}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse at 75% 15%,#113c5144,transparent 50%),radial-gradient(ellipse at 0 50%,#8a15602b,transparent 50%);pointer-events:none}
.ambient-fx{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.grid-floor{position:absolute;inset:30% -50% -70%;background-image:linear-gradient(#28dfd321 1px,transparent 1px),linear-gradient(90deg,#28dfd321 1px,transparent 1px);background-size:72px 72px;transform:perspective(600px) rotateX(55deg);mask-image:linear-gradient(transparent,#000);animation:grid-drift 20s linear infinite}
.orb{position:absolute;border-radius:50%;filter:blur(65px);opacity:.17;animation:float 14s ease-in-out infinite alternate}.orb-one{background:var(--cyan);width:360px;height:360px;right:-120px;top:10%}.orb-two{background:var(--pink);width:300px;height:300px;left:-150px;top:55%;animation-delay:-7s}
.scan-beam{position:absolute;left:0;right:0;height:100px;top:-120px;background:linear-gradient(transparent,#48ffed05,#48ffed16,transparent);animation:scan 16s linear infinite}
.site-head{max-width:1760px;height:88px;padding:0 4%;border-bottom:1px solid #59fff144;position:relative;background:#050812b3;gap:20px}.site-head:after{content:"";position:absolute;bottom:-1px;left:4%;height:2px;width:90px;background:var(--cyan);box-shadow:0 0 18px var(--cyan);animation:led-run 9s ease-in-out infinite alternate}
.brand{font:900 34px/1 "Arial Black",Arial,sans-serif;letter-spacing:-3px;color:#f2fbff;text-shadow:2px 0 #ff48ae77,-2px 0 #59fff177}.brand span{color:var(--cyan)}.brand small{color:#92b7c9;font-size:7px;letter-spacing:3px}.site-head nav{font-size:13px;gap:36px}.site-head nav a:hover{color:var(--cyan);text-shadow:0 0 14px #59fff199}.head-status{display:flex;align-items:center;gap:18px}.edition{color:var(--cyan);font:10px monospace;letter-spacing:2px}#fx-toggle{font:11px monospace;padding:6px 10px;border-color:#59fff155;color:var(--cyan);background:#0b1724}
.hero{max-width:1600px;padding:60px 6% 68px;gap:8%;grid-template-columns:1.25fr .75fr;position:relative;min-height:800px}.hero-copy{position:relative;min-width:0}.eyebrow{color:var(--cyan);font:11px/1.8 monospace;letter-spacing:2px}.signal{display:inline-block;width:6px;height:6px;margin-right:8px;background:var(--cyan);box-shadow:0 0 12px var(--cyan);vertical-align:middle;animation:breathe 3s ease-in-out infinite}.hero h1{font-size:clamp(38px,4vw,64px);line-height:1.45;font-weight:700;letter-spacing:0;margin:10px 0 24px}.year{font:900 clamp(110px,11vw,176px)/1 "Arial Black",Arial,sans-serif;letter-spacing:-9px;color:#edfaff;position:relative;text-shadow:3px 2px 0 #ff48ae99,-3px -1px 0 #59fff1bb,0 0 45px #59fff133}.year:after{content:attr(data-text);position:absolute;left:3px;top:0;color:var(--cyan);clip-path:inset(45% 0 47%);animation:glitch 8s infinite}em{font-style:normal;color:var(--cyan);text-shadow:0 0 28px #59fff144}.hero p{font-size:16px;color:#9eb3c8;line-height:2}.actions{margin:30px 0;gap:12px}button,.button{border-radius:0;border-color:#386075;background:#0a1522;color:#d8edf8;transition:background .2s,box-shadow .2s,transform .2s}.button{padding:13px 24px;font-size:14px;font-weight:700;position:relative}.button:hover,button:hover{border-color:var(--cyan);box-shadow:0 0 20px #59fff126,inset 0 0 15px #59fff115;color:#fff}.button:hover{transform:translateY(-2px)}.primary{background:var(--cyan);border-color:var(--cyan);color:#041317;box-shadow:0 0 30px #59fff133}.primary:hover{background:#a0fff6;color:#041317}.meta{font:10px/1.8 monospace;color:#95acbf;gap:22px;flex-wrap:wrap}.meta span{border-left:2px solid var(--pink);padding-left:10px}
.art{width:100%;max-width:390px;justify-self:end;padding:12px;background:#0a1320;border:1px solid #59fff15c;box-shadow:0 0 40px #59fff11a,12px 12px 0 #ff48ae0d;position:relative}.art:before{inset:-7px;z-index:0;border:0;background:linear-gradient(var(--cyan),var(--cyan)) left top/36px 2px no-repeat,linear-gradient(var(--cyan),var(--cyan)) left top/2px 36px no-repeat,linear-gradient(var(--pink),var(--pink)) right bottom/36px 2px no-repeat,linear-gradient(var(--pink),var(--pink)) right bottom/2px 36px no-repeat;pointer-events:none}.art img{border:0;box-shadow:none;width:100%;height:auto}.frame-label{display:flex;justify-content:space-between;font:9px/2 monospace;letter-spacing:1px;color:var(--cyan);padding:0 2px 10px}.caption{color:#b1c7d7;font-size:10px;margin-top:12px}.hero-coordinate{position:absolute;bottom:20px;left:6%;font:9px monospace;letter-spacing:2px;color:#5f7f96}.world-strip{display:flex;justify-content:space-around;flex-wrap:wrap;gap:18px;padding:17px 24px;border-block:1px solid #59fff133;background:#0a1421;color:#7095ac;font:10px/1.5 monospace;letter-spacing:2px}.world-strip b{font-weight:400;color:var(--cyan)}
.section{max-width:1400px;padding:64px 5%;border-color:#244458}.section h2{font-size:36px;font-weight:700;line-height:1.6;margin:12px 0 28px}.transmission{display:grid;grid-template-columns:.65fr 1.35fr;gap:64px;align-items:center;border-top:0}.transmission-copy p{color:#9eb3c8}.tag{color:var(--pink);border-color:#ff48ae55;background:#ff48ae0a;letter-spacing:1px}.video-note{font-size:11px}.video-frame{min-width:0;position:relative;border:1px solid #59fff166;padding:8px;background:#0a1421;box-shadow:0 0 35px #59fff115}.video-frame video{display:block;width:100%;height:auto;background:#000;aspect-ratio:16/9}.video-caption{display:block;color:var(--cyan);font:9px monospace;letter-spacing:3px;padding:10px 4px 2px}.chapter{background:linear-gradient(100deg,#101f30,#080f1c);border:1px solid #33566b;padding:22px;position:relative;transition:box-shadow .2s,border-color .2s}.chapter:before{content:"";width:3px;position:absolute;inset:20% auto 20% 0;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.chapter:hover{border-color:var(--cyan);box-shadow:0 0 28px #59fff11c}.chapter .arrow{color:var(--cyan)}.chapter h3{font-size:22px}.chapter p{color:#9eb3c8}.about{gap:70px;color:#9eb3c8}.about h2{color:#eaf6ff}footer{max-width:1260px;border-color:#244458;color:#7c9ab0}.notice{color:#91adbf}
.reader-head{background:#08111d}.toolbar select{background:#0b1a2b;color:#eaf6ff;border-color:#335b70}.canvas{background:#04070e}.pages{box-shadow:0 0 40px #59fff10d}.reading .ambient-fx{opacity:.25}.reading .site-head:after{animation:none}.reading .canvas{background:radial-gradient(ellipse at center,#10243655,transparent 65%),#04070e;border-block:1px solid #59fff12b}.reading .page-nav{background:#091320}.reading #count{font-family:monospace;color:var(--cyan)}.reading .notice{color:#91adbf}.reading .reader-head h1{color:#eaf6ff}.reading #zoom{color:var(--cyan);border-color:#59fff188}a:focus-visible,button:focus-visible,select:focus-visible,video:focus-visible{outline:2px solid var(--pink);outline-offset:4px}
@keyframes grid-drift{to{background-position:0 72px,0 72px}}@keyframes float{to{transform:translate(70px,100px)}}@keyframes scan{to{top:110%}}@keyframes led-run{to{left:85%;background:var(--pink);box-shadow:0 0 18px var(--pink)}}@keyframes breathe{50%{opacity:.45;box-shadow:0 0 4px var(--cyan)}}@keyframes glitch{0%,93%,97%,100%{transform:translate(0);opacity:0}94%,96%{transform:translate(-5px);opacity:.8}95%{transform:translate(6px);opacity:.8}}
.fx-off *, .fx-off *:before,.fx-off *:after{animation:none!important;transition:none!important}.fx-off .scan-beam{display:none}
@media(min-width:1600px){.hero{min-height:calc(100dvh - 135px);max-height:1000px}.art{max-width:410px}}
@media(min-width:900px){.reading .head-status{gap:12px}.reading .site-head{background:#07101b}.reading .canvas{padding:12px 16px}.reading .pages img{margin:0}.reading .toolbar{gap:8px}.reading .toolbar button,.reading .toolbar select{font-size:12px}}
@media(max-width:1100px){.hero{gap:6%;padding:48px 5%;min-height:720px}.hero h1{font-size:40px}.year{font-size:120px}.transmission{gap:32px}.reading .reader-head{gap:0 12px}.reading .toolbar label{display:none}.reading .toolbar{gap:5px}}
@media(max-width:680px){.site-head{padding:0 18px;height:76px;gap:12px}.brand{font-size:29px}.site-head nav{gap:14px;font-size:11px}.head-status{gap:0}#fx-toggle{font-size:9px;padding:5px 7px}.hero{grid-template-columns:1fr;gap:38px;padding:38px 24px 58px;min-height:0}.hero .year{font-size:112px;letter-spacing:-6px}.hero h1{font-size:40px}.hero p{font-size:14px}.eyebrow{font-size:9px;letter-spacing:1px}.art{max-width:340px;justify-self:center}.hero-coordinate{font-size:7px;letter-spacing:1px;bottom:14px}.actions .button{font-size:12px;padding:12px 16px}.meta{font-size:9px;gap:12px}.world-strip{font-size:8px;gap:12px;letter-spacing:1px}.world-strip span:last-child{display:none}.section{padding:40px 24px}.section h2{font-size:28px}.transmission{grid-template-columns:1fr;gap:20px}.transmission-copy h2 br{display:none}.transmission-copy p br{display:none}.about{gap:10px}.chapter{padding:16px;gap:15px}.chapter h3{font-size:16px}.chapter img{width:60px}.reader-head h1{font-size:20px}.toolbar{gap:6px}.toolbar button,.toolbar select{font-size:12px;padding:6px 9px}.toolbar select#chapter{max-width:245px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scan-beam{display:none}}
.future-preview>p{color:#91adbf;font-size:14px}.future-preview details{border:1px solid #33566b;background:#0a1421;padding:20px}.future-preview summary{cursor:pointer;color:#59fff1;font-size:14px}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.preview-grid figure{margin:0;min-width:0}.preview-grid video{display:block;width:100%;aspect-ratio:16/9;background:#000}.preview-grid figcaption{font-size:12px;color:#91adbf;padding-top:10px}@media(max-width:680px){.preview-grid{grid-template-columns:1fr}.future-preview details{padding:14px}}
/* Center-stage media reader */
.canvas{position:relative}.canvas:not(.scroll-mode) .pages{position:relative;z-index:2}.side-card{position:absolute;top:50%;width:min(26vw,380px);padding:10px;background:#0a1421;border:1px solid #59fff133;opacity:.22;filter:saturate(.45);display:flex;flex-direction:column;gap:8px;transition:opacity .2s;z-index:1}.side-card:hover,.side-card:focus-visible{opacity:.55;filter:none}.side-card img{display:block;width:100%;max-height:65vh;object-fit:contain}.left-card{left:calc(50% - var(--center-width)/2 - 32px);transform:translate(-100%,-50%) scale(.86);transform-origin:right center}.right-card{right:calc(50% - var(--center-width)/2 - 32px);transform:translate(100%,-50%) scale(.86);transform-origin:left center}.side-label{font-size:11px;color:#9ccfdb}.pages video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000;box-shadow:0 0 35px #59fff133}.canvas.video-active .pages{margin-top:max(0px,calc((100dvh - 290px - (var(--center-width)*9/16))/2))}.pages .video-play{margin:8px auto}.slide-enter{animation:media-enter .35s ease-out}.zoomed .side-card,.scroll-mode .side-card{display:none}.reading #next:not(:disabled){background:#59fff1;color:#041317;border-color:#59fff1;box-shadow:0 0 18px #59fff124}.reading .canvas:not(.scroll-mode):not(.zoomed){overflow:hidden}.reading .canvas.scroll-mode{overflow:auto}.reading .canvas.video-active:fullscreen .pages{margin-top:max(0px,calc((100dvh - (var(--center-width)*9/16) - 65px)/2))}@keyframes media-enter{from{opacity:.45;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}@media(max-width:899px){.canvas:not(.scroll-mode) .pages{max-width:90%}.side-card{width:68vw}.left-card{left:calc(50% - var(--center-width)/2 - 8px)}.right-card{right:calc(50% - var(--center-width)/2 - 8px)}.canvas.video-active .pages{margin-top:18px;margin-bottom:18px}.reading .canvas:not(.scroll-mode){min-height:240px}.pages figcaption{font-size:10px}.side-card img{max-height:480px}}
@media(max-width:680px){.page-nav{gap:8px}.page-nav button{white-space:nowrap;font-size:11px;padding:8px!important}.page-nav #count{max-width:140px;font-size:11px}.sound-toggle{font-size:12px;padding:8px 16px}}
.upcoming-chapter{margin-top:16px;border-style:dashed}.upcoming-number{font:700 32px monospace;color:#f5bfd3;min-width:64px;text-align:center}
/* Clear, episode-aware navigation */
.site-head{max-width:none;width:100%;height:90px;padding:0 4%;display:grid;grid-template-columns:190px 1fr auto;gap:24px;border-bottom:1px solid #254357;background:#060d18ed}.site-head .main-nav{display:flex;justify-content:center;align-items:stretch;gap:8px;align-self:stretch}.main-nav a{position:relative;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:12px 22px;border-bottom:2px solid transparent;color:#9cb0c2;transition:background .2s,color .2s}.main-nav .nav-code{font:9px/1.5 monospace;letter-spacing:1.8px;color:#7f9cae}.main-nav strong{font-size:13px;font-weight:400;line-height:1.7}.main-nav a:hover{background:#59fff10b;color:#eafaff}.main-nav a[aria-current=page]{background:linear-gradient(0deg,#59fff111,transparent);border-bottom-color:#59fff1;color:#59fff1}.main-nav a[aria-current=page] .nav-code{color:#59fff1}.site-head:after{display:none}.header-resume{display:flex;align-items:center;gap:15px;padding:10px 16px;background:#59fff1;color:#051317;font-size:12px;font-weight:700;border:1px solid #59fff1;white-space:nowrap}.header-resume:hover{background:#b1fff7;box-shadow:0 0 20px #59fff133}.site-head .head-status{gap:12px}.reading .site-head{display:grid;grid-template-columns:140px 1fr auto;height:72px;min-height:72px;padding:0 24px}.reading .main-nav a{padding:6px 18px}.reading .main-nav strong{font-size:12px}.reading .header-resume{padding:7px 12px}.reading .main-nav{gap:4px}
body[data-page=home] .hero{min-height:0;max-height:none;padding:38px 6% 40px;gap:9%;grid-template-columns:1.15fr .65fr;max-width:1460px}body[data-page=home] .hero h1{font-size:49px;line-height:1.35;margin:8px 0 14px}body[data-page=home] .year{font-size:132px;letter-spacing:-7px}body[data-page=home] .hero p{font-size:14px;line-height:1.9}body[data-page=home] .actions{margin:22px 0}body[data-page=home] .art{max-width:300px}body[data-page=home] .hero-coordinate{display:none}body[data-page=home] #chapters{padding-top:30px;padding-bottom:34px}body[data-page=home] #chapters h2{font-size:28px;margin:6px 0 18px}body[data-page=home] #chapter-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}body[data-page=home] .chapter{margin:0;padding:16px 20px;gap:20px}body[data-page=home] .chapter img{width:54px}body[data-page=home] .chapter h3{font-size:17px}body[data-page=home] .upcoming-number{min-width:54px;font-size:27px}
@media(max-width:1100px){.site-head{grid-template-columns:120px 1fr auto;gap:12px;padding:0 22px}.main-nav a{padding:10px 12px}.main-nav strong{font-size:11px}.header-resume{font-size:11px;padding:8px 10px}.site-head .head-status{gap:8px}.reading .main-nav a{padding:6px 9px}.reading .main-nav strong{font-size:10px}body[data-page=home] .hero h1{font-size:43px}body[data-page=home] .year{font-size:110px}}
@media(max-width:680px){.site-head,.reading .site-head{height:auto;min-height:0;grid-template-columns:1fr auto;padding:16px 18px 0;gap:14px}.site-head .brand{grid-column:1;grid-row:1}.site-head .head-status{grid-column:2;grid-row:1}.site-head .main-nav{grid-column:1 / -1;grid-row:2;justify-content:stretch;gap:0;margin:0 -18px;align-self:stretch}.main-nav a,.reading .main-nav a{flex:1;min-width:0;align-items:center;text-align:center;padding:10px 5px}.main-nav .nav-code{font-size:8px;letter-spacing:.4px}.main-nav strong,.reading .main-nav strong{font-size:9px;line-height:1.7}.header-resume,.reading .header-resume{font-size:10px;padding:7px 9px;gap:5px}.site-head .head-status{gap:7px}body[data-page=home] .hero{grid-template-columns:1fr;padding:30px 24px 36px;gap:28px}body[data-page=home] .hero h1{font-size:37px}body[data-page=home] .year{font-size:105px}body[data-page=home] .art{max-width:270px;justify-self:center}body[data-page=home] #chapter-list{grid-template-columns:1fr}body[data-page=home] .chapter{padding:16px;gap:14px}body[data-page=home] .chapter h3{font-size:16px}}
/* Episode catalog first: all available episodes in the opening viewport. */
.series-banner,.episode-library,.library-extras{max-width:1420px;width:calc(100% - 80px);margin:0 auto}.series-banner{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:32px 0 24px;border-bottom:1px solid #244458}.series-banner h1{font-size:35px;line-height:1.5;margin:9px 0 4px;letter-spacing:0}.series-banner h1 em{margin-left:10px}.series-banner p{font-size:13px;color:#93aabd;margin:0}.library-stats{display:flex;gap:28px;flex-shrink:0}.library-stats span{display:flex;flex-direction:column;font-size:11px;color:#93aabd}.library-stats strong{font:400 31px/1.5 monospace;color:#59fff1}.episode-library{padding:25px 0 12px}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.library-heading h2{font-size:23px;font-weight:400;margin:4px 0 0}.library-heading .button{font-size:12px;padding:10px 16px}body[data-page=home] .episode-library #chapter-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}body[data-page=home] .library-card{display:grid;grid-template-columns:140px 1fr;gap:26px;margin:0;padding:24px;min-height:265px;border:1px solid #33566b;background:linear-gradient(135deg,#0d1c2d,#08101d);align-items:center}body[data-page=home] .library-card:before{display:none}.library-art{min-width:0;display:flex;justify-content:center;align-items:center}.library-card .library-art img{width:130px!important;height:auto;max-height:204px;object-fit:contain;box-shadow:0 8px 20px #0004}.library-card-info{min-width:0}.library-card-info>.eyebrow{display:block;font-size:10px}.availability{display:inline-block;font-size:10px;line-height:1.6;color:#59fff1;background:#59fff110;padding:2px 8px;border:1px solid #59fff140;margin:8px 0 4px}body[data-page=home] .library-card h3{font-size:23px;line-height:1.6;margin:6px 0 8px}.library-card-info p{font-size:12px;line-height:1.9;margin:0 0 17px}.library-card-cta{display:inline-block;color:#051317;background:#59fff1;padding:8px 14px;font-size:12px;font-weight:700}.planned-card .planned-art{height:200px;background:radial-gradient(circle at 50% 20%,#fff,#f5d2e1);color:#b82b65;flex-direction:column;border:1px solid #dfa2bc}.planned-art>span{font:700 53px/1.5 Arial;letter-spacing:-4px}.planned-art>small{font:8px monospace;letter-spacing:1.5px}.planned-card .availability{color:#ffc6df;border-color:#ffacd044;background:#ffacd011}.planned-card .library-card-cta{background:#f5bfd3;color:#6d2447}.planned-note{display:block;font-size:10px;color:#a4a7b7;margin-top:9px}.library-note{font-size:10px;color:#7894a9;margin:16px 0 0}.library-extras{border:1px solid #244458;background:#08111c;margin-top:18px;margin-bottom:40px}.library-extras>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;cursor:pointer;color:#d7eaf5;font-size:13px;list-style:none}.library-extras>summary::-webkit-details-marker{display:none}.extras-hint{font-size:10px;color:#59fff1;white-space:nowrap}.library-extras[open]>summary{border-bottom:1px solid #244458}.extras-content .section{padding:32px;max-width:100%}.extras-content .transmission{gap:32px}.extras-content .section h2{font-size:27px}.extras-content .video-frame{max-width:650px}body[data-page=home] footer{margin-top:0}
@media(max-width:1050px){body[data-page=home] .library-card{grid-template-columns:95px 1fr;padding:18px;gap:18px}.library-card .library-art img{width:90px!important}.planned-card .planned-art{height:145px}.planned-art>span{font-size:40px}body[data-page=home] .library-card h3{font-size:19px}}
@media(max-width:680px){.series-banner,.episode-library,.library-extras{width:calc(100% - 32px)}.series-banner{padding:20px 0 18px;gap:12px;align-items:flex-start}.series-banner .eyebrow{font-size:8px}.series-banner h1{font-size:24px;line-height:1.55;margin:6px 0}.series-banner h1 em{margin-left:0;display:block}.series-banner p{font-size:10px;max-width:240px}.library-stats{gap:12px;padding-top:6px}.library-stats span{font-size:8px}.library-stats strong{font-size:23px}.library-heading{gap:10px;margin-bottom:14px;align-items:flex-start}.library-heading h2{font-size:18px;max-width:200px}.library-heading .eyebrow{font-size:8px}.library-heading .button{font-size:9px;padding:7px 9px;white-space:nowrap}.episode-library{padding-top:18px}body[data-page=home] .episode-library #chapter-list{grid-template-columns:1fr;gap:12px}body[data-page=home] .library-card{grid-template-columns:72px 1fr;min-height:152px;padding:13px;gap:15px}.library-card .library-art img{width:68px!important}.planned-card .planned-art{height:110px}.planned-art>span{font-size:33px}.planned-art>small{font-size:6px}.library-card-info>.eyebrow{font-size:8px}.availability{font-size:8px;margin:4px 0 0;padding:1px 6px}body[data-page=home] .library-card h3{font-size:17px;margin:3px 0 4px}.library-card-info p{font-size:10px;margin-bottom:8px}.library-card-cta{font-size:10px;padding:6px 10px}.planned-note{font-size:8px;margin-top:5px}.library-note{font-size:8px;line-height:1.8;margin-top:10px}.library-extras{margin-top:10px;margin-bottom:24px}.library-extras>summary{padding:13px 12px;font-size:11px;gap:10px}.extras-hint{font-size:8px}.extras-content .section{padding:22px 14px}.extras-content .section h2{font-size:22px}.extras-content .transmission{gap:18px}}
.series-banner>div:first-child{min-width:0;flex:1}.library-stats{min-width:100px;justify-content:flex-end}body[data-page=home] .episode-library#chapters{padding-top:24px;padding-bottom:12px}body[data-page=home] .episode-library#chapters h2{font-size:23px;line-height:1.5;margin:4px 0 0}@media(max-width:680px){body[data-page=home] .episode-library#chapters{padding-top:16px;padding-bottom:8px}body[data-page=home] .episode-library#chapters h2{font-size:20px;margin:3px 0 0}.series-banner{padding-top:18px;padding-bottom:16px}.library-stats{min-width:83px;gap:12px}.library-stats span{align-items:center}.library-stats strong{font-size:22px}.series-banner p{font-size:9px}.library-heading{align-items:center}.library-card-info p{line-height:1.7}}

/* Six shared navigation links, including the growing cast archive. */
.site-head .main-nav,.main-nav a{min-width:0}@media(min-width:681px){.site-head .main-nav a{padding-left:clamp(7px,1.05vw,20px);padding-right:clamp(7px,1.05vw,20px)}}
