/* styles.css */
:root{--bg:#070a0c;--panel:#10171b;--line:#2c363d;--blue:#80d4e8;--gold:#d3a759;--paper:#eeeae0;--muted:#849097}*{box-sizing:border-box}html{background:var(--bg);color:var(--paper);font-family:Inter,system-ui,sans-serif}body{margin:0;background:radial-gradient(circle at 50% -20%,#26373f,transparent 42%),var(--bg);min-height:100vh}button{font:inherit}header{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3vw;background:#070a0cdd;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.brand,#menu{background:none;border:0;color:white;font-size:12px;letter-spacing:.15em;font-weight:800;cursor:pointer}.brand b{color:var(--gold);font-weight:500}.online{font-size:10px;letter-spacing:.13em;color:var(--muted)}.online i,.status i{display:inline-block;width:6px;height:6px;background:#8ce5b1;border-radius:50%;box-shadow:0 0 10px #8ce5b1;margin-right:7px}.online time{margin-left:14px;color:#bdc6c9}#reader{display:none;grid-template-columns:86px 1fr 320px;max-width:1500px;margin:auto;min-height:calc(100vh - 130px)}#reader.active{display:grid}.issues{border-right:1px solid var(--line);padding:24px 12px;text-align:center}.issues>p{font-size:9px;color:var(--muted);letter-spacing:.16em}.thumb{width:58px;height:82px;margin:10px 0;padding:0;border:1px solid var(--line);background:#11171a;color:#5b656a;position:relative;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.thumb b{position:absolute;bottom:3px;left:4px;background:#070a0c;color:var(--gold);font-size:9px;padding:2px}.thumb small{display:block;font-size:7px;margin-top:5px}.chosen{border-color:var(--blue)}.stage{padding:18px clamp(14px,3vw,42px)}.status{height:42px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em}.status small{display:block;color:var(--muted);margin:5px 0 0 13px}.status>span:last-child{text-align:right}.status>span:last-child small{margin-left:0}.status b{color:var(--blue)}.tablet{width:min(68vh,620px);margin:auto;padding:11px 11px 7px;border:1px solid #53626a;border-radius:19px;background:linear-gradient(145deg,#344047,#090c0e 16%,#182025);box-shadow:0 25px 90px #000,0 0 40px #80d4e812;position:relative}.lights{position:absolute;top:-2px;left:18px;font-size:10px;color:#607078;letter-spacing:3px}.screen{aspect-ratio:2/3;overflow:hidden;border-radius:8px;border:1px solid #000;position:relative;background:#080a0b}.screen>img{width:100%;height:100%;object-fit:cover;display:block;transition:.16s}.screen.turn img{opacity:.15}.cover{position:absolute;inset:0;padding:7%;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(0deg,#06090af2,transparent 54%);text-shadow:0 2px 15px #000}.cover small{font-size:9px;letter-spacing:.19em;color:var(--gold)}.cover h1{font:900 clamp(42px,5vw,72px)/.82 Arial,sans-serif;letter-spacing:-.07em;margin:10px 0 20px}.cover p{border-top:1px solid #ffffff88;padding-top:10px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em}.screen>button{position:absolute;z-index:3;top:0;bottom:0;width:38%;border:0;background:transparent}#tapPrev{left:0}#tapNext{right:0}.tablet-foot{height:20px;display:flex;justify-content:space-between;align-items:end;padding:0 5px;font-size:7px;color:#6b777d;letter-spacing:.14em}.tablet-foot b{width:32px;height:3px;background:#020303;border-radius:2px}.controls{display:flex;justify-content:center;gap:10px;margin-top:14px}.controls button{height:38px;border:1px solid var(--line);background:#10171b;color:white;cursor:pointer}.controls>button:first-child,.controls>button:last-child{width:40px;border-radius:50%}.controls>button:disabled{opacity:.25}#picker{border-radius:20px;min-width:175px;display:flex;justify-content:center;align-items:center;gap:12px}#picker b{font-size:9px;letter-spacing:.12em}#dots{display:flex;gap:3px}#dots i{width:4px;height:4px;border-radius:50%;background:#465159}#dots i.on{background:var(--blue);box-shadow:0 0 7px var(--blue)}.details{border-left:1px solid var(--line);padding:28px;background:linear-gradient(180deg,#111a1ecc,transparent)}.code{font-size:9px;color:var(--muted);letter-spacing:.14em;display:flex;justify-content:space-between}.code button{border:0;background:0;color:var(--gold);font-size:27px}.eyebrow{font-size:9px;letter-spacing:.17em;color:var(--blue);margin-top:12vh}.details h2{font:400 48px/.88 Georgia,serif;letter-spacing:-.04em;margin:13px 0 22px}.synopsis{font:16px/1.55 Georgia,serif;color:#b1b9bc}dl{margin:28px 0;border-top:1px solid var(--line)}dl div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:9px}dt{color:var(--muted)}dd{margin:0}.primary,.secondary{width:100%;height:45px;border:1px solid var(--gold);background:var(--gold);font-size:10px;font-weight:700;letter-spacing:.11em;cursor:pointer}.primary span{float:right}.secondary{margin-top:8px;background:transparent;color:white;border-color:var(--line)}nav{height:68px;border-top:1px solid var(--line);display:flex;justify-content:center;position:sticky;bottom:0;background:#070a0cf2;z-index:10}nav button{min-width:110px;border:0;background:0;color:#69757b;cursor:pointer;font-size:17px}nav small{display:block;font-size:9px;margin-top:3px}nav button.selected{color:var(--blue)}#library{display:none;padding:clamp(40px,7vw,90px);max-width:1250px;margin:auto;min-height:calc(100vh - 130px)}#library.active{display:block}.library-title{border-bottom:1px solid var(--line);padding-bottom:28px;display:flex;align-items:end;justify-content:space-between}.library-title p{font-size:9px;color:var(--blue);letter-spacing:.17em}.library-title h1{font:400 clamp(54px,8vw,100px)/.8 Georgia,serif;margin:0}.library-title button{background:0;border:0;border-bottom:1px solid var(--gold);color:white;padding-bottom:6px}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.card{border:1px solid var(--line);background:#0e1519;padding:17px;color:white;text-align:left}.card img{width:100%;height:310px;object-fit:cover;object-position:center 27%}.card small{display:block;color:var(--blue);letter-spacing:.15em;margin-top:14px}.card h2{font:400 35px Georgia,serif;margin:7px 0}.card p{color:var(--muted)}.future{display:flex;min-height:430px;flex-direction:column;justify-content:end;background:radial-gradient(circle at 50% 20%,#2c4b55,transparent 18%),#0c1114}.future small{margin-bottom:auto}dialog{width:min(580px,92vw);background:#10171b;color:white;border:1px solid #42535c;padding:clamp(28px,6vw,55px);box-shadow:0 30px 120px #000}dialog::backdrop{background:#020405dd;backdrop-filter:blur(7px)}dialog .close{position:absolute;right:12px;top:12px;border:1px solid var(--line);background:0;color:white;border-radius:50%;width:34px;height:34px}dialog>p:first-of-type{font-size:9px;color:var(--blue);letter-spacing:.17em}dialog h2{font:400 43px Georgia,serif;margin:8px 0 25px}blockquote{font:italic 27px/1.3 Georgia,serif;color:#d9cba4;margin:24px 0}#pageGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}#pageGrid button{aspect-ratio:1;background:#151e22;border:1px solid var(--line);color:white}#pageGrid button.on{color:var(--blue);border-color:var(--blue)}#toast{position:fixed;right:18px;bottom:85px;background:var(--paper);color:#080a0b;padding:12px 16px;font-size:11px;opacity:0;transform:translateY(10px);transition:.2s;z-index:20}#toast.show{opacity:1;transform:none}
@media(max-width:1000px){#reader{grid-template-columns:66px 1fr}.details{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.eyebrow{margin-top:0}.details dl{max-width:600px}.tablet{width:min(75vh,620px)}}@media(max-width:680px){header{height:55px}.online{font-size:0}.online time{font-size:9px}.online i{margin:0 5px 0 0}#reader.active{display:block}.issues{display:none}.stage{padding:12px 8px 24px}.tablet{width:min(100%,520px);padding:8px 8px 5px;border-radius:14px}.status{padding:0 7px}.status small{display:none}.cover h1{font-size:13vw}.details{padding:30px 21px}.details h2{font-size:48px}.library-title{display:block}.library-title button{margin-top:25px}.library-grid{grid-template-columns:1fr}.library-grid .card img{height:auto}nav{height:64px}nav button{min-width:0;flex:1}#library{padding:45px 18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* tablet.css */
.device-wrap{width:min(72vh,650px);margin:auto;position:relative;filter:drop-shadow(0 38px 48px #000)}.tablet{width:100%;padding:30px 27px 18px;border:2px solid #71838b;border-radius:34px;background:linear-gradient(135deg,#59676e 0,#11171a 9%,#2b353a 24%,#07090a 72%,#3e4c52 93%,#111619);box-shadow:inset 0 0 0 3px #07090a,inset 0 0 0 5px #3b484e,0 0 0 2px #020304,0 0 60px #80d4e824;position:relative}.tablet:before,.tablet:after{content:"";position:absolute;top:20%;bottom:20%;width:7px;background:repeating-linear-gradient(0deg,#111 0 9px,#607078 10px 12px);border:1px solid #050708}.tablet:before{left:-9px;border-radius:6px 0 0 6px}.tablet:after{right:-9px;border-radius:0 6px 6px 0}.edge-rail{position:absolute;z-index:3;top:25%;display:flex;flex-direction:column;gap:10px}.edge-rail.left{left:-14px}.edge-rail.right{right:-14px}.edge-rail i{width:9px;height:34px;background:#20292e;border:1px solid #687981;border-radius:4px;box-shadow:inset 0 0 6px #000}.edge-rail.left i:first-child{height:62px;border-color:var(--blue);box-shadow:0 0 9px #80d4e855}.camera{position:absolute;top:8px;left:50%;transform:translateX(-50%);display:flex;gap:7px;align-items:center}.camera i{width:8px;height:8px;border:1px solid #78909a;background:#020303;border-radius:50%;box-shadow:inset 0 0 3px var(--blue)}.camera b{width:24px;height:3px;border-radius:5px;background:#050707}.screw{position:absolute;width:7px;height:7px;border:1px solid #7c898f;border-radius:50%;box-shadow:inset 0 0 0 2px #111}.s1{left:10px;top:10px}.s2{right:10px;top:10px}.s3{left:10px;bottom:10px}.s4{right:10px;bottom:10px}.lights{top:9px;left:28px;font-size:7px;letter-spacing:1px}.lights i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#64747b;margin-left:4px}.lights i:first-of-type{background:var(--blue);box-shadow:0 0 5px var(--blue)}.screen{border-radius:5px;border:3px solid #000;box-shadow:inset 0 0 28px #000,0 0 0 1px #4e5e65,0 0 22px #80d4e81a}.screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(255,255,255,.07),transparent 24%);z-index:2}.screen>#page{position:absolute;inset:0;background:center/cover no-repeat;transition:.16s}.screen.turn #page{opacity:.15}.cover{z-index:1}.story-caption{position:absolute;z-index:3;left:4%;right:4%;bottom:3%;padding:9px 11px;border-left:3px solid var(--gold);background:#080b0ce8;color:#eee9de;font:italic 13px/1.3 Georgia,serif;opacity:0;transition:.2s}.story-caption.show{opacity:1}.screen>button{z-index:4}@media(max-width:1000px){.device-wrap{width:min(75vh,650px)}}@media(max-width:680px){.device-wrap{width:calc(100% - 18px)}.tablet{width:100%;padding:24px 18px 13px;border-radius:27px}.edge-rail.left{left:-10px}.edge-rail.right{right:-10px}.lights{left:22px}.story-caption{font-size:12px}}

/* reader38.css */
#picker{min-width:210px}#dots{max-width:112px;display:grid;grid-template-columns:repeat(19,3px);gap:2px}#dots i{width:3px;height:3px}.screen>#page{background-repeat:no-repeat;background-color:#050809}.story-caption{max-width:92%}#pageGrid{grid-template-columns:repeat(8,1fr);max-height:58vh;overflow:auto;padding-right:4px}#pageGrid button{min-width:0}
.device-wrap:before{content:"";position:absolute;z-index:-1;inset:-7% -14%;background:radial-gradient(ellipse,#69dcff20 0,transparent 65%);filter:blur(12px);animation:breathe 4s ease-in-out infinite}.device-wrap:after{content:"";position:absolute;z-index:-2;left:7%;right:7%;bottom:-22px;height:28px;border-radius:50%;background:#030405;box-shadow:0 0 40px #6fd8f22e}
.tablet{border-color:#93aab4;background:linear-gradient(118deg,#53646d,#11181c 8%,#26333a 18%,#070b0d 53%,#233038 82%,#60727b);box-shadow:inset 0 0 0 3px #050809,inset 0 0 0 5px #43545c,0 0 0 2px #010203,0 0 0 8px #080d10,0 0 65px #60d8ff2b}
.tablet:before,.tablet:after{background:repeating-linear-gradient(0deg,#050809 0 6px,#7ddcf0 7px 8px,#172329 9px 15px);box-shadow:0 0 13px #62d8f054}.edge-rail i{background:linear-gradient(90deg,#111a1e,#586a72,#111a1e);border-color:#91a6af}.edge-rail.left i:first-child{background:linear-gradient(#86e8ff,#143844);box-shadow:0 0 15px #72e2ff}
.screen{background:#020405;box-shadow:inset 0 0 32px #000,0 0 0 1px #8db6c5,0 0 28px #62ddff2e}.screen:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 5px,#9cecff08 6px 7px);mix-blend-mode:screen}.camera i{border-color:#8ce8fb;box-shadow:0 0 8px #71e1fa,inset 0 0 4px #71e1fa}.screw{border-color:#9aabb2}.lights{color:#9ab3bd}.tablet-foot{color:#76aebd}
.interior #reader{grid-template-columns:86px 1fr}.interior .details{display:none}.interior .status>span:first-child{font-size:0}.interior .status>span:first-child i{display:none}.interior .status>span:first-child:after{content:"NQD READING MODE";font-size:9px;color:var(--blue);letter-spacing:.16em}.interior .status>span:first-child small{display:none}.interior .device-wrap{width:min(76vh,700px)}
@keyframes breathe{50%{opacity:.55;transform:scale(1.025)}}@media(max-width:1000px){.interior #reader{grid-template-columns:66px 1fr}.device-wrap{width:min(75vh,650px)}}@media(max-width:680px){#picker{min-width:190px}#dots{max-width:92px;grid-template-columns:repeat(19,2px)}#dots i{width:2px;height:2px}#pageGrid{grid-template-columns:repeat(6,1fr)}.interior #reader{display:block}.interior .details{display:none}.interior .device-wrap{width:calc(100% - 18px)}}

.story-caption{display:none!important}
.comic-dialogue{position:absolute;z-index:6;left:4%;right:4%;bottom:3%;display:none;padding:10px 12px;border:2px solid #080808;background:#f3edda;color:#111;font:700 14px/1.3 Georgia,serif;box-shadow:4px 4px 0 #111;letter-spacing:.01em}.comic-dialogue.show{display:block}.interior .screen-hud{opacity:.7}
@media(max-width:680px){.comic-dialogue{font-size:13px;padding:8px 10px;bottom:2.5%}}
.device-wrap{width:min(76vh,690px);filter:drop-shadow(0 42px 56px #000)}
.tablet{padding:38px 32px 24px;border:2px solid #a5c1cb;border-radius:18px;background:linear-gradient(125deg,#71858e 0,#111a1f 7%,#26373e 18%,#05090b 55%,#1a2a31 84%,#71858e);box-shadow:inset 0 0 0 3px #030608,inset 0 0 0 7px #354950,0 0 0 2px #020304,0 0 0 10px #081216,0 0 75px #53dbff45;clip-path:polygon(6% 0,94% 0,100% 5%,100% 95%,94% 100%,6% 100%,0 95%,0 5%)}
.grip{position:absolute;width:54px;height:15px;border:1px solid #8ba0a8;background:repeating-linear-gradient(90deg,#10181c 0 5px,#5d727b 6px 7px);box-shadow:0 0 12px #6de5ff33}.g1{left:18px;top:10px}.g2{right:18px;top:10px}.g3{left:18px;bottom:9px}.g4{right:18px;bottom:9px}
.screen{border-radius:2px;border:4px solid #010405;box-shadow:inset 0 0 28px #000,0 0 0 2px #75cbe0,0 0 32px #4ee1ff38}
.screen-hud{position:absolute;z-index:5;left:10px;right:10px;top:7px;display:flex;justify-content:space-between;color:#bcefff;font:700 8px/1 system-ui;letter-spacing:.16em;pointer-events:none;text-shadow:0 0 8px #55ddff;background:linear-gradient(90deg,#031014bb,transparent,#031014bb);padding:5px 7px;border-top:1px solid #6fe5ff66}
.orbit{position:absolute;z-index:-1;left:-9%;right:-9%;height:1px;background:linear-gradient(90deg,transparent,#68e5ff,transparent);box-shadow:0 0 14px #5fe1ff}.orbit.top{top:9%;transform:rotate(-4deg)}.orbit.bottom{bottom:8%;transform:rotate(4deg)}
@media(max-width:680px){.device-wrap,.interior .device-wrap{width:calc(100% - 8px)}.tablet{padding:31px 22px 20px;border-radius:14px}}

/* Complete four-sided hardware frame */
.device-wrap{width:min(73vh,660px);padding:12px;overflow:visible}
.device-wrap:before{inset:-3% -7%;border:1px solid #66dfff30;border-radius:42px;background:radial-gradient(ellipse,#69dcff1c 0,transparent 68%)}
.orbit{display:none}
.tablet{overflow:visible;clip-path:none;padding:34px 30px 24px;border:3px solid #a9bac1;border-radius:32px;background:linear-gradient(135deg,#5e7078 0,#1f2b30 8%,#080d10 22%,#111a1e 74%,#45565e 92%,#8a9aa0);box-shadow:inset 0 0 0 3px #050708,inset 0 0 0 7px #334249,inset 0 0 22px #86e8ff1c,0 0 0 2px #020304,0 0 0 8px #0a1115,0 28px 62px #000,0 0 46px #58dcff32}
.tablet:before,.tablet:after{top:18%;bottom:18%;width:12px;border:2px solid #80949d;background:repeating-linear-gradient(0deg,#0b1114 0 12px,#6dcfe0 13px 14px,#28363c 15px 24px);box-shadow:0 0 0 3px #080d10,0 0 16px #60dbf04a}
.tablet:before{left:-17px;border-radius:8px 0 0 8px}.tablet:after{right:-17px;border-radius:0 8px 8px 0}
.edge-rail{z-index:8;top:28%}.edge-rail.left{left:-9px}.edge-rail.right{right:-9px}.edge-rail i{width:12px;border:2px solid #9babb1;background:linear-gradient(90deg,#121a1e,#61747c,#11191d)}
.grip{width:46px;height:10px;border-color:#84969d;background:repeating-linear-gradient(90deg,#172126 0 4px,#8da1a8 5px 6px);box-shadow:inset 0 0 3px #000}.g1,.g2{top:11px}.g3,.g4{bottom:9px}
.screen{border:5px solid #020405;border-radius:10px;box-shadow:inset 0 0 30px #000,0 0 0 2px #546971,0 0 0 5px #10171a,0 0 22px #55ddff25}
.tablet-foot{height:22px;padding:4px 7px 0}
@media(max-width:680px){.device-wrap,.interior .device-wrap{width:calc(100% - 18px);padding:8px}.tablet{padding:29px 20px 18px;border-width:2px;border-radius:24px}.tablet:before{left:-14px}.tablet:after{right:-14px}.edge-rail.left{left:-5px}.edge-rail.right{right:-5px}.grip{width:34px}.screen{border-width:4px}}

/* Issue selector remains available on phones without reducing the tablet. */
@media(max-width:680px){.issues{display:flex!important;align-items:center;gap:8px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px 12px;text-align:left}.issues>p{margin:0 5px 0 0}.issues .thumb{flex:0 0 42px;width:42px;height:58px;margin:0;cursor:pointer}.issues .soon{display:none}.stage{padding-top:10px}.tablet{min-height:0}.screen>#page{background-repeat:no-repeat;background-color:#050809}.comic-dialogue{max-height:24%;overflow:auto}}

/* Honessi Art House launch surface */
#home{display:none;position:relative;min-height:calc(100vh - 130px);overflow:hidden;grid-template-columns:minmax(0,1fr) minmax(330px,44vw);align-items:center;gap:6vw;padding:clamp(38px,7vw,100px);background:radial-gradient(circle at 78% 30%,#12333d 0,transparent 28%),linear-gradient(125deg,#050708 20%,#0b1215 62%,#071014)}#home.active{display:grid}.home-grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(#86eaff 1px,transparent 1px),linear-gradient(90deg,#86eaff 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000 45%,#000)}.home-orbit{position:absolute;width:62vw;aspect-ratio:1;border:1px solid #7ee8ff42;border-radius:50%;right:-22vw;top:-16vw;box-shadow:0 0 80px #64ddff16,inset 0 0 70px #64ddff12}.home-copy,.home-display{position:relative;z-index:1}.signal{color:var(--blue);font:700 10px/1 system-ui;letter-spacing:.22em;margin:0 0 28px}.home-copy h1{font:500 clamp(54px,7vw,112px)/.82 Georgia,serif;letter-spacing:-.065em;margin:0;max-width:780px}.home-copy h1 em{color:#d5aa5c;font-weight:400}.intro{max-width:560px;color:#9ca8ad;font:17px/1.6 Georgia,serif;margin:34px 0}.home-actions{display:flex;gap:10px}.home-actions button{height:54px;padding:0 24px;border:1px solid #617078;color:white;background:#10171b;font:700 11px/1 system-ui;letter-spacing:.16em;cursor:pointer}.home-actions .launch{min-width:190px;display:flex;justify-content:space-between;align-items:center;background:var(--gold);border-color:var(--gold);color:#080a0b}.home-actions .launch span{font-size:19px}.home-meta{display:flex;gap:22px;margin-top:42px;color:#607078;font-size:9px;letter-spacing:.15em}.home-display{padding:20px;background:linear-gradient(145deg,#213038,#070b0d 55%);border:1px solid #71858d;box-shadow:inset 0 0 0 5px #0b1114,0 30px 80px #000,0 0 60px #68e5ff1d}.display-head,.display-foot{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.16em}.display-head{height:28px;color:#91a1a7}.display-head b{color:#8ce5b1}.cover-card{position:relative;display:block;width:100%;padding:0;border:1px solid #4f626a;background:#000;overflow:hidden;cursor:pointer}.cover-card img{display:block;width:100%;height:min(60vh,690px);object-fit:cover;object-position:center 24%}.scan{position:absolute;inset:0;background:linear-gradient(transparent 49%,#95efff1e 50%,transparent 51%);background-size:100% 8px;pointer-events:none}.display-foot{height:46px}.display-foot span{color:var(--blue)}body:not(.interior) #home.active~#reader{display:none}
@media(max-width:850px){#home.active{display:block;padding:42px 18px 92px}.home-copy h1{font-size:clamp(51px,15vw,76px)}.intro{font-size:16px;margin:25px 0}.home-display{margin-top:45px;padding:13px}.cover-card img{height:auto;max-height:none}.home-meta{gap:12px;flex-wrap:wrap}.home-actions{display:grid;grid-template-columns:1fr 1fr}.home-actions .launch{min-width:0}.display-foot{align-items:start;flex-direction:column;justify-content:center;gap:5px}}

/* Keep the longer series name contained within every tablet size. */
#cover h1{font-size:clamp(30px,4.3vw,62px);line-height:.9;letter-spacing:-.055em;max-width:100%;overflow-wrap:normal}
.display-foot strong{max-width:62%;line-height:1.25}
@media(max-width:680px){#cover h1{font-size:clamp(30px,10.5vw,46px);line-height:.92;margin-bottom:14px}.display-foot strong{max-width:100%}}

/* Preserve the complete 2:3 cover artwork in every homepage viewport. */
.cover-card{width:min(100%,40vh);margin-inline:auto}
.cover-card img{height:auto;aspect-ratio:2/3;object-fit:contain;object-position:center}
@media(max-width:850px){.cover-card{width:100%}}

/* Keep both the issue number and issue title fully visible on narrow Safari screens. */
#cover p{gap:10px;align-items:flex-start;line-height:1.35}
#coverIssue{flex:0 0 auto;white-space:nowrap}
#coverTitle{flex:1 1 auto;min-width:0;max-width:68%;text-align:right;white-space:normal;overflow-wrap:break-word}
@media(max-width:680px){#cover{padding:6%}#cover p{font-size:8px;letter-spacing:.1em}#coverTitle{max-width:64%}}

/* reader-landscape.css */
:root{--violet:#916cff;--violet-hot:#c6b4ff}

/* Reference-led landscape hardware reader */
#reader{max-width:none;padding:22px 12px 30px;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#24144a 0,#090a12 42%,#030406 76%)}
#reader.active{display:flex}
.reader-console{position:relative;width:min(96vw,1420px);padding:34px 38px 27px;border:2px solid #786fa4;border-radius:46px;background:linear-gradient(130deg,#2b2d3d 0,#090a12 9%,#242438 24%,#070810 66%,#29283c 88%,#62607a);box-shadow:inset 0 0 0 4px #05060b,inset 0 0 0 8px #313144,inset 0 0 28px #a48cff26,0 34px 85px #000,0 0 45px #7049ff55;overflow:visible}
.reader-console:before,.reader-console:after{content:"";position:absolute;top:16%;bottom:16%;width:17px;border:2px solid #77718f;background:repeating-linear-gradient(0deg,#0b0c14 0 13px,#332b65 14px 21px,#a88cff 22px 24px);box-shadow:0 0 16px #9d72ff,0 0 0 5px #090a11}
.reader-console:before{left:-18px;border-radius:13px 0 0 13px}.reader-console:after{right:-18px;border-radius:0 13px 13px 0}
.console-corner{position:absolute;width:68px;height:19px;border:1px solid #8e88a9;background:repeating-linear-gradient(90deg,#0c0d16 0 6px,#4b4961 7px 9px);box-shadow:0 0 13px #a98cff55}.c1{left:34px;top:9px}.c2{right:34px;top:9px}.c3{left:34px;bottom:7px}.c4{right:34px;bottom:7px}
.violet-rail{position:absolute;z-index:4;background:linear-gradient(90deg,transparent,var(--violet-hot),transparent);box-shadow:0 0 6px var(--violet),0 0 18px var(--violet)}.vr-top,.vr-bottom{height:3px;width:28%;left:36%}.vr-top{top:15px}.vr-bottom{bottom:14px}.vr-left,.vr-right{width:4px;height:22%;top:39%;background:linear-gradient(transparent,var(--violet-hot),transparent)}.vr-left{left:-8px}.vr-right{right:-8px}
.console-screen{display:grid;grid-template-columns:minmax(155px,21%) minmax(360px,53%) minmax(205px,26%);height:min(72vh,730px);min-height:520px;border:2px solid #06060a;border-radius:9px;background:#080911;box-shadow:inset 0 0 0 1px #514972,0 0 22px #8b63ff44;overflow:hidden}

/* Left archive pane */
.console-screen .issues{display:block!important;min-width:0;padding:19px 15px;border:0;border-right:1px solid #312b4d;background:linear-gradient(180deg,#0d0e19,#080911);text-align:left;overflow:hidden}
.issue-brand{display:flex;justify-content:space-between;align-items:end;padding-bottom:12px;border-bottom:1px solid #312b4d}.issue-brand b{font-size:13px;letter-spacing:.16em}.issue-brand small{font-size:8px;color:var(--violet-hot);letter-spacing:.11em}
.issue-tabs{display:flex;gap:7px;margin:12px 0}.console-screen .issues .thumb{flex:1;width:auto;height:62px;margin:0;border-color:#342f4c;border-radius:3px}.console-screen .issues .thumb.chosen{border-color:var(--violet-hot);box-shadow:0 0 10px #8d68ff66}.console-screen .issues>p{margin:11px 0 8px;color:#8d86a8;font-size:8px}
#thumbGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;max-height:calc(100% - 130px);overflow:auto;padding:2px}
#thumbGrid button{position:relative;aspect-ratio:2/3;min-width:0;padding:0;border:1px solid #28243c;background-color:#11121b;background-repeat:no-repeat;color:white;cursor:pointer;overflow:hidden}
#thumbGrid button:hover,#thumbGrid button:focus{border-color:var(--violet-hot);box-shadow:0 0 8px #8d68ff}
#thumbGrid button.on{border-color:var(--violet-hot);box-shadow:0 0 9px #9d77ff}
#thumbGrid span{position:absolute;right:1px;bottom:1px;padding:1px 2px;background:#090a11dd;color:#c7bcff;font-size:6px}

/* Central comic pane */
.console-screen .stage{min-width:0;height:100%;padding:10px 20px 11px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 50% 45%,#221b3d 0,#080910 62%)}
.console-screen .status{flex:0 0 38px;width:100%;height:38px;color:#aaa5c0}.console-screen .status b{color:#b8a2ff}
.console-screen .screen{height:calc(100% - 92px);width:auto;max-width:100%;aspect-ratio:2/3;border:3px solid #050509;border-radius:2px;box-shadow:0 0 0 1px #655b85,0 0 25px #8d67ff45;background:#03040a;overflow:hidden}
.console-screen .screen:after{background:linear-gradient(115deg,#ffffff0a,transparent 25%,transparent 73%,#8b6cff0a)}
.console-screen .screen-hud{color:#d1c8ff;text-shadow:0 0 8px #9c75ff;background:linear-gradient(90deg,#120c24bb,transparent,#120c24bb);border-top-color:#9a76ff66}
.console-screen .controls{flex:0 0 44px;margin-top:8px}.console-screen .controls button{height:34px;border-color:#3b3455;background:#0d0e18}.console-screen #picker{min-width:190px}.console-screen #dots i.on{background:var(--violet-hot);box-shadow:0 0 7px var(--violet)}
.console-screen .comic-dialogue{left:3%;right:3%;bottom:2.2%;padding:9px 11px;border:1px solid #15121e;background:#f0ead9f2;font-size:13px;box-shadow:3px 3px 0 #100d18}

/* Right information pane */
.console-screen .details{display:block!important;min-width:0;height:100%;padding:18px 20px;border:0;border-left:1px solid #312b4d;background:linear-gradient(180deg,#0c0d18,#070810);overflow:auto}
.detail-tabs{display:flex;gap:13px;padding-bottom:13px;border-bottom:1px solid #312b4d;color:#66627c;font-size:8px;letter-spacing:.12em}.detail-tabs b{color:var(--violet-hot);border-bottom:1px solid var(--violet-hot);padding-bottom:5px}
.console-screen .code{margin-top:13px}.console-screen .code button{font-size:22px}.console-screen .eyebrow{margin-top:9vh;color:#a991ff}.console-screen .details h2{font-size:clamp(30px,3vw,47px);margin:10px 0 9px}.issue-name{display:block;color:#d7cfff;font-size:10px;letter-spacing:.17em;margin-bottom:17px}.console-screen .synopsis{font-size:14px;line-height:1.48}.console-screen .details dl{margin:18px 0}.console-screen .details dl div{padding:8px 0}.console-screen .primary,.console-screen .secondary{height:40px}.console-screen .primary{background:var(--violet);border-color:var(--violet);color:#fff}
.console-footer{height:27px;padding:8px 8px 0;display:flex;align-items:center;justify-content:space-between;color:#827a9e;font-size:8px;letter-spacing:.12em}.console-footer i{width:33%;height:2px;background:linear-gradient(90deg,transparent,var(--violet),transparent);box-shadow:0 0 8px var(--violet)}.console-footer button{padding:0;border:0;background:none;color:#b7a8ee;font:inherit;letter-spacing:inherit;cursor:pointer}

/* Fullscreen reading remains inside the complete hardware frame */
#reader.focus-reader .console-screen{grid-template-columns:1fr;height:min(82vh,880px)}
#reader.focus-reader .issues,#reader.focus-reader .details{display:none!important}
#reader.focus-reader .reader-console{width:min(96vw,920px)}
#reader.focus-reader .stage .screen{height:calc(100% - 92px)}
#reader.focus-reader .screen>#page{image-rendering:auto;background-color:#03040a}

@media(max-width:900px){#reader{padding:14px 4px 24px}.reader-console{width:calc(100vw - 14px);padding:25px 20px 20px;border-radius:28px}.reader-console:before{left:-9px}.reader-console:after{right:-9px}.console-corner{width:36px;height:10px}.c1,.c2{top:7px}.c3,.c4{bottom:6px}.console-screen{grid-template-columns:22% 53% 25%;height:auto;min-height:0;aspect-ratio:1.68}.console-screen .issues{padding:7px 6px}.issue-brand small{display:none}.issue-brand b{font-size:7px}.issue-tabs{gap:3px;margin:5px 0}.console-screen .issues .thumb{height:30px}.console-screen .issues>p{font-size:5px;margin:5px 0 3px}#thumbGrid{grid-template-columns:repeat(5,1fr);gap:2px;max-height:calc(100% - 67px)}#thumbGrid span{font-size:4px}.console-screen .stage{padding:4px 6px}.console-screen .status{flex-basis:17px;height:17px;font-size:5px}.console-screen .status small{display:none}.console-screen .screen{height:calc(100% - 43px);border-width:2px}.console-screen .screen-hud{font-size:4px;top:2px;left:3px;right:3px;padding:2px}.console-screen .controls{flex-basis:22px;margin-top:3px;gap:3px}.console-screen .controls button{height:19px;font-size:7px}.console-screen #picker{min-width:75px}.console-screen #dots{display:none}.console-screen .comic-dialogue{font-size:5px;line-height:1.2;padding:3px 4px}.console-screen .details{padding:7px 7px}.detail-tabs{font-size:4px;gap:4px;padding-bottom:5px}.detail-tabs span:nth-child(n+3){display:none}.console-screen .code{font-size:5px;margin-top:5px}.console-screen .code button{font-size:10px}.console-screen .eyebrow{font-size:5px;margin:10px 0 0}.console-screen .details h2{font-size:12px;line-height:.9;margin:4px 0}.issue-name{font-size:5px;margin-bottom:5px}.console-screen .synopsis{font-size:5px;line-height:1.25}.console-screen .details dl{display:none}.console-screen .primary,.console-screen .secondary{height:17px;font-size:5px;margin-top:3px}.console-footer{height:18px;padding-top:5px;font-size:5px}.console-footer span:nth-child(-n+4){display:none}.console-footer i{flex:1}.vr-top{top:10px}.vr-bottom{bottom:9px}.console-screen #cover h1{font-size:clamp(13px,5.5vw,24px);margin:4px 0 7px}.console-screen #cover small,.console-screen #cover p{font-size:4px}.console-screen #cover p{padding-top:3px}.display-foot strong{max-width:100%}}

@media(max-width:900px){#reader.focus-reader .reader-console{width:calc(100vw - 14px);padding:25px 20px 20px}#reader.focus-reader .console-screen{display:block;height:auto;aspect-ratio:auto;padding:4px;background:#080910}#reader.focus-reader .stage{height:min(78vh,760px)}#reader.focus-reader .stage .status{flex-basis:30px;height:30px;font-size:8px}#reader.focus-reader .stage .screen{height:calc(100% - 66px);width:auto;max-width:100%;aspect-ratio:2/3}#reader.focus-reader .stage .controls{flex-basis:30px}#reader.focus-reader .stage .controls button{height:26px;font-size:9px}#reader.focus-reader .stage #picker{min-width:130px}#reader.focus-reader .comic-dialogue{font-size:12px;padding:8px 9px}#reader.focus-reader .screen-hud{font-size:7px;padding:4px}}

/* HNX-38 armoured reader — reference-matched hardware pass */
:root{--violet:#875cff;--violet-hot:#d7caff;--cyan:#62e7ff;--metal:#85859a}
#reader{position:relative;isolation:isolate;background:
radial-gradient(ellipse at 50% 48%,#382266 0,#131122 34%,#06070c 68%),
linear-gradient(#0a0b12,#030408)}
#reader:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(#8a73ff 1px,transparent 1px),linear-gradient(90deg,#8a73ff 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(ellipse,#000,transparent 72%)}
.reader-console{width:min(97vw,1520px);padding:44px 50px 35px;border:2px solid #aaa8bc;border-radius:54px;background:
linear-gradient(116deg,#7d7d91 0 1.2%,#242534 2.3% 7%,#070810 8% 20%,#29293c 22%,#080910 46% 76%,#323147 90%,#8c8a9c 98% 100%);box-shadow:
inset 0 0 0 3px #05060a,inset 0 0 0 8px #3e3d52,inset 0 0 0 11px #0a0a12,inset 0 0 38px #b09cff22,
0 38px 100px #000,0 0 0 2px #020208,0 0 52px #7a50ff7a;filter:drop-shadow(0 0 18px #754dff66)}
.reader-console:before,.reader-console:after{top:13%;bottom:13%;width:25px;border-color:#9995ad;background:repeating-linear-gradient(0deg,#080910 0 13px,#39334e 14px 22px,#ad92ff 23px 26px,#151521 27px 39px);box-shadow:inset 0 0 0 3px #080810,0 0 0 4px #4b4960,0 0 22px #9a70ff}
.reader-console:before{left:-27px;border-radius:19px 3px 3px 19px}.reader-console:after{right:-27px;border-radius:3px 19px 19px 3px}
.console-corner{width:112px;height:27px;border:1px solid #9a96aa;clip-path:polygon(0 0,78% 0,100% 45%,88% 100%,8% 100%,0 65%);background:repeating-linear-gradient(90deg,#0a0b13 0 9px,#58576a 10px 12px,#171722 13px 20px);box-shadow:inset 0 0 0 2px #05060a,0 0 16px #9c7cff88}
.c1{left:48px;top:9px}.c2{right:48px;top:9px;transform:scaleX(-1)}.c3{left:48px;bottom:8px;transform:scaleY(-1)}.c4{right:48px;bottom:8px;transform:scale(-1)}
.c1:after,.c3:after{content:"HNX // 38";position:absolute;left:18px;top:8px;color:#cbbcff;font:700 7px/1 system-ui;letter-spacing:.18em}.c3:after{transform:scaleY(-1)}
.c2:after,.c4:after{content:"NODE 03";position:absolute;left:18px;top:8px;color:#84eaff;font:700 7px/1 system-ui;letter-spacing:.18em;transform:scaleX(-1)}.c4:after{transform:scale(-1)}
.vr-top,.vr-bottom{width:36%;left:32%;height:4px}.vr-top{top:18px}.vr-bottom{bottom:17px}.vr-left,.vr-right{width:5px;height:28%;top:36%}.vr-left{left:-14px}.vr-right{right:-14px}
.console-screen{position:relative;grid-template-columns:minmax(170px,18%) minmax(390px,56%) minmax(220px,26%);height:min(74vh,770px);min-height:540px;border:3px solid #010207;border-radius:13px;background:#060710;box-shadow:inset 0 0 0 1px #79738f,inset 0 0 24px #000,0 0 0 3px #262536,0 0 34px #825dff70;overflow:hidden}
.console-screen .issues{background:linear-gradient(180deg,#0e0e1a,#070810 60%,#0b0917);border-right-color:#443866}.console-screen .details{background:linear-gradient(180deg,#0c0d18,#070810 58%,#100a1c);border-left-color:#443866}
.console-screen .stage{background:radial-gradient(ellipse at 50% 48%,#2c2050 0,#0b0b16 44%,#05060b 75%);border-inline:1px solid #181325}
.console-screen .stage:before{content:"◈  OPTICAL PAGE ARRAY  ◈";position:absolute;top:7px;color:#7d6ca7;font:600 6px/1 system-ui;letter-spacing:.24em;pointer-events:none}
.console-screen .screen{border:4px solid #020207;border-radius:5px;box-shadow:0 0 0 1px #9b8fc3,0 0 0 4px #15131e,0 0 34px #8e63ff75,inset 0 0 22px #000}
.console-screen .screen-hud{color:#e4dcff;background:linear-gradient(90deg,#100822e8,#08071399,#100822e8);border-top:1px solid #9f7cff99;border-bottom:1px solid #251b43;text-shadow:0 0 9px #9e7cff}
.console-screen .comic-dialogue{border:1px solid #080812;border-left:4px solid var(--violet);background:#f4efdef2;box-shadow:4px 4px 0 #08070e,0 0 16px #0009}
.issue-brand{border-bottom-color:#493d68}.issue-brand b{color:#f0ecff;text-shadow:0 0 8px #b599ff}.issue-brand small,.detail-tabs b,.console-screen .eyebrow{color:#b69aff}
#thumbGrid button{border-color:#302944;box-shadow:inset 0 0 0 1px #08080e}#thumbGrid button.on{border-color:#d4c4ff;box-shadow:0 0 0 1px #8c61ff,0 0 12px #8d68ff}
.console-screen .controls button{border-color:#51446e;background:linear-gradient(#191525,#0b0b12);box-shadow:inset 0 0 9px #000,0 0 8px #7d5bff22}.console-screen #dots i.on{background:#d8caff;box-shadow:0 0 9px #9f78ff}
.console-screen .primary{background:linear-gradient(90deg,#6f45dc,#a783ff);box-shadow:0 0 18px #8258ff55}.console-screen .secondary{border-color:#403654}
.console-footer{height:31px;color:#a496c9}.console-footer:before{content:"SYSTEM / ONLINE";color:#65e6c4}.console-footer i{height:3px;background:linear-gradient(90deg,transparent,#9d7cff 25%,#65e7ff 50%,#9d7cff 75%,transparent)}
#focusBtn{border:1px solid #51446e!important;padding:5px 9px!important;color:#d6c9ff!important;background:#0a0912!important;box-shadow:0 0 10px #7f5aff44}

@media(max-width:900px){.reader-console{padding:29px 24px 24px;border-radius:34px}.reader-console:before,.reader-console:after{width:18px}.reader-console:before{left:-18px}.reader-console:after{right:-18px}.console-corner{width:60px;height:15px}.c1,.c3{left:24px}.c2,.c4{right:24px}.console-corner:after{display:none}.vr-top{top:12px}.vr-bottom{bottom:11px}.console-footer:before{font-size:5px}.console-screen .stage:before{display:none}}
@media(max-width:900px) and (orientation:portrait){#reader.focus-reader .reader-console{width:calc(100vw - 20px);padding:30px 24px 23px}#reader.focus-reader .stage{height:min(72svh,690px);min-height:470px}#reader.focus-reader .console-screen{border-radius:7px}#reader.focus-reader .stage .screen{height:calc(100% - 70px)}#reader.focus-reader .console-footer{height:25px}}

/* holographic.css */
#gateway{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:radial-gradient(circle at 50% 63%,#1a2030,#030408 58%,#000);opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}
#gateway.open{opacity:1;visibility:visible}.gateway-field{position:absolute;inset:0;background-image:linear-gradient(#83e9ff0b 1px,transparent 1px),linear-gradient(90deg,#83e9ff0b 1px,transparent 1px);background-size:44px 44px;perspective:700px;transform:rotateX(62deg) scale(1.8) translateY(25%)}
.coordinate-device{position:relative;width:min(62vw,570px);aspect-ratio:1;filter:drop-shadow(0 28px 45px #000) drop-shadow(0 0 30px #d9a44155);transform:translateY(12%) scale(.64);transition:1.15s cubic-bezier(.2,.85,.2,1)}.coordinate-device img{width:100%;height:100%;object-fit:cover;clip-path:polygon(50% 0,91% 17%,100% 60%,74% 95%,25% 95%,0 60%,9% 17%);border-radius:38%;filter:saturate(.75) contrast(1.15) brightness(.72)}
.device-core{position:absolute;left:40%;top:39%;width:20%;aspect-ratio:1;display:grid;place-items:center;color:#fff4c8;font-size:clamp(28px,6vw,70px);text-shadow:0 0 8px #fff,0 0 25px #ffbd48,0 0 55px #ff9d00;transition:.8s}.seam{position:absolute;left:50%;top:50%;width:46%;height:2px;transform-origin:left;background:linear-gradient(90deg,#fff3bd,#e59d25,transparent);box-shadow:0 0 12px #ffb43b}.s-a{transform:rotate(-90deg)}.s-b{transform:rotate(30deg)}.s-c{transform:rotate(150deg)}
.projection{position:absolute;left:50%;top:12%;width:min(84vw,980px);height:58vh;transform:translateX(-50%) perspective(800px) rotateX(-15deg) scaleY(.02);transform-origin:50% 100%;opacity:0;border:1px solid #9eeeff88;background:linear-gradient(180deg,#5ce5ff12,#7b5cff18),repeating-linear-gradient(0deg,transparent 0 5px,#bdf6ff12 6px 7px);box-shadow:0 0 25px #75e7ff66,inset 0 0 50px #7557ff22;clip-path:polygon(8% 0,92% 0,100% 12%,100% 88%,92% 100%,8% 100%,0 88%,0 12%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ddfaff;letter-spacing:.28em;text-align:center}.projection span{width:78%;height:1px;background:#a4f5ff;box-shadow:0 0 18px #6eeaff}.projection b{margin:22px 0 10px;font:500 clamp(20px,4vw,48px)/1 Georgia,serif}.projection small{font-size:8px;color:#bcb2ff}
#gateway.open .coordinate-device{transform:translateY(43%) scale(.44);filter:drop-shadow(0 32px 35px #000) drop-shadow(0 0 55px #ffb13b88)}#gateway.open .device-core{transform:scale(1.5)}#gateway.open .projection{animation:project-open 1.3s .28s cubic-bezier(.18,.8,.2,1) forwards}#gateway.fade{transition:.65s;opacity:0}
@keyframes project-open{60%{opacity:.9;transform:translateX(-50%) perspective(800px) rotateX(-8deg) scaleY(1.03)}100%{opacity:1;transform:translateX(-50%) perspective(800px) rotateX(0) scaleY(1)}}
#reader.materialise .reader-console{animation:holo-materialise 1s ease both}@keyframes holo-materialise{0%{opacity:0;transform:perspective(1100px) rotateX(21deg) scale(.76);filter:blur(8px) brightness(2)}45%{opacity:.85;filter:blur(1px) brightness(1.65)}100%{opacity:1;transform:none;filter:none}}
.infinity{display:inline-block;color:#8de9ff;font-family:Arial,sans-serif;font-weight:400;letter-spacing:0;text-shadow:0 0 10px #5edfff88;transform:scaleX(1.1)}
.depth-plane,.atmosphere,.atmosphere>i{position:absolute;inset:0;pointer-events:none}.depth-plane{z-index:2;background:radial-gradient(circle at 50% 45%,transparent 45%,#01030a44);mix-blend-mode:multiply}.atmosphere{z-index:4;overflow:hidden;opacity:0;transition:opacity .6s}.atmosphere-on.interior .atmosphere{opacity:.48}
.rain{inset:-35%!important;background-image:repeating-linear-gradient(104deg,transparent 0 13px,#d9f8ff66 14px,#d9f8ff00 15px 29px);background-size:28px 90px;transform:rotate(-7deg);animation:rainfall .72s linear infinite}.rain-b{opacity:.35;background-size:42px 130px;animation-duration:1.15s}.mist{top:45%!important;background:linear-gradient(90deg,transparent,#dff9ff22,transparent);filter:blur(11px);animation:mist 9s ease-in-out infinite}.wind{background:repeating-linear-gradient(175deg,transparent 0 31px,#eefcff20 32px,transparent 34px 72px);animation:wind 4.5s linear infinite}.particles{background-image:radial-gradient(circle,#ffe29c 0 1px,transparent 1.5px);background-size:37px 41px;animation:particles 8s linear infinite;opacity:.55}.lightning{background:#cbeaff;mix-blend-mode:screen;opacity:0;animation:flash 9s infinite}
body[data-weather="wind"] .rain,body[data-weather="wind"] .lightning,body[data-weather="spores"] .rain,body[data-weather="spores"] .lightning,body[data-weather="spores"] .wind,body[data-weather="rain"] .particles,body[data-weather="still"] .atmosphere{display:none}body[data-weather="rain"] .wind{opacity:.3}body[data-weather="storm"] .atmosphere{opacity:.65}body[data-weather="embers"] .rain,body[data-weather="embers"] .mist,body[data-weather="embers"] .lightning{display:none}body[data-weather="embers"] .particles{background-image:radial-gradient(circle,#ff9f55 0 1px,transparent 2px);animation-duration:5s;filter:drop-shadow(0 0 3px #ff6b31)}
.atmosphere-on.interior #page{animation:living-page 13s ease-in-out infinite;transform:scale(1.025)}@keyframes living-page{0%,100%{transform:scale(1.025) translate3d(0,0,0)}50%{transform:scale(1.045) translate3d(-.7%,.35%,0)}}@keyframes rainfall{to{transform:rotate(-7deg) translate3d(-30px,120px,0)}}@keyframes mist{0%,100%{transform:translateX(-45%);opacity:.05}50%{transform:translateX(45%);opacity:.42}}@keyframes wind{to{transform:translateX(18%)}}@keyframes particles{to{transform:translate3d(24px,-54px,0)}}@keyframes flash{0%,92%,94%,100%{opacity:0}93%{opacity:.22}}
@media(max-width:680px){.coordinate-device{width:88vw}.projection{top:9%;height:64vh}.atmosphere-on.interior .atmosphere{opacity:.4}}
@media(prefers-reduced-motion:reduce){#gateway{display:none}.atmosphere{display:none!important}#page{animation:none!important;transform:none!important}}

/* The projected reader: light, translucent and visibly unrelated to the old purple hardware. */
#reader{background:radial-gradient(ellipse at 50% 54%,#083848 0,#061017 42%,#020406 76%)}
#reader:before{opacity:.22;background-image:linear-gradient(#62e7ff 1px,transparent 1px),linear-gradient(90deg,#62e7ff 1px,transparent 1px);background-size:38px 38px;transform:perspective(700px) rotateX(63deg) scale(1.45);transform-origin:50% 75%;mask-image:radial-gradient(ellipse,#000,transparent 69%)}
.reader-console{padding:24px 28px 22px;border:1px solid #86eeff88;border-radius:8px;background:linear-gradient(135deg,#7be9ff0b,#02070bbb 42%,#d9a4410b);box-shadow:inset 0 0 45px #67e9ff0d,0 0 0 1px #d9b05b30,0 0 38px #62e7ff3d,0 36px 95px #000;filter:drop-shadow(0 0 11px #5ce9ff4d);clip-path:polygon(3% 0,97% 0,100% 5%,100% 95%,97% 100%,3% 100%,0 95%,0 5%)}
.reader-console:before,.reader-console:after,.console-corner{display:none}.violet-rail{background:linear-gradient(90deg,transparent,#f0c56e,#7ff1ff,#f0c56e,transparent);box-shadow:0 0 8px #72ebff,0 0 22px #51dfff}.vr-left,.vr-right{display:none}.vr-top{top:6px}.vr-bottom{bottom:7px}
.console-screen{border:1px solid #91efff7a;border-radius:2px;background:#031016c9;box-shadow:inset 0 0 45px #5fe8ff0b,0 0 22px #58e3ff32;backdrop-filter:blur(18px)}
.console-screen .issues{background:linear-gradient(180deg,#07171dcc,#02090dbb);border-right:1px solid #65dfee4a}.console-screen .stage{background:radial-gradient(ellipse at 50% 48%,#13596c42,#02080db8 62%);border-inline:1px solid #5ee7ff30}.console-screen .details{background:linear-gradient(180deg,#07171dcc,#02090dbb);border-left:1px solid #d9a84f42}.console-screen .stage:before{content:"△  VOLUMETRIC PAGE FIELD  △";color:#76eaff}.console-screen .screen{border:1px solid #abf4ff;box-shadow:0 0 0 1px #65e5ff44,0 0 35px #55ddff52,inset 0 0 18px #000}.console-screen .screen-hud{color:#d7fbff;background:linear-gradient(90deg,#05232dbb,transparent,#2a1d08aa);border-color:#63e8ff77;text-shadow:0 0 8px #64eaff}.issue-brand b,.detail-tabs b,.console-screen .eyebrow,.issue-name{color:#8befff;text-shadow:0 0 8px #57ddff}.console-screen .primary{background:linear-gradient(90deg,#30b9d3,#d5a447);border:0;box-shadow:0 0 18px #58dcff55}.console-screen .controls button,#focusBtn{border-color:#5adbea66!important;background:#051218aa!important;color:#d9faff!important}.console-footer{color:#7fdce9}.console-footer i{background:linear-gradient(90deg,transparent,#6ee9ff 35%,#e5b654 65%,transparent);box-shadow:0 0 11px #62e7ff}.console-footer:before{content:"PROJECTION / STABLE";color:#72e9c5}

/* Page-authored effects: layers are enabled only when the illustrated scene calls for them. */
.atmosphere>i{display:none}.atmosphere-on.interior .atmosphere{opacity:.42}.atmosphere-on.interior #page{animation:none;transform:scale(1.018)}
body[data-weather="rain"] .rain,body[data-weather="rain"] .mist,body[data-weather="wind"] .wind,body[data-weather="roots"] .mist,body[data-weather="roots"] .particles,body[data-weather="dust"] .particles,body[data-weather="scan"] .wind,body[data-weather="light"] .mist,body[data-weather="pulse"] .lightning,body[data-weather="sparks"] .particles,body[data-weather="sparks"] .lightning,body[data-weather="bloom"] .particles,body[data-weather="bloom"] .mist,body[data-weather="signal"] .particles,body[data-weather="signal"] .lightning,body[data-weather="data"] .wind,body[data-weather="data"] .particles,body[data-weather="memory"] .mist,body[data-weather="reveal"] .mist,body[data-weather="reveal"] .lightning,body[data-weather="blackout"] .particles,body[data-weather="embers"] .particles,body[data-weather="embers"] .mist{display:block}
body[data-weather="rain"] #page{animation:rain-depth 12s ease-in-out infinite}body[data-weather="wind"] #page{animation:wind-depth 9s ease-in-out infinite}body[data-weather="roots"] #page,body[data-weather="bloom"] #page{animation:root-breathe 8s ease-in-out infinite;transform-origin:50% 85%}body[data-weather="signal"] .particles,body[data-weather="pulse"] .lightning{filter:hue-rotate(145deg) drop-shadow(0 0 4px #64eaff)}body[data-weather="scan"] .wind,body[data-weather="data"] .wind{background:repeating-linear-gradient(0deg,transparent 0 18px,#77ebff28 19px,transparent 21px 48px);animation:scan 4s linear infinite}body[data-weather="dust"] .particles,body[data-weather="memory"] .mist{filter:sepia(.75)}body[data-weather="blackout"] .particles{filter:hue-rotate(150deg);animation:signal-fail 2.7s steps(2) infinite}body[data-weather="still"] .atmosphere{opacity:0}
@keyframes rain-depth{0%,100%{transform:scale(1.02)}50%{transform:scale(1.035) translateY(-.25%)}}@keyframes wind-depth{0%,100%{transform:scale(1.025) translateX(.3%)}50%{transform:scale(1.04) translateX(-.7%)}}@keyframes root-breathe{0%,100%{transform:scale(1.018)}50%{transform:scale(1.035) translateY(-.35%)}}@keyframes scan{to{transform:translateY(54px)}}@keyframes signal-fail{0%,72%,100%{opacity:.18}74%,82%{opacity:.72}}
@media(max-width:900px){.reader-console{padding:18px 16px 16px;border-radius:5px}.console-screen{border-radius:1px}}@media(prefers-reduced-motion:reduce){.atmosphere{display:none!important}#page{animation:none!important;transform:none!important}}

/* Precision motion pass — effects are anchored to illustrated objects, not laid over the page. */
.atmosphere>i{display:none;position:absolute;pointer-events:none}.atmosphere-on.interior .atmosphere{opacity:1}
body[data-weather="calibration"] .calibration-pulse{display:block;z-index:2;left:57%;top:21%;width:36%;height:52%;clip-path:polygon(50% 0,100% 100%,0 100%);background:radial-gradient(circle at 50% 64%,#fff 0 1%,#ffd676 3%,#ffb83333 14%,transparent 38%),linear-gradient(60deg,transparent 47%,#ffe7a888 49%,transparent 52%),linear-gradient(-60deg,transparent 47%,#ffe7a888 49%,transparent 52%);filter:drop-shadow(0 0 5px #ffc14d) drop-shadow(0 0 16px #ffa928);transform-origin:50% 64%;animation:calibrate 2.8s cubic-bezier(.35,0,.25,1) infinite}
body[data-weather="calibration"] .calibration-pulse:before,body[data-weather="calibration"] .calibration-pulse:after{content:"";position:absolute;left:50%;top:64%;width:18%;aspect-ratio:1;border:1px solid #fff0b5;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 9px #ffd265;animation:calibration-ring 2.8s ease-out infinite}body[data-weather="calibration"] .calibration-pulse:after{animation-delay:1.4s}
body[data-weather="droplet"] .leaf-drop{display:block;z-index:5;left:70%;top:31%;width:7px;height:10px;border-radius:70% 30% 65% 35%;background:radial-gradient(circle at 32% 26%,#fff 0 11%,#bff6ff 18%,#65d8f4 48%,#1c718f 76%);box-shadow:0 0 4px #c9f8ff,0 2px 7px #4fc5e9;transform:rotate(45deg);animation:leaf-to-hand 4.2s cubic-bezier(.38,.05,.3,1) infinite}
body[data-weather="hallway"] .holo-hallway{display:block;z-index:1;inset:5% 1% 16% 23%;background:linear-gradient(90deg,transparent 0 6%,#82edff25 7% 32%,transparent 33% 41%,#65e7ff20 42% 67%,transparent 68%),repeating-linear-gradient(0deg,transparent 0 23px,#baf7ff20 24px,transparent 26px);clip-path:polygon(10% 0,94% 0,100% 48%,91% 100%,2% 100%,18% 51%);mix-blend-mode:screen;filter:drop-shadow(0 0 6px #62e7ff);animation:hallway-panels 3.6s ease-in-out infinite}
body[data-weather="hallway"] .holo-hallway:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,#d8fcff55 48%,transparent 52%);transform:translateY(-100%);animation:holo-scan 2.8s linear infinite}
body[data-weather="face-hologram"] .face-transmission{display:block;z-index:3;inset:7% 5% 13%;background:repeating-linear-gradient(0deg,transparent 0 20px,#c6f7ff22 21px,transparent 23px);mix-blend-mode:screen;filter:drop-shadow(0 0 4px #7ceaff);animation:face-lock 3.2s steps(1) infinite}
@keyframes calibrate{0%,100%{opacity:.42;transform:scale(.985)}46%{opacity:.95;transform:scale(1.025)}52%{opacity:1;transform:scale(1.055)}58%{opacity:.65;transform:scale(1.01)}}@keyframes calibration-ring{0%{opacity:.9;transform:translate(-50%,-50%) scale(.4)}70%,100%{opacity:0;transform:translate(-50%,-50%) scale(4.6)}}
@keyframes leaf-to-hand{0%,18%{opacity:0;transform:translate(0,0) rotate(45deg) scale(.55)}24%{opacity:1;transform:translate(0,0) rotate(45deg) scale(1)}68%{opacity:1;transform:translate(-31px,58px) rotate(45deg) scale(.82)}74%,100%{opacity:0;transform:translate(-33px,61px) rotate(45deg) scale(.18)}}
@keyframes hallway-panels{0%,100%{opacity:.36;transform:perspective(500px) translateX(0)}50%{opacity:.82;transform:perspective(500px) translateX(1.2%)}}@keyframes holo-scan{to{transform:translateY(100%)}}@keyframes face-lock{0%,93%,100%{opacity:.35;transform:translateX(0)}94%{opacity:.72;transform:translateX(2px)}96%{opacity:.28;transform:translateX(-2px)}}

/* Mobile projection frame stays fully inside the viewport. */
@media(max-width:900px){#reader.active{width:100%;padding:10px 8px 88px;overflow-x:hidden}.reader-console,#reader.focus-reader .reader-console{width:calc(100vw - 20px);max-width:calc(100vw - 20px);margin:0 auto;padding:16px 12px 15px;clip-path:none;border:1px solid #8ff1ff66;background:linear-gradient(135deg,#57e7ff0d,#02080cde 50%,#e4b95a0d);box-shadow:inset 0 0 28px #65eaff12,0 0 16px #52e5ff32}.reader-console:before,.reader-console:after{display:block;top:8px;bottom:8px;width:1px;border:0;background:linear-gradient(transparent,#7decff,#e7bb5f,#7decff,transparent);box-shadow:0 0 9px #69e9ff}.reader-console:before{left:5px}.reader-console:after{right:5px}.console-screen{width:100%;max-width:100%}#reader.focus-reader .stage{height:min(70svh,650px);min-height:430px}.console-footer{padding-inline:5px}}
@media(prefers-reduced-motion:reduce){.calibration-pulse,.leaf-drop,.holo-hallway,.face-transmission{display:none!important}}

/* Articulated device opening: four photographed shell sections separate around the live core. */
.device-panel{position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 50% 52%,rgba(121,239,255,.2),transparent 22%),linear-gradient(145deg,#101e27 0%,#020607 42%,#19313c 74%,#05090d 100%);border:1px solid rgba(121,239,255,.28);opacity:0;will-change:transform,opacity;filter:brightness(.9) contrast(1.12) saturate(.82) drop-shadow(0 5px 8px #000)}.panel-n{clip-path:polygon(50% 0,91% 17%,70% 52%,50% 58%,30% 52%,9% 17%)}.panel-e{clip-path:polygon(91% 17%,100% 60%,74% 95%,50% 58%,70% 52%)}.panel-s{clip-path:polygon(74% 95%,25% 95%,50% 58%)}.panel-w{clip-path:polygon(9% 17%,30% 52%,50% 58%,25% 95%,0 60%)}
#gateway.open .coordinate-device>img{animation:shell-fade 1.7s ease forwards}#gateway.open .panel-n{animation:open-n 1.7s .18s cubic-bezier(.2,.75,.22,1) forwards}#gateway.open .panel-e{animation:open-e 1.7s .18s cubic-bezier(.2,.75,.22,1) forwards}#gateway.open .panel-s{animation:open-s 1.7s .18s cubic-bezier(.2,.75,.22,1) forwards}#gateway.open .panel-w{animation:open-w 1.7s .18s cubic-bezier(.2,.75,.22,1) forwards}#gateway.open .projection{animation:project-open 1.2s .78s cubic-bezier(.18,.8,.2,1) forwards}#gateway.open .device-core{z-index:4;animation:core-rise 1.7s .2s ease forwards}
@keyframes shell-fade{0%,24%{opacity:1}72%,100%{opacity:.08}}@keyframes open-n{0%,18%{opacity:0;transform:none}22%{opacity:1;transform:none}100%{opacity:1;transform:translateY(-17%) perspective(600px) rotateX(-22deg) scale(.94)}}@keyframes open-e{0%,18%{opacity:0;transform:none}22%{opacity:1;transform:none}100%{opacity:1;transform:translateX(18%) perspective(600px) rotateY(28deg) scale(.94)}}@keyframes open-s{0%,18%{opacity:0;transform:none}22%{opacity:1;transform:none}100%{opacity:1;transform:translateY(18%) perspective(600px) rotateX(25deg) scale(.94)}}@keyframes open-w{0%,18%{opacity:0;transform:none}22%{opacity:1;transform:none}100%{opacity:1;transform:translateX(-18%) perspective(600px) rotateY(-28deg) scale(.94)}}@keyframes core-rise{0%,22%{transform:scale(.8);opacity:.45}68%,100%{transform:scale(1.75);opacity:1}}

/* Calibration energy originates at the illustrated internal line junction; no dot or circular ripple. */
body[data-weather="calibration"] .calibration-pulse{left:58%;top:22%;width:35%;height:51%;background:linear-gradient(60deg,transparent 48.5%,#fff0b577 49.4%,transparent 50.3%),linear-gradient(-60deg,transparent 48.5%,#fff0b577 49.4%,transparent 50.3%),linear-gradient(180deg,transparent 62%,#ffc95b45 64%,transparent 67%);filter:drop-shadow(0 0 8px #ffbe45) drop-shadow(0 0 20px #ff9d1f);transform-origin:50% 64%;animation:calibration-breathe 2.5s ease-in-out infinite}
body[data-weather="calibration"] .calibration-pulse:before,body[data-weather="calibration"] .calibration-pulse:after{left:0;top:0;width:100%;height:100%;border:0;border-radius:0;clip-path:polygon(50% 2%,98% 98%,2% 98%);background:linear-gradient(60deg,transparent 48.7%,#ffe9a8 49.4%,transparent 50.1%),linear-gradient(-60deg,transparent 48.7%,#ffe9a8 49.4%,transparent 50.1%),linear-gradient(0deg,transparent 48.7%,#ffe9a8 49.4%,transparent 50.1%);box-shadow:none;transform-origin:50% 64%;animation:triangle-wave 2.5s ease-out infinite}body[data-weather="calibration"] .calibration-pulse:after{animation-delay:1.25s}
@keyframes calibration-breathe{0%,100%{opacity:.38;filter:drop-shadow(0 0 4px #ffbd45)}50%{opacity:.92;filter:drop-shadow(0 0 13px #ffd66f) drop-shadow(0 0 27px #ff9e21)}}@keyframes triangle-wave{0%{opacity:.85;transform:scale(.12)}72%,100%{opacity:0;transform:scale(1.08)}}

/* Hallway light now only energises the holograms already painted into the scene. */
body[data-weather="hallway"] .holo-hallway{inset:4% 0 15% 19%;background:linear-gradient(105deg,transparent 18%,#baf9ff00 38%,#d9fcff8a 49%,#83efff16 58%,transparent 76%);clip-path:polygon(13% 0,98% 0,100% 100%,0 100%,18% 58%);filter:blur(.7px) drop-shadow(0 0 3px #73eaff);opacity:.22;animation:hallway-reflection 4.8s ease-in-out infinite}body[data-weather="hallway"] .holo-hallway:after{display:none}
@keyframes hallway-reflection{0%,100%{opacity:.13;transform:translateX(-11%)}48%{opacity:.42}60%{opacity:.24;transform:translateX(13%)}}

@media(max-width:680px){#gateway.open .coordinate-device{transform:translateY(34%) scale(.52)}.projection{top:7%;height:61vh}#gateway.open .panel-n{animation-name:open-n-mobile}#gateway.open .panel-e{animation-name:open-e-mobile}#gateway.open .panel-s{animation-name:open-s-mobile}#gateway.open .panel-w{animation-name:open-w-mobile}}@keyframes open-n-mobile{0%,18%{opacity:0;transform:none}22%{opacity:1}100%{opacity:1;transform:translateY(-12%) scale(.95)}}@keyframes open-e-mobile{0%,18%{opacity:0;transform:none}22%{opacity:1}100%{opacity:1;transform:translateX(13%) scale(.95)}}@keyframes open-s-mobile{0%,18%{opacity:0;transform:none}22%{opacity:1}100%{opacity:1;transform:translateY(13%) scale(.95)}}@keyframes open-w-mobile{0%,18%{opacity:0;transform:none}22%{opacity:1}100%{opacity:1;transform:translateX(-13%) scale(.95)}}

/* Continuous petal-fold motion replaces the earlier segmented pop-apart action. */
#gateway.open .coordinate-device{animation:device-settle 2s cubic-bezier(.22,.72,.2,1) forwards}#gateway.open .coordinate-device>img{animation:shell-dissolve 1.15s ease forwards}.device-panel{opacity:1;transform-origin:50% 58%;backface-visibility:hidden}#gateway.open .panel-n{animation:fold-n 1.75s .12s cubic-bezier(.22,.72,.2,1) forwards}#gateway.open .panel-e{animation:fold-e 1.75s .12s cubic-bezier(.22,.72,.2,1) forwards}#gateway.open .panel-s{animation:fold-s 1.75s .12s cubic-bezier(.22,.72,.2,1) forwards}#gateway.open .panel-w{animation:fold-w 1.75s .12s cubic-bezier(.22,.72,.2,1) forwards}#gateway.open .projection{animation:project-open 1.25s .62s cubic-bezier(.22,.78,.2,1) forwards}
@keyframes device-settle{0%{transform:translateY(12%) scale(.64)}40%{transform:translateY(22%) scale(.6)}100%{transform:translateY(41%) scale(.47)}}@keyframes shell-dissolve{0%,18%{opacity:1}100%{opacity:0}}@keyframes fold-n{0%,12%{transform:none}100%{transform:perspective(850px) translateY(-9%) rotateX(-13deg) scale(.98)}}@keyframes fold-e{0%,12%{transform:none}100%{transform:perspective(850px) translateX(9%) rotateY(13deg) scale(.98)}}@keyframes fold-s{0%,12%{transform:none}100%{transform:perspective(850px) translateY(9%) rotateX(13deg) scale(.98)}}@keyframes fold-w{0%,12%{transform:none}100%{transform:perspective(850px) translateX(-9%) rotateY(-13deg) scale(.98)}}

/* Stronger line-junction pulse: a bright triangular wave expands from the true convergence point. */
body[data-weather="calibration"] .calibration-pulse{left:57%;top:20%;width:38%;height:57%;opacity:1;background:linear-gradient(60deg,transparent 49%,#fff3c7b8 49.65%,transparent 50.3%),linear-gradient(-60deg,transparent 49%,#fff3c7b8 49.65%,transparent 50.3%),linear-gradient(180deg,transparent 66%,#ffe1958f 67%,transparent 69%);transform-origin:50% 69%;animation:junction-energy 2.2s ease-in-out infinite}body[data-weather="calibration"] .calibration-pulse:before,body[data-weather="calibration"] .calibration-pulse:after{transform-origin:50% 69%;background:linear-gradient(60deg,transparent 48.8%,#fff9df 49.55%,transparent 50.3%),linear-gradient(-60deg,transparent 48.8%,#fff9df 49.55%,transparent 50.3%),linear-gradient(0deg,transparent 48.8%,#fff9df 49.55%,transparent 50.3%);animation:junction-wave 2.2s cubic-bezier(.18,.62,.25,1) infinite}body[data-weather="calibration"] .calibration-pulse:after{animation-delay:1.1s}
@keyframes junction-energy{0%,100%{filter:drop-shadow(0 0 3px #ffc357);opacity:.42}45%{filter:drop-shadow(0 0 10px #ffe8a5) drop-shadow(0 0 26px #ff9e25);opacity:1}58%{filter:drop-shadow(0 0 5px #ffd270);opacity:.66}}@keyframes junction-wave{0%{opacity:1;transform:scale(.035)}68%{opacity:.65}100%{opacity:0;transform:scale(1.12)}}

/* Hallway panel response is confined to the clear right-hand plane, away from Mara. */
body[data-weather="hallway"] .holo-hallway{inset:9% 2% 20% 72%;clip-path:polygon(36% 0,100% 8%,100% 89%,39% 100%,0 52%);background:linear-gradient(112deg,transparent 34%,#ecfeffb8 49%,#7deeff24 55%,transparent 68%);filter:drop-shadow(0 0 4px #6aeaff);animation:panel-breathe 4.2s ease-in-out infinite}body[data-weather="hallway"] .holo-hallway:before{content:"";position:absolute;inset:0;border-left:1px solid #c6fbff99;border-right:1px solid #72eaff55;opacity:.55}
@keyframes panel-breathe{0%,100%{opacity:.12;transform:translateX(-9%)}48%{opacity:.48}68%{opacity:.2;transform:translateX(9%)}}

@media(max-width:680px){#gateway.open .coordinate-device{animation-name:device-settle-mobile}#gateway.open .panel-n{animation-name:fold-n-mobile}#gateway.open .panel-e{animation-name:fold-e-mobile}#gateway.open .panel-s{animation-name:fold-s-mobile}#gateway.open .panel-w{animation-name:fold-w-mobile}}@keyframes device-settle-mobile{0%{transform:translateY(12%) scale(.64)}100%{transform:translateY(35%) scale(.52)}}@keyframes fold-n-mobile{to{transform:translateY(-7%) scale(.985)}}@keyframes fold-e-mobile{to{transform:translateX(7%) scale(.985)}}@keyframes fold-s-mobile{to{transform:translateY(7%) scale(.985)}}@keyframes fold-w-mobile{to{transform:translateX(-7%) scale(.985)}}

/* Final colour and title consistency pass. */
:root{--violet:#42dbea;--violet-hot:#a8f5ff}.infinity{display:inline-flex;align-items:center;justify-content:center;width:1.58em;font-size:1.18em;line-height:.72;vertical-align:-.08em;color:#8cefff;transform:none;margin:0 .01em;text-shadow:0 0 9px #57e3f5}
#cover h1{font-size:clamp(28px,3.9vw,56px);line-height:.92;letter-spacing:-.045em;overflow:visible;white-space:nowrap}#cover h1 br{display:block}.comic-dialogue,.console-screen .comic-dialogue{border-left-color:#4de2ef!important}.console-screen #dots i.on,#dots i.on{background:#73edfa;box-shadow:0 0 8px #48dce9}#pageGrid button.on,#thumbGrid button.on{color:#a9f7ff;border-color:#62e7f3;box-shadow:0 0 9px #46dce966}.thumb.chosen,.console-screen .issues .thumb.chosen{border-color:#77edf8;box-shadow:0 0 10px #51deea55}.detail-tabs b{border-bottom-color:#59e3ef}
@media(max-width:680px){#cover h1{font-size:clamp(27px,8.8vw,40px);letter-spacing:-.05em}.infinity{width:1.5em;font-size:1.16em}.library-grid .infinity,.details .infinity{width:1.45em}}

.projection{background:linear-gradient(180deg,#5ce5ff14,#d9a44112),repeating-linear-gradient(0deg,transparent 0 5px,#bdf6ff12 6px 7px)}.projection small{color:#e5bd6d}.console-screen .status b,#thumbGrid span,.console-footer button,.console-screen .code button{color:#8ceef8}.console-screen .status{color:#a5c4c9}.detail-tabs{color:#6f9298}.console-screen .secondary{border-color:#3c8993}.issue-brand{border-bottom-color:#39747d}.comic-dialogue{box-shadow:4px 4px 0 #071116,0 0 15px #45ddea22}.console-screen .screen:after{background:linear-gradient(115deg,#ffffff0a,transparent 25%,transparent 73%,#62e7ff0a)}

/* Six hinged petals open in a circular sequence before the projection forms. */
.panel-n{clip-path:polygon(50% 51%,20% 12%,50% 0,80% 12%)}.panel-ne{clip-path:polygon(50% 51%,80% 12%,100% 43%,87% 64%)}.panel-e{clip-path:polygon(50% 51%,87% 64%,72% 96%,50% 100%)}.panel-s{clip-path:polygon(50% 51%,72% 96%,50% 100%,27% 96%)}.panel-sw{clip-path:polygon(50% 51%,27% 96%,13% 65%)}.panel-w{clip-path:polygon(50% 51%,20% 12%,0 43%,13% 65%)}
#gateway.open .coordinate-device{animation:flower-device 2.7s cubic-bezier(.2,.68,.18,1) forwards}#gateway.open .coordinate-device>img{animation:flower-base 1.25s ease forwards}#gateway.open .panel-n{animation:petal-n 1.55s .12s cubic-bezier(.18,.76,.2,1) forwards}#gateway.open .panel-ne{animation:petal-ne 1.55s .2s cubic-bezier(.18,.76,.2,1) forwards}#gateway.open .panel-e{animation:petal-e 1.55s .28s cubic-bezier(.18,.76,.2,1) forwards}#gateway.open .panel-s{animation:petal-s 1.55s .36s cubic-bezier(.18,.76,.2,1) forwards}#gateway.open .panel-sw{animation:petal-sw 1.55s .44s cubic-bezier(.18,.76,.2,1) forwards}#gateway.open .panel-w{animation:petal-w 1.55s .52s cubic-bezier(.18,.76,.2,1) forwards}#gateway.open .projection{animation:projection-after-bloom .72s 1.95s cubic-bezier(.2,.78,.2,1) forwards}#gateway.open .device-core{animation:flower-core 2.45s .12s ease forwards}
@keyframes flower-device{0%{transform:translateY(12%) scale(.64);opacity:1}62%{transform:translateY(25%) scale(.56);opacity:1}80%{transform:translateY(36%) scale(.48);opacity:1}100%{transform:translateY(41%) scale(.43);opacity:0}}@keyframes flower-base{0%,15%{opacity:1}100%{opacity:0}}@keyframes petal-n{to{transform:perspective(850px) translateY(-12%) rotateX(-27deg) scale(.975)}}@keyframes petal-ne{to{transform:perspective(850px) translate(9%,-7%) rotateZ(4deg) rotateY(24deg) scale(.975)}}@keyframes petal-e{to{transform:perspective(850px) translate(11%,7%) rotateZ(7deg) rotateY(25deg) scale(.975)}}@keyframes petal-s{to{transform:perspective(850px) translateY(12%) rotateX(27deg) scale(.975)}}@keyframes petal-sw{to{transform:perspective(850px) translate(-9%,7%) rotateZ(-6deg) rotateY(-24deg) scale(.975)}}@keyframes petal-w{to{transform:perspective(850px) translate(-11%,-5%) rotateZ(-4deg) rotateY(-25deg) scale(.975)}}@keyframes flower-core{0%,22%{opacity:.35;transform:scale(.7)}62%{opacity:1;transform:scale(1.65)}82%,100%{opacity:0;transform:scale(2.15)}}@keyframes projection-after-bloom{0%{opacity:0;transform:translateX(-50%) perspective(900px) rotateX(-10deg) scale(.88,.02);filter:blur(5px)}100%{opacity:1;transform:translateX(-50%) perspective(900px) rotateX(0) scale(1);filter:none}}

/* Locked title composition prevents the infinity mark from breaking the word. */
#cover h1>span,.details h2>span,.card h2>span{display:block}.coordinate-word{display:block!important;white-space:nowrap;word-break:keep-all;overflow:visible;letter-spacing:-.055em}.coordinate-word .infinity{display:inline-flex;align-items:center;justify-content:center;width:1.02em;margin:0 -.025em;font-size:1.04em;line-height:.82;vertical-align:-.035em}.card h2{font-size:clamp(30px,4.1vw,42px);line-height:.94;letter-spacing:-.035em}.details h2{line-height:.9}.library-grid{align-items:start}.card{overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s}.card:active{transform:scale(.995)}.card:focus-visible{outline:2px solid #73eaf5;outline-offset:3px}#library{padding-bottom:calc(110px + env(safe-area-inset-bottom))}nav{padding-bottom:env(safe-area-inset-bottom);height:calc(68px + env(safe-area-inset-bottom))}
@media(max-width:680px){#cover h1{white-space:normal}.coordinate-word .infinity{width:1.01em;margin:0 -.02em;font-size:1.03em}.card h2{font-size:clamp(31px,9.3vw,41px);line-height:.92;margin-top:12px}.library-grid{gap:28px}.card{padding:18px}.card img{border:1px solid #34545a}}

/* Sharp handoff: no issue, cover or reader element is ever blurred on entry. */
#reader.materialise .reader-console{animation:reader-sharp-in .42s cubic-bezier(.2,.75,.2,1) both;filter:none!important}
#reader.materialise .console-screen,#reader.materialise .screen,#reader.materialise #page{filter:none!important}
@keyframes reader-sharp-in{0%{opacity:0;transform:translateY(5px) scale(.992)}100%{opacity:1;transform:none}}

/* Captions have a dedicated reading rail; they never sit on the artwork. */
.interior .console-screen .screen{background:#05090b}.interior .console-screen .screen>#page{inset:0 0 18%;background-color:#05090b}.console-screen .comic-dialogue{left:0;right:0;bottom:0;height:18%;max-height:none;display:none;align-items:center;margin:0;padding:10px 14px;border:0!important;border-top:1px solid #55dce877!important;background:#071116!important;color:#eefbfd!important;box-shadow:inset 0 7px 18px #0008!important;font-family:Georgia,serif;font-weight:600;line-height:1.28}.console-screen .comic-dialogue.show{display:flex}
@media(max-width:680px){.interior .console-screen .screen>#page{inset:0 0 21%}.console-screen .comic-dialogue{height:21%;padding:8px 10px;font-size:12px}}

/* Issue 005: light comes from the screens painted into the artwork. */
body[data-issue="5"][data-weather="node-alert"] .calibration-pulse,body[data-issue="5"][data-weather="node-reveal"] .calibration-pulse{display:block;border:0;border-radius:0;box-shadow:none;mix-blend-mode:screen;animation:node-screen-breathe 2.35s ease-in-out infinite}
body[data-issue="5"][data-weather="node-alert"] .calibration-pulse{inset:26% 20% 28%;background:radial-gradient(ellipse at center,#ffebe4b8 0,#f4433640 26%,#ef1c1900 68%);filter:drop-shadow(0 0 10px #ef3939)}
body[data-issue="5"][data-weather="node-reveal"] .calibration-pulse{inset:37% 18% 24%;background:radial-gradient(ellipse at center,#e3fbffae 0,#4cdbff32 30%,#29ccff00 72%);filter:drop-shadow(0 0 9px #4ce2ff)}
body[data-issue="5"][data-weather^="node-"] .calibration-pulse:before,body[data-issue="5"][data-weather^="node-"] .calibration-pulse:after{display:none}
@keyframes node-screen-breathe{0%,100%{opacity:.16;transform:scale(.96)}48%{opacity:.72;transform:scale(1.025)}62%{opacity:.34;transform:scale(1)}}

/* Issue 006: Daniel's transmission breathes from the illustrated hologram. */
body[data-issue="6"][data-weather="node-reveal"] .face-transmission{display:block;inset:8% 8% 25%;background:linear-gradient(180deg,transparent 0 8%,#bff7ff1a 9% 10%,transparent 11% 19%,#bff7ff16 20% 21%,transparent 22%),radial-gradient(ellipse at 50% 42%,#dffcff52,transparent 58%);mix-blend-mode:screen;filter:drop-shadow(0 0 7px #71e9ff);animation:daniel-transmission 3.1s ease-in-out infinite}
@keyframes daniel-transmission{0%,100%{opacity:.16;transform:translateY(1px)}48%{opacity:.55;transform:translateY(-1px)}54%{opacity:.27;transform:translateX(1px)}58%{opacity:.5;transform:translateX(0)}}

/* Issue 007: light follows the city rings and defensive shield already painted in-frame. */
body[data-issue="7"][data-weather="node-reveal"] .calibration-pulse{display:block;inset:15% 9% 24%;width:auto;height:auto;clip-path:none;border:0;background:repeating-radial-gradient(ellipse at 50% 58%,transparent 0 12%,#bdf8ff22 13%,transparent 14% 24%);mix-blend-mode:screen;filter:drop-shadow(0 0 7px #67e8ff);transform-origin:50% 58%;animation:lower-city-wave 3.2s ease-in-out infinite}
body[data-issue="7"][data-weather="node-reveal"] .calibration-pulse:before,body[data-issue="7"][data-weather="node-reveal"] .calibration-pulse:after{display:none}
@keyframes lower-city-wave{0%,100%{opacity:.12;transform:scale(.97)}50%{opacity:.58;transform:scale(1.025)}}

/* Issue 008: restrained energy follows the painted future branches and final signal. */
body[data-issue="8"][data-weather="node-reveal"] .calibration-pulse{display:block;inset:13% 8% 23%;width:auto;height:auto;clip-path:none;border:0;background:radial-gradient(ellipse at 50% 48%,#dffcff4a 0,#75eaff20 24%,transparent 61%);mix-blend-mode:screen;filter:drop-shadow(0 0 8px #72eaff);transform-origin:50% 52%;animation:white-vault-signal 3.4s ease-in-out infinite}
body[data-issue="8"][data-weather="node-reveal"] .calibration-pulse:before,body[data-issue="8"][data-weather="node-reveal"] .calibration-pulse:after{display:none}
@keyframes white-vault-signal{0%,100%{opacity:.1;transform:scale(.975)}52%{opacity:.52;transform:scale(1.02)}}

/* Issues 009–010: the glow is anchored to the painted monolith, ark and star network. */
body[data-issue="9"][data-weather="node-reveal"] .calibration-pulse,body[data-issue="10"][data-weather="node-reveal"] .calibration-pulse{display:block;inset:10% 7% 22%;width:auto;height:auto;clip-path:none;border:0;background:radial-gradient(ellipse at 50% 48%,#e6fdff52 0,#73eaff20 22%,transparent 60%);mix-blend-mode:screen;filter:drop-shadow(0 0 8px #72eaff);transform-origin:50% 52%;animation:deep-signal 3.6s ease-in-out infinite}
body[data-issue="9"][data-weather="node-reveal"] .calibration-pulse:before,body[data-issue="9"][data-weather="node-reveal"] .calibration-pulse:after,body[data-issue="10"][data-weather="node-reveal"] .calibration-pulse:before,body[data-issue="10"][data-weather="node-reveal"] .calibration-pulse:after{display:none}
@keyframes deep-signal{0%,100%{opacity:.08;transform:scale(.98)}48%{opacity:.5;transform:scale(1.018)}62%{opacity:.22;transform:scale(1)}}

/* Archive-wide proportion lock: preserve every page edge and every cover. */
body.atmosphere-on.interior #page,.interior #page{transform:none!important;transform-origin:center!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}.thumb img,.card img,.cover-card img{object-fit:contain!important;object-position:center!important;background:#05090b}.card img{height:auto!important;aspect-ratio:2/3}.thumb{background:#05090b}.screen>#page{background-color:#05090b!important;border-color:#10262c!important;box-shadow:none!important}

/* Final flower cycle: one fluid bloom, projection only after full opening, then a clean blackout. */
#gateway{transition:opacity .78s ease,visibility 0s linear .78s}
#gateway.open{transition:none}
#gateway.open .coordinate-device{animation:flower-cycle 3.05s cubic-bezier(.16,.72,.18,1) forwards}
#gateway.open .coordinate-device>img{animation:flower-shell 1.55s cubic-bezier(.2,.65,.2,1) forwards}
#gateway.open .device-panel{animation-duration:1.9s!important;animation-timing-function:cubic-bezier(.16,.72,.18,1)!important}
#gateway.open .panel-n{animation-delay:.08s!important}#gateway.open .panel-ne{animation-delay:.14s!important}#gateway.open .panel-e{animation-delay:.2s!important}#gateway.open .panel-s{animation-delay:.26s!important}#gateway.open .panel-sw{animation-delay:.32s!important}#gateway.open .panel-w{animation-delay:.38s!important}
#gateway.open .projection{animation:projection-cycle .95s 2.22s cubic-bezier(.2,.72,.2,1) forwards}
#gateway.fade .projection,#gateway.fade .coordinate-device{opacity:0!important}
@keyframes flower-cycle{0%{transform:translateY(12%) scale(.64);opacity:1}48%{transform:translateY(20%) scale(.59);opacity:1}76%{transform:translateY(32%) scale(.51);opacity:1}100%{transform:translateY(39%) scale(.45);opacity:0}}
@keyframes flower-shell{0%,24%{opacity:1}72%,100%{opacity:0}}
@keyframes projection-cycle{0%{opacity:0;transform:translateX(-50%) perspective(900px) rotateX(-4deg) scale(.96,.04)}28%{opacity:1;transform:translateX(-50%) perspective(900px) rotateX(0) scale(1)}68%{opacity:1}100%{opacity:0;transform:translateX(-50%) scale(1.015)}}

/* London flashback: effects follow painted geometry only—no free-floating particles. */
body[data-issue="11"][data-weather="calibration"] .calibration-pulse{display:block;left:27%;top:34%;width:46%;height:34%;background:linear-gradient(60deg,transparent 48.7%,#e8fbffb0 49.5%,transparent 50.3%),linear-gradient(-60deg,transparent 48.7%,#e8fbffb0 49.5%,transparent 50.3%),linear-gradient(180deg,transparent 65%,#90edff80 67%,transparent 69%);mix-blend-mode:screen;transform-origin:50% 67%;animation:london-junction 2.35s ease-in-out infinite}
body[data-issue="11"][data-weather="calibration"] .calibration-pulse:before,body[data-issue="11"][data-weather="calibration"] .calibration-pulse:after{transform-origin:50% 67%;animation:london-path 2.35s cubic-bezier(.18,.64,.22,1) infinite}body[data-issue="11"][data-weather="calibration"] .calibration-pulse:after{animation-delay:1.17s}
@keyframes london-junction{0%,100%{opacity:.18;filter:drop-shadow(0 0 3px #6eeaff)}48%{opacity:.88;filter:drop-shadow(0 0 12px #c7faff)}}@keyframes london-path{0%{opacity:.78;transform:scale(.04)}100%{opacity:0;transform:scale(1.06)}}
body[data-issue="12"][data-weather="node-reveal"] .calibration-pulse{display:block;inset:12% 8% 24%;width:auto;height:auto;clip-path:none;border:0;background:linear-gradient(112deg,transparent 20%,#79eaff1e 38%,#dbfbff55 50%,#79eaff16 62%,transparent 80%);mix-blend-mode:screen;filter:drop-shadow(0 0 7px #61e6ff);animation:predicted-paths 3.2s ease-in-out infinite}
body[data-issue="12"][data-weather="node-reveal"] .calibration-pulse:before,body[data-issue="12"][data-weather="node-reveal"] .calibration-pulse:after{display:none}@keyframes predicted-paths{0%,100%{opacity:.08;transform:translateX(-2%)}52%{opacity:.45;transform:translateX(2%)}}

/* Archive-wide cover and page lock: one frame, one title rhythm, no crop or stretch. */
.cover-card,.card img,.thumb img{background:#05090b;border:1px solid #34545a!important;box-shadow:inset 0 0 0 3px #071116;object-fit:contain!important;object-position:center!important}.cover-card img,.card img{aspect-ratio:2/3!important;width:100%!important;height:auto!important}.thumb img{width:100%;height:100%}.screen>#page{background-color:#05090b!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}.console-screen .comic-dialogue{overflow-wrap:anywhere;text-wrap:balance}.card small,.card p{min-height:1.25em}.card h2{min-height:1.9em}.coordinate-word{font-kerning:normal}.coordinate-word .infinity{width:.94em!important;margin:0 -.04em!important;font-size:1.03em!important}.display-foot strong{white-space:nowrap}.display-foot span{text-align:right}
@media(max-width:680px){.card h2{min-height:1.85em}.display-foot span{text-align:left}.console-screen .comic-dialogue{overflow:auto}}

/* Issues 013–014: light follows the illustrated archive, device and city network. */
body[data-issue="13"][data-weather="node-reveal"] .calibration-pulse,body[data-issue="14"][data-weather="node-reveal"] .calibration-pulse{display:block;inset:12% 8% 24%;width:auto;height:auto;clip-path:none;border:0;background:radial-gradient(ellipse at 50% 48%,#dffcff4d 0,#73eaff1f 24%,transparent 62%);mix-blend-mode:screen;filter:drop-shadow(0 0 8px #72eaff);animation:host-network 3.4s ease-in-out infinite}body[data-issue="13"][data-weather="node-reveal"] .calibration-pulse:before,body[data-issue="13"][data-weather="node-reveal"] .calibration-pulse:after,body[data-issue="14"][data-weather="node-reveal"] .calibration-pulse:before,body[data-issue="14"][data-weather="node-reveal"] .calibration-pulse:after{display:none}@keyframes host-network{0%,100%{opacity:.08;transform:scale(.98)}50%{opacity:.48;transform:scale(1.018)}}
body[data-issue="13"][data-weather="calibration"] .calibration-pulse,body[data-issue="14"][data-weather="calibration"] .calibration-pulse{left:31%;top:32%;width:38%;height:38%;transform-origin:50% 66%;animation:shared-junction 2.4s ease-in-out infinite}@keyframes shared-junction{0%,100%{opacity:.22;filter:drop-shadow(0 0 3px #ffca5d)}48%{opacity:.92;filter:drop-shadow(0 0 13px #ffe6a4) drop-shadow(0 0 25px #ffb12b)}}

/* Audio archive and archive-wide holographic systems upgrade. */
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 49.8%,#7ff4ff09 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#7ff4ff08 50%,transparent 50.2%);background-size:84px 84px;perspective:700px;transform:translateZ(0)}
header{box-shadow:0 1px 0 #8df6ff35,0 12px 45px #000}.reader-console,.audio-console{isolation:isolate}.reader-console:after,.audio-console:after{content:"";position:absolute;inset:7px;pointer-events:none;border:1px solid #8df5ff14;clip-path:polygon(0 0,23% 0,26% 3px,74% 3px,77% 0,100% 0,100% 100%,77% 100%,74% calc(100% - 3px),26% calc(100% - 3px),23% 100%,0 100%)}.reader-console:before,.audio-console:before{content:"AUGMENTED // HOLOGRAPHIC MATRIX";position:absolute;z-index:8;right:30px;top:-10px;padding:3px 9px;background:#05090b;color:#69dce7;font:600 8px monospace;letter-spacing:.18em;border-inline:1px solid #62eafa55}.console-corner{filter:drop-shadow(0 0 5px #65eaff)}.status b,.issue-brand b,.audio-head b{filter:drop-shadow(0 0 6px currentColor)}
#audiobook{display:none;min-height:calc(100vh - 134px);padding:clamp(30px,5vw,70px);max-width:1600px;margin:auto;background:radial-gradient(circle at 58% 28%,#1e6b7633,transparent 32%),linear-gradient(135deg,#030607,#081216 54%,#050708)}#audiobook.active{display:block}.audio-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #3e6870;padding-bottom:22px;margin-bottom:24px}.audio-head p,.audio-telemetry>p{font:700 10px monospace;letter-spacing:.2em;color:#68dbe6}.audio-head h1{font:italic 900 clamp(46px,7vw,96px)/.8 Arial Black,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.07em;margin:9px 0 0;text-shadow:7px 7px 0 #123139}.audio-signal{display:flex;align-items:center;gap:10px;color:#89aeb4;font:10px monospace;letter-spacing:.12em}.audio-signal i{width:9px;height:9px;border-radius:50%;background:#8bf7cb;box-shadow:0 0 14px #8bf7cb;animation:audio-led 1.8s ease-in-out infinite}.audio-signal b{color:#8bf7cb}.audio-console{position:relative;display:grid;grid-template-columns:minmax(235px,320px) minmax(420px,1fr) 260px;min-height:620px;border:1px solid #527b83;background:#04090bd9;clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px);box-shadow:18px 22px 0 #020303,0 0 70px #4ee8f515}.audio-chapters{padding:25px 17px;border-right:1px solid #29464c;background:linear-gradient(180deg,#0a1418,#040809)}.audio-issue{width:100%;display:grid;grid-template-columns:28px 68px 1fr;gap:10px;align-items:center;margin-bottom:14px;padding:10px;background:#071013;border:1px solid #273e44;color:white;text-align:left;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));cursor:pointer}.audio-issue>span{color:#55767d;font:700 9px monospace}.audio-issue img{width:68px;aspect-ratio:2/3;object-fit:contain;background:#020506}.audio-issue small,.audio-issue em{display:block;color:#65868c;font:7px monospace;letter-spacing:.08em}.audio-issue b{display:block;font:800 12px/1.05 Arial,sans-serif;margin:7px 0}.audio-issue em{font-style:normal}.audio-issue.active{border-color:#71eaf5;background:#0b1b1f;box-shadow:inset 3px 0 #73edf8,0 0 24px #53e3ef12}.audio-issue.active>span,.audio-issue.active small{color:#78edf7}.audio-core{position:relative;padding:24px clamp(22px,4vw,60px) 34px;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:linear-gradient(#5be8f506 1px,transparent 1px),linear-gradient(90deg,#5be8f506 1px,transparent 1px);background-size:28px 28px}.audio-core:before{content:"";position:absolute;width:560px;height:560px;top:-270px;border:1px solid #75ecf521;border-radius:50%;box-shadow:0 0 0 42px #72ecf507,0 0 0 86px #72ecf506}.holo-emitter{position:relative;width:min(260px,55vw);height:300px;display:grid;place-items:center;perspective:900px}.holo-emitter>i{position:absolute;bottom:9px;width:72%;height:28%;border:1px solid #66e9f488;border-radius:50%;transform:rotateX(72deg);box-shadow:0 0 20px #53dfeb55,inset 0 0 20px #53dfeb33;animation:holo-ring 3s ease-in-out infinite}.holo-emitter>i:nth-child(2){width:52%;bottom:25px;animation-delay:-1s}.holo-emitter>i:nth-child(3){width:86%;bottom:-8px;animation-delay:-2s}.holo-cover{position:relative;width:142px;transform:perspective(800px) rotateY(-7deg);filter:drop-shadow(0 0 16px #69efff88);animation:cover-float 4.4s ease-in-out infinite}.holo-cover:before{content:"";position:absolute;inset:-16px;border:1px solid #6deaf577;clip-path:polygon(0 0,38% 0,43% 5px,100% 5px,100% 100%,62% 100%,57% calc(100% - 5px),0 calc(100% - 5px))}.holo-cover img{width:100%;display:block;opacity:.84;mix-blend-mode:screen}.holo-cover span{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#9bf8ff15 4px 5px);animation:holo-scan 3.5s linear infinite}.waveform{height:54px;width:min(560px,100%);display:flex;align-items:center;justify-content:center;gap:4px;border-block:1px solid #31535a;padding:7px}.waveform i{width:3px;height:calc(var(--n)*1px);background:#5edfeb;box-shadow:0 0 5px #5edfeb;opacity:.42;transform-origin:center}.audio-transmitting .waveform i{animation:wave-talk .7s calc(var(--n)*-.025s) ease-in-out infinite alternate}.audio-readout{text-align:center;min-height:120px;padding-top:18px}.audio-readout small{color:#63dfe9;font:700 9px monospace;letter-spacing:.18em}.audio-readout h2{font:900 clamp(28px,4vw,48px)/.9 Arial Black,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.05em;margin:9px 0}.audio-readout p{max-width:620px;margin:0;color:#c8d8da;font:16px/1.45 Georgia,serif;text-wrap:balance}.audio-progress{width:min(640px,100%);margin-top:auto}.audio-progress input{width:100%;accent-color:#6ce8f4}.audio-progress div{display:flex;justify-content:space-between;color:#6e9298;font:9px monospace;letter-spacing:.12em}.audio-progress b{color:#9beff5}.audio-controls{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:18px}.audio-controls button,.audio-controls select{min-height:42px;border:1px solid #38666e;background:#071114;color:#dffbfc;padding:0 14px;cursor:pointer;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.audio-controls .audio-play{width:58px;height:58px;background:#74eaf5;color:#031012;border:0;box-shadow:0 0 28px #5ee6f566;font-size:18px}.audio-controls label{color:#63868d;font:8px monospace;letter-spacing:.11em}.audio-controls select{display:block;min-height:32px;margin-top:3px}.audio-telemetry{padding:26px 18px;border-left:1px solid #29464c;background:#050b0d}.radar{position:relative;aspect-ratio:1;margin:28px auto;width:180px;border:1px solid #54dae6;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,transparent 0 21%,#64e2ed1c 22% 22.7%),linear-gradient(90deg,transparent 49.5%,#65e5ef44 50%,transparent 50.5%),linear-gradient(transparent 49.5%,#65e5ef44 50%,transparent 50.5%);box-shadow:inset 0 0 25px #52e1ed13,0 0 18px #52e1ed17}.radar i{position:absolute;inset:10%;border-top:1px solid #8cf3fa66;border-radius:50%;animation:radar-spin 5s linear infinite}.radar i:nth-child(2){inset:24%;animation-direction:reverse;animation-duration:3.2s}.radar i:nth-child(3){inset:38%;animation-duration:2.1s}.radar b{color:#91f5fb;font-size:30px;text-shadow:0 0 12px #69e9f4}.audio-telemetry dl{border-top-color:#29464c}.audio-telemetry dl div{display:block}.audio-telemetry dd{margin-top:5px;color:#b4cdd1}.audio-note{color:#719298;font:12px/1.55 Georgia,serif;border-left:1px solid #427078;padding-left:12px}.audio-telemetry dt{font-size:9px}.audio-telemetry dd{font-size:10px}
@keyframes audio-led{50%{opacity:.3;box-shadow:0 0 4px #8bf7cb}}@keyframes holo-ring{50%{transform:rotateX(72deg) scale(1.08);opacity:.35}}@keyframes cover-float{50%{transform:perspective(800px) rotateY(7deg) translateY(-8px)}}@keyframes holo-scan{to{background-position:0 40px}}@keyframes wave-talk{to{transform:scaleY(.28);opacity:1}}@keyframes radar-spin{to{transform:rotate(360deg)}}
@media(max-width:1150px){.audio-console{grid-template-columns:240px 1fr}.audio-telemetry{display:none}}@media(max-width:760px){#audiobook{padding:28px 12px 110px;min-height:calc(100vh - 134px)}.audio-head{align-items:start}.audio-head h1{font-size:45px}.audio-signal{display:none}.audio-console{display:block;clip-path:none;box-shadow:0 14px 45px #000}.audio-chapters{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px;border:0;border-bottom:1px solid #29464c}.audio-issue{display:block;margin:0;padding:8px}.audio-issue>span,.audio-issue img{display:none}.audio-issue b{font-size:10px}.audio-core{padding:15px 14px 26px}.holo-emitter{height:240px}.holo-cover{width:112px}.audio-readout p{font-size:15px;min-height:64px}.audio-controls{flex-wrap:wrap}.audio-controls label{order:2}.audio-controls #audioReadAlong{order:3;width:100%}nav button{font-size:14px}nav small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.holo-emitter>i,.holo-cover,.waveform i,.radar i,.audio-signal i{animation:none!important}}

/* Dramatic voice cast readout. */
#audioSpeaker{display:inline-block;margin:8px 0 7px;padding:4px 9px;border-left:2px solid #72eaf5;background:#0a1a1e;color:#88edf6;font:700 9px monospace;letter-spacing:.18em;text-transform:uppercase}#audioSpeaker[data-role="NARRATOR"]{border-color:#e4b767;color:#e4c98d;background:#19150d}#audioSpeaker[data-role="MARA"],#audioSpeaker[data-role="HANNAH"]{border-color:#b7a5ff;color:#d5cbff;background:#120f20}#audioSpeaker[data-role="ORDER"],#audioSpeaker[data-role="VEYRA"]{border-color:#f26458;color:#ffaaa3;background:#1d0c0c}#audioSpeaker[data-role="SYSTEM"]{border-color:#8bf7cb;color:#aaf9dd;background:#081912}.audio-transmitting #audioSpeaker{box-shadow:0 0 18px color-mix(in srgb,currentColor 35%,transparent)}

/* homepage-coordinate.css */
#releaseHub { min-height:calc(100svh - 62px);padding:clamp(20px,3vw,38px) clamp(18px,5vw,72px) calc(112px + env(safe-area-inset-bottom)); }
.coordinate-series-nav{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:min(1120px,100%)!important;max-width:1120px!important;height:auto!important;margin:0 auto 24px!important;padding:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.coordinate-series-nav a{--series:#79efff;min-width:0;min-height:62px;padding:10px 13px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;border:1px solid color-mix(in srgb,var(--series) 42%,#31454d);background:linear-gradient(120deg,color-mix(in srgb,var(--series) 10%,#071014),#050a0d);color:#e9eeee;text-decoration:none;box-shadow:inset 3px 0 var(--series);transition:border-color .2s,background .2s}
.coordinate-series-nav a:active,.coordinate-series-nav a:focus-visible{border-color:var(--series);background:color-mix(in srgb,var(--series) 15%,#071014);outline:none}
.coordinate-series-nav small{grid-row:1/3;color:var(--series);font:700 10px/1 monospace;letter-spacing:.08em}
.coordinate-series-nav span{overflow:hidden;text-overflow:ellipsis;color:#eef2ef;font:800 12px/1.15 Arial,sans-serif;letter-spacing:.035em;white-space:nowrap}
.coordinate-series-nav b{color:#71858b;font:700 8px/1.2 monospace;letter-spacing:.12em}
.coordinate-series-nav .series-zero{--series:#ff665f}.coordinate-series-nav .series-garden{--series:#a6e56e}.coordinate-series-nav .series-dark{--series:#d7aeff}
.coordinate-home-head { width:min(1120px,100%);margin:0 auto 22px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);align-items:end;gap:clamp(26px,6vw,90px);border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:20px; }
.coordinate-home-head p { margin:0; }
.coordinate-home-head>div:first-child>p { margin-bottom:10px;color:#79efff;font:11px/1.2 monospace;letter-spacing:.22em; }
.coordinate-home-head h1 { margin:0;color:#eeeae1;font:600 clamp(42px,6.4vw,78px)/.83 Georgia,serif;letter-spacing:-.055em; }
.coordinate-home-head h1 span,.coordinate-home-head h1 em { display:block;white-space:nowrap; }
.coordinate-home-head h1 em { color:#d9aa5a;font-style:normal; }
.coordinate-home-head h1 em span { display:inline;color:inherit;font:inherit; }
.coordinate-home-copy { padding-bottom:4px; }
.coordinate-home-copy p { color:#a7b0b2;font:16px/1.5 Georgia,serif; }
.coordinate-home-copy a { display:inline-block;margin-top:16px;padding:12px 16px;background:#79efff;color:#031013;text-decoration:none;font:800 11px/1 monospace;letter-spacing:.12em; }
.release-coordinate-deck { width:min(900px,100%);max-width:900px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
.release-coordinate-deck .release-card { display:grid;grid-template-columns:42% 1fr;min-height:190px; }
.release-coordinate-deck .release-card img { width:100%;height:100%;aspect-ratio:auto;object-fit:contain; }
.release-coordinate-deck .release-card div { align-self:end;padding:16px; }
.release-coordinate-deck .release-card h2 { font-size:clamp(20px,2vw,28px); }
.release-actions { width:min(900px,100%); }
@media (max-width:760px) {
  #releaseHub { padding-bottom:calc(104px + env(safe-area-inset-bottom)); }
  .coordinate-series-nav{margin:-4px auto 22px!important;gap:5px}
  .coordinate-series-nav a{min-height:78px;padding:8px 7px;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:5px;align-content:center;text-align:center;box-shadow:inset 0 3px var(--series)}
  .coordinate-series-nav small{grid-row:auto;font-size:8px}.coordinate-series-nav span{font-size:12px;line-height:1.2;white-space:normal;overflow:visible;text-overflow:clip}.coordinate-series-nav b{display:none}
  .coordinate-home-head { grid-template-columns:1fr;gap:16px; }
  .coordinate-home-head h1 { font-size:clamp(46px,14vw,68px); }
  .coordinate-home-copy p { font-size:16px; }
  .release-coordinate-deck { display:flex;padding:0 14px 8px;margin-inline:-14px;width:auto; }
  .release-coordinate-deck .release-card { display:block;min-width:72vw; }
  .release-coordinate-deck .release-card img { height:auto;aspect-ratio:2/3; }
  .release-actions { grid-template-columns:1fr; }
}
.console-screen .comic-dialogue { white-space:pre-line;overflow:auto; }
#releaseHub .motion-area{width:min(1120px,100%);margin:28px auto 38px;display:grid;grid-template-columns:minmax(200px,.65fr) minmax(0,1.35fr);gap:28px;align-items:center;padding:24px;border:1px solid #36515c;border-radius:18px;background:linear-gradient(135deg,#0d1b26,#050b10);box-shadow:0 12px 35px #0005;scroll-margin-top:80px}
#releaseHub .motion-kicker{color:#79efff;font:11px/1.4 monospace;letter-spacing:.14em}
#releaseHub .motion-copy h2{font:500 clamp(30px,3.5vw,46px)/1.06 Georgia,serif;color:#eeeae1;margin:12px 0}
#releaseHub .motion-copy>p:not(.motion-kicker){color:#b9c7ce;font:16px/1.5 Georgia,serif}
#releaseHub .motion-duration{display:block;color:#a8bcc5;font:11px/1.5 monospace;margin:18px 0}
#releaseHub .motion-copy a,#releaseHub .motion-error a{color:#79efff;text-underline-offset:5px}
#releaseHub .motion-copy a:focus-visible{outline:2px solid #79efff;outline-offset:6px}
#releaseHub .motion-player{min-width:0}
#releaseHub .motion-player video{display:block;width:100%;height:auto;aspect-ratio:854/480;object-fit:contain;background:#000;border:1px solid #314854;border-radius:8px}
#releaseHub .motion-error{color:#ddd;font:14px/1.5 sans-serif}
@media(max-width:760px){#releaseHub .motion-area{grid-template-columns:1fr;padding:16px;gap:16px;margin:24px auto 30px}#releaseHub .motion-copy h2{font-size:32px}#releaseHub .motion-duration{margin:10px 0}}
#releaseHub .motion-episodes{display:grid;gap:8px;margin-top:20px}
#releaseHub .motion-episodes button{display:grid;gap:6px;width:100%;padding:14px 16px;text-align:left;border:1px solid #314653;border-radius:10px;color:#b9c7ce;background:#081219;cursor:pointer;clip-path:none}
#releaseHub .motion-episodes button[aria-pressed=true]{border-color:#79efff;background:linear-gradient(110deg,#16313d,#0a1820);box-shadow:inset 3px 0 #79efff;color:#f1f5f4}
#releaseHub .motion-episodes small{font:10px/1.4 monospace;letter-spacing:.12em;color:#79efff}
#releaseHub .motion-episodes b{font:500 16px/1.3 sans-serif}
#releaseHub .motion-screen{position:relative}
#releaseHub .motion-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:14px 24px;border:1px solid #8eecf1aa;border-radius:40px;background:linear-gradient(130deg,#153340ee,#06121df5);color:#e6fcff;box-shadow:0 0 28px #72eaff25,inset 0 1px #ffffff24;backdrop-filter:blur(14px);font:600 11px/1.3 sans-serif;letter-spacing:.15em;white-space:nowrap;cursor:pointer;clip-path:none}
#releaseHub .motion-signal{width:10px;height:10px;border-radius:50%;background:#a7fbff;box-shadow:0 0 12px #79efff,0 0 0 5px #79efff16}
#releaseHub .motion-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding:10px;background:#08131c;border:1px solid #273d49;border-radius:10px}
#releaseHub .motion-controls button{min-height:40px;padding:8px 12px;border:1px solid #385260;border-radius:7px;background:#10232d;color:#dcf4f6;font:12px/1.2 sans-serif;cursor:pointer;clip-path:none}
#releaseHub .motion-controls input{flex:1;min-width:80px;width:100px;accent-color:#79efff}
#releaseHub .motion-time{font:10px/1.3 monospace;color:#b3cbd3}
#releaseHub .motion-start[hidden],#releaseHub .motion-controls[hidden]{display:none}
#releaseHub .motion-area button:focus-visible,#releaseHub .motion-controls input:focus-visible{outline:2px solid #a7fbff;outline-offset:4px}
#releaseHub .motion-player:fullscreen{display:flex;flex-direction:column;justify-content:center;padding:16px;background:#03080c}
#releaseHub .motion-player:fullscreen video{max-height:calc(100vh - 100px)}
@media(max-width:540px){#releaseHub .motion-controls{gap:8px}#releaseHub .motion-controls input{order:-1;flex-basis:100%;width:100%}#releaseHub .motion-controls button{flex:1;padding:8px}#releaseHub .motion-time{order:2;flex-basis:100%;text-align:center}}

/* genre-edge-pulse-v107.css */
/* Slow, single-colour edge light for the homepage series selectors. */
#releaseHub .coordinate-series-nav a {
  position: relative;
  isolation: isolate;
  --edge-delay: 0s;
}
#releaseHub .coordinate-series-nav .series-garden { --edge-delay: -2.6s; }
#releaseHub .coordinate-series-nav .series-dark { --edge-delay: -5.2s; }
#releaseHub .coordinate-series-nav a::before {
  content: "";
  position: absolute;
  inset: -1px;
  padding: 1.5px;
  border-radius: inherit;
  pointer-events: none;
  background: var(--series);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  animation: genre-edge-breathe 8s ease-in-out infinite;
  animation-delay: var(--edge-delay);
}
#releaseHub .coordinate-series-nav a::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: 0 0 12px color-mix(in srgb, var(--series) 30%, transparent), inset 0 0 9px color-mix(in srgb, var(--series) 14%, transparent);
  animation: genre-edge-breathe 8s ease-in-out infinite;
  animation-delay: var(--edge-delay);
}
#releaseHub .coordinate-series-nav a:focus-visible {
  outline: 2px solid var(--series);
  outline-offset: 4px;
}
@keyframes genre-edge-breathe {
  0%, 100% { opacity: .32; }
  50% { opacity: .95; }
}
@media (prefers-reduced-motion: reduce) {
  #releaseHub .coordinate-series-nav a::before,
  #releaseHub .coordinate-series-nav a::after { animation: none; opacity: .65; }
}

/* issue15.css */
/* Issue 015 carries its own complete cover typography. */
body[data-issue="15"] #reader #cover{display:none!important}

body[data-issue="16"] #reader #cover{display:none!important}

/* holographic.css */
#gateway{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:radial-gradient(circle at 50% 63%,#1a2030,#030408 58%,#000);opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}
#gateway.open{opacity:1;visibility:visible}.gateway-field{position:absolute;inset:0;background-image:linear-gradient(#83e9ff0b 1px,transparent 1px),linear-gradient(90deg,#83e9ff0b 1px,transparent 1px);background-size:44px 44px;perspective:700px;transform:rotateX(62deg) scale(1.8) translateY(25%)}
.coordinate-device{position:relative;width:min(62vw,570px);aspect-ratio:1;filter:drop-shadow(0 28px 45px #000) drop-shadow(0 0 30px #d9a44155);transform:translateY(12%) scale(.64);transition:1.15s cubic-bezier(.2,.85,.2,1)}.coordinate-device img{width:100%;height:100%;object-fit:cover;clip-path:polygon(50% 0,91% 17%,100% 60%,74% 95%,25% 95%,0 60%,9% 17%);border-radius:38%;filter:saturate(.75) contrast(1.15) brightness(.72)}
.device-core{position:absolute;left:40%;top:39%;width:20%;aspect-ratio:1;display:grid;place-items:center;color:#fff4c8;font-size:clamp(28px,6vw,70px);text-shadow:0 0 8px #fff,0 0 25px #ffbd48,0 0 55px #ff9d00;transition:.8s}.seam{position:absolute;left:50%;top:50%;width:46%;height:2px;transform-origin:left;background:linear-gradient(90deg,#fff3bd,#e59d25,transparent);box-shadow:0 0 12px #ffb43b}.s-a{transform:rotate(-90deg)}.s-b{transform:rotate(30deg)}.s-c{transform:rotate(150deg)}
.projection{position:absolute;left:50%;top:12%;width:min(84vw,980px);height:58vh;transform:translateX(-50%) perspective(800px) rotateX(-15deg) scaleY(.02);transform-origin:50% 100%;opacity:0;border:1px solid #9eeeff88;background:linear-gradient(180deg,#5ce5ff12,#7b5cff18),repeating-linear-gradient(0deg,transparent 0 5px,#bdf6ff12 6px 7px);box-shadow:0 0 25px #75e7ff66,inset 0 0 50px #7557ff22;clip-path:polygon(8% 0,92% 0,100% 12%,100% 88%,92% 100%,8% 100%,0 88%,0 12%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ddfaff;letter-spacing:.28em;text-align:center}.projection span{width:78%;height:1px;background:#a4f5ff;box-shadow:0 0 18px #6eeaff}.projection b{margin:22px 0 10px;font:500 clamp(20px,4vw,48px)/1 Georgia,serif}.projection small{font-size:8px;color:#bcb2ff}
#gateway.open .coordinate-device{transform:translateY(43%) scale(.44);filter:drop-shadow(0 32px 35px #000) drop-shadow(0 0 55px #ffb13b88)}#gateway.open .device-core{transform:scale(1.5)}#gateway.open .projection{animation:project-open 1.3s .28s cubic-bezier(.18,.8,.2,1) forwards}#gateway.fade{transition:.65s;opacity:0}
@keyframes project-open{60%{opacity:.9;transform:translateX(-50%) perspective(800px) rotateX(-8deg) scaleY(1.03)}100%{opacity:1;transform:translateX(-50%) perspective(800px) rotateX(0) scaleY(1)}}
#reader.materialise .reader-console{animation:holo-materialise 1s ease both}@keyframes holo-materialise{0%{opacity:0;transform:perspective(1100px) rotateX(21deg) scale(.76);filter:blur(8px) brightness(2)}45%{opacity:.85;filter:blur(1px) brightness(1.65)}100%{opacity:1;transform:none;filter:none}}
.infinity{display:inline-block;color:#8de9ff;font-family:Arial,sans-serif;font-weight:400;letter-spacing:0;text-shadow:0 0 10px #5edfff88;transform:scaleX(1.1)}
.depth-plane,.atmosphere,.atmosphere>i{position:absolute;inset:0;pointer-events:none}.depth-plane{z-index:2;background:radial-gradient(circle at 50% 45%,transparent 45%,#01030a44);mix-blend-mode:multiply}.atmosphere{z-index:4;overflow:hidden;opacity:0;transition:opacity .6s}.atmosphere-on.interior .atmosphere{opacity:.48}
.rain{inset:-35%!important;background-image:repeating-linear-gradient(104deg,transparent 0 13px,#d9f8ff66 14px,#d9f8ff00 15px 29px);background-size:28px 90px;transform:rotate(-7deg);animation:rainfall .72s linear infinite}.rain-b{opacity:.35;background-size:42px 130px;animation-duration:1.15s}.mist{top:45%!important;background:linear-gradient(90deg,transparent,#dff9ff22,transparent);filter:blur(11px);animation:mist 9s ease-in-out infinite}.wind{background:repeating-linear-gradient(175deg,transparent 0 31px,#eefcff20 32px,transparent 34px 72px);animation:wind 4.5s linear infinite}.particles{background-image:radial-gradient(circle,#ffe29c 0 1px,transparent 1.5px);background-size:37px 41px;animation:particles 8s linear infinite;opacity:.55}.lightning{background:#cbeaff;mix-blend-mode:screen;opacity:0;animation:flash 9s infinite}
body[data-weather="wind"] .rain,body[data-weather="wind"] .lightning,body[data-weather="spores"] .rain,body[data-weather="spores"] .lightning,body[data-weather="spores"] .wind,body[data-weather="rain"] .particles,body[data-weather="still"] .atmosphere{display:none}body[data-weather="rain"] .wind{opacity:.3}body[data-weather="storm"] .atmosphere{opacity:.65}body[data-weather="embers"] .rain,body[data-weather="embers"] .mist,body[data-weather="embers"] .lightning{display:none}body[data-weather="embers"] .particles{background-image:radial-gradient(circle,#ff9f55 0 1px,transparent 2px);animation-duration:5s;filter:drop-shadow(0 0 3px #ff6b31)}
.atmosphere-on.interior #page{animation:living-page 13s ease-in-out infinite;transform:scale(1.025)}@keyframes living-page{0%,100%{transform:scale(1.025) translate3d(0,0,0)}50%{transform:scale(1.045) translate3d(-.7%,.35%,0)}}@keyframes rainfall{to{transform:rotate(-7deg) translate3d(-30px,120px,0)}}@keyframes mist{0%,100%{transform:translateX(-45%);opacity:.05}50%{transform:translateX(45%);opacity:.42}}@keyframes wind{to{transform:translateX(18%)}}@keyframes particles{to{transform:translate3d(24px,-54px,0)}}@keyframes flash{0%,92%,94%,100%{opacity:0}93%{opacity:.22}}
@media(max-width:680px){.coordinate-device{width:88vw}.projection{top:9%;height:64vh}.atmosphere-on.interior .atmosphere{opacity:.4}}
@media(prefers-reduced-motion:reduce){#gateway{display:none}.atmosphere{display:none!important}#page{animation:none!important;transform:none!important}}

/* The projected reader: light, translucent and visibly unrelated to the old purple hardware. */
#reader{background:radial-gradient(ellipse at 50% 54%,#083848 0,#061017 42%,#020406 76%)}
#reader:before{opacity:.22;background-image:linear-gradient(#62e7ff 1px,transparent 1px),linear-gradient(90deg,#62e7ff 1px,transparent 1px);background-size:38px 38px;transform:perspective(700px) rotateX(63deg) scale(1.45);transform-origin:50% 75%;mask-image:radial-gradient(ellipse,#000,transparent 69%)}
.reader-console{padding:24px 28px 22px;border:1px solid #86eeff88;border-radius:8px;background:linear-gradient(135deg,#7be9ff0b,#02070bbb 42%,#d9a4410b);box-shadow:inset 0 0 45px #67e9ff0d,0 0 0 1px #d9b05b30,0 0 38px #62e7ff3d,0 36px 95px #000;filter:drop-shadow(0 0 11px #5ce9ff4d);clip-path:polygon(3% 0,97% 0,100% 5%,100% 95%,97% 100%,3% 100%,0 95%,0 5%)}
.reader-console:before,.reader-console:after,.console-corner{display:none}.violet-rail{background:linear-gradient(90deg,transparent,#f0c56e,#7ff1ff,#f0c56e,transparent);box-shadow:0 0 8px #72ebff,0 0 22px #51dfff}.vr-left,.vr-right{display:none}.vr-top{top:6px}.vr-bottom{bottom:7px}
.console-screen{border:1px solid #91efff7a;border-radius:2px;background:#031016c9;box-shadow:inset 0 0 45px #5fe8ff0b,0 0 22px #58e3ff32;backdrop-filter:blur(18px)}
.console-screen .issues{background:linear-gradient(180deg,#07171dcc,#02090dbb);border-right:1px solid #65dfee4a}.console-screen .stage{background:radial-gradient(ellipse at 50% 48%,#13596c42,#02080db8 62%);border-inline:1px solid #5ee7ff30}.console-screen .details{background:linear-gradient(180deg,#07171dcc,#02090dbb);border-left:1px solid #d9a84f42}.console-screen .stage:before{content:"△  VOLUMETRIC PAGE FIELD  △";color:#76eaff}.console-screen .screen{border:1px solid #abf4ff;box-shadow:0 0 0 1px #65e5ff44,0 0 35px #55ddff52,inset 0 0 18px #000}.console-screen .screen-hud{color:#d7fbff;background:linear-gradient(90deg,#05232dbb,transparent,#2a1d08aa);border-color:#63e8ff77;text-shadow:0 0 8px #64eaff}.issue-brand b,.detail-tabs b,.console-screen .eyebrow,.issue-name{color:#8befff;text-shadow:0 0 8px #57ddff}.console-screen .primary{background:linear-gradient(90deg,#30b9d3,#d5a447);border:0;box-shadow:0 0 18px #58dcff55}.console-screen .controls button,#focusBtn{border-color:#5adbea66!important;background:#051218aa!important;color:#d9faff!important}.console-footer{color:#7fdce9}.console-footer i{background:linear-gradient(90deg,transparent,#6ee9ff 35%,#e5b654 65%,transparent);box-shadow:0 0 11px #62e7ff}.console-footer:before{content:"PROJECTION / STABLE";color:#72e9c5}

/* Page-authored effects: layers are enabled only when the illustrated scene calls for them. */
.atmosphere>i{display:none}.atmosphere-on.interior .atmosphere{opacity:.42}.atmosphere-on.interior #page{animation:none;transform:scale(1.018)}
body[data-weather="rain"] .rain,body[data-weather="rain"] .mist,body[data-weather="wind"] .wind,body[data-weather="roots"] .mist,body[data-weather="roots"] .particles,body[data-weather="dust"] .particles,body[data-weather="scan"] .wind,body[data-weather="light"] .mist,body[data-weather="pulse"] .lightning,body[data-weather="sparks"] .particles,body[data-weather="sparks"] .lightning,body[data-weather="bloom"] .particles,body[data-weather="bloom"] .mist,body[data-weather="signal"] .particles,body[data-weather="signal"] .lightning,body[data-weather="data"] .wind,body[data-weather="data"] .particles,body[data-weather="memory"] .mist,body[data-weather="reveal"] .mist,body[data-weather="reveal"] .lightning,body[data-weather="blackout"] .particles,body[data-weather="embers"] .particles,body[data-weather="embers"] .mist{display:block}
body[data-weather="rain"] #page{animation:rain-depth 12s ease-in-out infinite}body[data-weather="wind"] #page{animation:wind-depth 9s ease-in-out infinite}body[data-weather="roots"] #page,body[data-weather="bloom"] #page{animation:root-breathe 8s ease-in-out infinite;transform-origin:50% 85%}body[data-weather="signal"] .particles,body[data-weather="pulse"] .lightning{filter:hue-rotate(145deg) drop-shadow(0 0 4px #64eaff)}body[data-weather="scan"] .wind,body[data-weather="data"] .wind{background:repeating-linear-gradient(0deg,transparent 0 18px,#77ebff28 19px,transparent 21px 48px);animation:scan 4s linear infinite}body[data-weather="dust"] .particles,body[data-weather="memory"] .mist{filter:sepia(.75)}body[data-weather="blackout"] .particles{filter:hue-rotate(150deg);animation:signal-fail 2.7s steps(2) infinite}body[data-weather="still"] .atmosphere{opacity:0}
@keyframes rain-depth{0%,100%{transform:scale(1.02)}50%{transform:scale(1.035) translateY(-.25%)}}@keyframes wind-depth{0%,100%{transform:scale(1.025) translateX(.3%)}50%{transform:scale(1.04) translateX(-.7%)}}@keyframes root-breathe{0%,100%{transform:scale(1.018)}50%{transform:scale(1.035) translateY(-.35%)}}@keyframes scan{to{transform:translateY(54px)}}@keyframes signal-fail{0%,72%,100%{opacity:.18}74%,82%{opacity:.72}}
@media(max-width:900px){.reader-console{padding:18px 16px 16px;border-radius:5px}.console-screen{border-radius:1px}}@media(prefers-reduced-motion:reduce){.atmosphere{display:none!important}#page{animation:none!important;transform:none!important}}

/* Precision motion pass — effects are anchored to illustrated objects, not laid over the page. */
.atmosphere>i{display:none;position:absolute;pointer-events:none}.atmosphere-on.interior .atmosphere{opacity:1}
body[data-weather="calibration"] .calibration-pulse{display:block;z-index:2;left:57%;top:21%;width:36%;height:52%;clip-path:polygon(50% 0,100% 100%,0 100%);background:radial-gradient(circle at 50% 64%,#fff 0 1%,#ffd676 3%,#ffb83333 14%,transparent 38%),linear-gradient(60deg,transparent 47%,#ffe7a888 49%,transparent 52%),linear-gradient(-60deg,transparent 47%,#ffe7a888 49%,transparent 52%);filter:drop-shadow(0 0 5px #ffc14d) drop-shadow(0 0 16px #ffa928);transform-origin:50% 64%;animation:calibrate 2.8s cubic-bezier(.35,0,.25,1) infinite}
body[data-weather="calibration"] .calibration-pulse:before,body[data-weather="calibration"] .calibration-pulse:after{content:"";position:absolute;left:50%;top:64%;width:18%;aspect-ratio:1;border:1px solid #fff0b5;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 9px #ffd265;animation:calibration-ring 2.8s ease-out infinite}body[data-weather="calibration"] .calibration-pulse:after{animation-delay:1.4s}
body[data-weather="droplet"] .leaf-drop{display:block;z-index:5;left:70%;top:31%;width:7px;height:10px;border-radius:70% 30% 65% 35%;background:radial-gradient(circle at 32% 26%,#fff 0 11%,#bff6ff 18%,#65d8f4 48%,#1c718f 76%);box-shadow:0 0 4px #c9f8ff,0 2px 7px #4fc5e9;transform:rotate(45deg);animation:leaf-to-hand 4.2s cubic-bezier(.38,.05,.3,1) infinite}
body[data-weather="hallway"] .holo-hallway{display:block;z-index:1;inset:5% 1% 16% 23%;background:linear-gradient(90deg,transparent 0 6%,#82edff25 7% 32%,transparent 33% 41%,#65e7ff20 42% 67%,transparent 68%),repeating-linear-gradient(0deg,transparent 0 23px,#baf7ff20 24px,transparent 26px);clip-path:polygon(10% 0,94% 0,100% 48%,91% 100%,2% 100%,18% 51%);mix-blend-mode:screen;filter:drop-shadow(0 0 6px #62e7ff);animation:hallway-panels 3.6s ease-in-out infinite}
body[data-weather="hallway"] .holo-hallway:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,#d8fcff55 48%,transparent 52%);transform:translateY(-100%);animation:holo-scan 2.8s linear infinite}
body[data-weather="face-hologram"] .face-transmission{display:block;z-index:3;inset:7% 5% 13%;background:repeating-linear-gradient(0deg,transparent 0 20px,#c6f7ff22 21px,transparent 23px);mix-blend-mode:screen;filter:drop-shadow(0 0 4px #7ceaff);animation:face-lock 3.2s steps(1) infinite}
@keyframes calibrate{0%,100%{opacity:.42;transform:scale(.985)}46%{opacity:.95;transform:scale(1.025)}52%{opacity:1;transform:scale(1.055)}58%{opacity:.65;transform:scale(1.01)}}@keyframes calibration-ring{0%{opacity:.9;transform:translate(-50%,-50%) scale(.4)}70%,100%{opacity:0;transform:translate(-50%,-50%) scale(4.6)}}
@keyframes leaf-to-hand{0%,18%{opacity:0;transform:translate(0,0) rotate(45deg) scale(.55)}24%{opacity:1;transform:translate(0,0) rotate(45deg) scale(1)}68%{opacity:1;transform:translate(-31px,58px) rotate(45deg) scale(.82)}74%,100%{opacity:0;transform:translate(-33px,61px) rotate(45deg) scale(.18)}}
@keyframes hallway-panels{0%,100%{opacity:.36;transform:perspective(500px) translateX(0)}50%{opacity:.82;transform:perspective(500px) translateX(1.2%)}}@keyframes holo-scan{to{transform:translateY(100%)}}@keyframes face-lock{0%,93%,100%{opacity:.35;transform:translateX(0)}94%{opacity:.72;transform:translateX(2px)}96%{opacity:.28;transform:translateX(-2px)}}

/* Mobile projection frame stays fully inside the viewport. */
@media(max-width:900px){#reader.active{width:100%;padding:10px 8px 88px;overflow-x:hidden}.reader-console,#reader.focus-reader .reader-console{width:calc(100vw - 20px);max-width:calc(100vw - 20px);margin:0 auto;padding:16px 12px 15px;clip-path:none;border:1px solid #8ff1ff66;background:linear-gradient(135deg,#57e7ff0d,#02080cde 50%,#e4b95a0d);box-shadow:inset 0 0 28px #65eaff12,0 0 16px #52e5ff32}.reader-console:before,.reader-console:after{display:block;top:8px;bottom:8px;width:1px;border:0;background:linear-gradient(transparent,#7decff,#e7bb5f,#7decff,transparent);box-shadow:0 0 9px #69e9ff}.reader-console:before{left:5px}.reader-console:after{right:5px}.console-screen{width:100%;max-width:100%}#reader.focus-reader .stage{height:min(70svh,650px);min-height:430px}.console-footer{padding-inline:5px}}
@media(prefers-reduced-motion:reduce){.calibration-pulse,.leaf-drop,.holo-hallway,.face-transmission{display:none!important}}

/* Articulated device opening: four photographed shell sections separate around the live core. */
.device-panel{position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 50% 52%,rgba(121,239,255,.2),transparent 22%),linear-gradient(145deg,#101e27 0%,#020607 42%,#19313c 74%,#05090d 100%);border:1px solid rgba(121,239,255,.28);opacity:0;will-change:transform,opacity;filter:brightness(.9) contrast(1.12) saturate(.82) drop-shadow(0 5px 8px #000)}.panel-n{clip-path:polygon(50% 0,91% 17%,70% 52%,50% 58%,30% 52%,9% 17%)}.panel-e{clip-path:polygon(91% 17%,100% 60%,74% 95%,50% 58%,70% 52%)}.panel-s{clip-path:polygon(74% 95%,25% 95%,50% 58%)}.panel-w{clip-path:polygon(9% 17%,30% 52%,50% 58%,25% 95%,0 60%)}
#gateway.open .coordinate-device>img{animation:shell-fade 1.7s ease forwards}#gateway.open .panel-n{animation:open-n 1.7s .18s cubic-bezier(.2,.75,.22,1) forwards}#gateway.open .panel-e{animation:open-e 1.7s .18s cubic-bezier(.2,.75,.22,1) forwards}#gateway.open .panel-s{animation:open-s 1.7s .18s cubic-bezier(.2,.75,.22,1) forwards}#gateway.open .panel-w{animation:open-w 1.7s .18s cubic-bezier(.2,.75,.22,1) forwards}#gateway.open .projection{animation:project-open 1.2s .78s cubic-bezier(.18,.8,.2,1) forwards}#gateway.open .device-core{z-index:4;animation:core-rise 1.7s .2s ease forwards}
@keyframes shell-fade{0%,24%{opacity:1}72%,100%{opacity:.08}}@keyframes open-n{0%,18%{opacity:0;transform:none}22%{opacity:1;transform:none}100%{opacity:1;transform:translateY(-17%) perspective(600px) rotateX(-22deg) scale(.94)}}@keyframes open-e{0%,18%{opacity:0;transform:none}22%{opacity:1;transform:none}100%{opacity:1;transform:translateX(18%) perspective(600px) rotateY(28deg) scale(.94)}}@keyframes open-s{0%,18%{opacity:0;transform:none}22%{opacity:1;transform:none}100%{opacity:1;transform:translateY(18%) perspective(600px) rotateX(25deg) scale(.94)}}@keyframes open-w{0%,18%{opacity:0;transform:none}22%{opacity:1;transform:none}100%{opacity:1;transform:translateX(-18%) perspective(600px) rotateY(-28deg) scale(.94)}}@keyframes core-rise{0%,22%{transform:scale(.8);opacity:.45}68%,100%{transform:scale(1.75);opacity:1}}

/* Calibration energy originates at the illustrated internal line junction; no dot or circular ripple. */
body[data-weather="calibration"] .calibration-pulse{left:58%;top:22%;width:35%;height:51%;background:linear-gradient(60deg,transparent 48.5%,#fff0b577 49.4%,transparent 50.3%),linear-gradient(-60deg,transparent 48.5%,#fff0b577 49.4%,transparent 50.3%),linear-gradient(180deg,transparent 62%,#ffc95b45 64%,transparent 67%);filter:drop-shadow(0 0 8px #ffbe45) drop-shadow(0 0 20px #ff9d1f);transform-origin:50% 64%;animation:calibration-breathe 2.5s ease-in-out infinite}
body[data-weather="calibration"] .calibration-pulse:before,body[data-weather="calibration"] .calibration-pulse:after{left:0;top:0;width:100%;height:100%;border:0;border-radius:0;clip-path:polygon(50% 2%,98% 98%,2% 98%);background:linear-gradient(60deg,transparent 48.7%,#ffe9a8 49.4%,transparent 50.1%),linear-gradient(-60deg,transparent 48.7%,#ffe9a8 49.4%,transparent 50.1%),linear-gradient(0deg,transparent 48.7%,#ffe9a8 49.4%,transparent 50.1%);box-shadow:none;transform-origin:50% 64%;animation:triangle-wave 2.5s ease-out infinite}body[data-weather="calibration"] .calibration-pulse:after{animation-delay:1.25s}
@keyframes calibration-breathe{0%,100%{opacity:.38;filter:drop-shadow(0 0 4px #ffbd45)}50%{opacity:.92;filter:drop-shadow(0 0 13px #ffd66f) drop-shadow(0 0 27px #ff9e21)}}@keyframes triangle-wave{0%{opacity:.85;transform:scale(.12)}72%,100%{opacity:0;transform:scale(1.08)}}

/* Hallway light now only energises the holograms already painted into the scene. */
body[data-weather="hallway"] .holo-hallway{inset:4% 0 15% 19%;background:linear-gradient(105deg,transparent 18%,#baf9ff00 38%,#d9fcff8a 49%,#83efff16 58%,transparent 76%);clip-path:polygon(13% 0,98% 0,100% 100%,0 100%,18% 58%);filter:blur(.7px) drop-shadow(0 0 3px #73eaff);opacity:.22;animation:hallway-reflection 4.8s ease-in-out infinite}body[data-weather="hallway"] .holo-hallway:after{display:none}
@keyframes hallway-reflection{0%,100%{opacity:.13;transform:translateX(-11%)}48%{opacity:.42}60%{opacity:.24;transform:translateX(13%)}}

@media(max-width:680px){#gateway.open .coordinate-device{transform:translateY(34%) scale(.52)}.projection{top:7%;height:61vh}#gateway.open .panel-n{animation-name:open-n-mobile}#gateway.open .panel-e{animation-name:open-e-mobile}#gateway.open .panel-s{animation-name:open-s-mobile}#gateway.open .panel-w{animation-name:open-w-mobile}}@keyframes open-n-mobile{0%,18%{opacity:0;transform:none}22%{opacity:1}100%{opacity:1;transform:translateY(-12%) scale(.95)}}@keyframes open-e-mobile{0%,18%{opacity:0;transform:none}22%{opacity:1}100%{opacity:1;transform:translateX(13%) scale(.95)}}@keyframes open-s-mobile{0%,18%{opacity:0;transform:none}22%{opacity:1}100%{opacity:1;transform:translateY(13%) scale(.95)}}@keyframes open-w-mobile{0%,18%{opacity:0;transform:none}22%{opacity:1}100%{opacity:1;transform:translateX(-13%) scale(.95)}}

/* Continuous petal-fold motion replaces the earlier segmented pop-apart action. */
#gateway.open .coordinate-device{animation:device-settle 2s cubic-bezier(.22,.72,.2,1) forwards}#gateway.open .coordinate-device>img{animation:shell-dissolve 1.15s ease forwards}.device-panel{opacity:1;transform-origin:50% 58%;backface-visibility:hidden}#gateway.open .panel-n{animation:fold-n 1.75s .12s cubic-bezier(.22,.72,.2,1) forwards}#gateway.open .panel-e{animation:fold-e 1.75s .12s cubic-bezier(.22,.72,.2,1) forwards}#gateway.open .panel-s{animation:fold-s 1.75s .12s cubic-bezier(.22,.72,.2,1) forwards}#gateway.open .panel-w{animation:fold-w 1.75s .12s cubic-bezier(.22,.72,.2,1) forwards}#gateway.open .projection{animation:project-open 1.25s .62s cubic-bezier(.22,.78,.2,1) forwards}
@keyframes device-settle{0%{transform:translateY(12%) scale(.64)}40%{transform:translateY(22%) scale(.6)}100%{transform:translateY(41%) scale(.47)}}@keyframes shell-dissolve{0%,18%{opacity:1}100%{opacity:0}}@keyframes fold-n{0%,12%{transform:none}100%{transform:perspective(850px) translateY(-9%) rotateX(-13deg) scale(.98)}}@keyframes fold-e{0%,12%{transform:none}100%{transform:perspective(850px) translateX(9%) rotateY(13deg) scale(.98)}}@keyframes fold-s{0%,12%{transform:none}100%{transform:perspective(850px) translateY(9%) rotateX(13deg) scale(.98)}}@keyframes fold-w{0%,12%{transform:none}100%{transform:perspective(850px) translateX(-9%) rotateY(-13deg) scale(.98)}}

/* Stronger line-junction pulse: a bright triangular wave expands from the true convergence point. */
body[data-weather="calibration"] .calibration-pulse{left:57%;top:20%;width:38%;height:57%;opacity:1;background:linear-gradient(60deg,transparent 49%,#fff3c7b8 49.65%,transparent 50.3%),linear-gradient(-60deg,transparent 49%,#fff3c7b8 49.65%,transparent 50.3%),linear-gradient(180deg,transparent 66%,#ffe1958f 67%,transparent 69%);transform-origin:50% 69%;animation:junction-energy 2.2s ease-in-out infinite}body[data-weather="calibration"] .calibration-pulse:before,body[data-weather="calibration"] .calibration-pulse:after{transform-origin:50% 69%;background:linear-gradient(60deg,transparent 48.8%,#fff9df 49.55%,transparent 50.3%),linear-gradient(-60deg,transparent 48.8%,#fff9df 49.55%,transparent 50.3%),linear-gradient(0deg,transparent 48.8%,#fff9df 49.55%,transparent 50.3%);animation:junction-wave 2.2s cubic-bezier(.18,.62,.25,1) infinite}body[data-weather="calibration"] .calibration-pulse:after{animation-delay:1.1s}
@keyframes junction-energy{0%,100%{filter:drop-shadow(0 0 3px #ffc357);opacity:.42}45%{filter:drop-shadow(0 0 10px #ffe8a5) drop-shadow(0 0 26px #ff9e25);opacity:1}58%{filter:drop-shadow(0 0 5px #ffd270);opacity:.66}}@keyframes junction-wave{0%{opacity:1;transform:scale(.035)}68%{opacity:.65}100%{opacity:0;transform:scale(1.12)}}

/* Hallway panel response is confined to the clear right-hand plane, away from Mara. */
body[data-weather="hallway"] .holo-hallway{inset:9% 2% 20% 72%;clip-path:polygon(36% 0,100% 8%,100% 89%,39% 100%,0 52%);background:linear-gradient(112deg,transparent 34%,#ecfeffb8 49%,#7deeff24 55%,transparent 68%);filter:drop-shadow(0 0 4px #6aeaff);animation:panel-breathe 4.2s ease-in-out infinite}body[data-weather="hallway"] .holo-hallway:before{content:"";position:absolute;inset:0;border-left:1px solid #c6fbff99;border-right:1px solid #72eaff55;opacity:.55}
@keyframes panel-breathe{0%,100%{opacity:.12;transform:translateX(-9%)}48%{opacity:.48}68%{opacity:.2;transform:translateX(9%)}}

@media(max-width:680px){#gateway.open .coordinate-device{animation-name:device-settle-mobile}#gateway.open .panel-n{animation-name:fold-n-mobile}#gateway.open .panel-e{animation-name:fold-e-mobile}#gateway.open .panel-s{animation-name:fold-s-mobile}#gateway.open .panel-w{animation-name:fold-w-mobile}}@keyframes device-settle-mobile{0%{transform:translateY(12%) scale(.64)}100%{transform:translateY(35%) scale(.52)}}@keyframes fold-n-mobile{to{transform:translateY(-7%) scale(.985)}}@keyframes fold-e-mobile{to{transform:translateX(7%) scale(.985)}}@keyframes fold-s-mobile{to{transform:translateY(7%) scale(.985)}}@keyframes fold-w-mobile{to{transform:translateX(-7%) scale(.985)}}

/* Final colour and title consistency pass. */
:root{--violet:#42dbea;--violet-hot:#a8f5ff}.infinity{display:inline-flex;align-items:center;justify-content:center;width:1.58em;font-size:1.18em;line-height:.72;vertical-align:-.08em;color:#8cefff;transform:none;margin:0 .01em;text-shadow:0 0 9px #57e3f5}
#cover h1{font-size:clamp(28px,3.9vw,56px);line-height:.92;letter-spacing:-.045em;overflow:visible;white-space:nowrap}#cover h1 br{display:block}.comic-dialogue,.console-screen .comic-dialogue{border-left-color:#4de2ef!important}.console-screen #dots i.on,#dots i.on{background:#73edfa;box-shadow:0 0 8px #48dce9}#pageGrid button.on,#thumbGrid button.on{color:#a9f7ff;border-color:#62e7f3;box-shadow:0 0 9px #46dce966}.thumb.chosen,.console-screen .issues .thumb.chosen{border-color:#77edf8;box-shadow:0 0 10px #51deea55}.detail-tabs b{border-bottom-color:#59e3ef}
@media(max-width:680px){#cover h1{font-size:clamp(27px,8.8vw,40px);letter-spacing:-.05em}.infinity{width:1.5em;font-size:1.16em}.library-grid .infinity,.details .infinity{width:1.45em}}

.projection{background:linear-gradient(180deg,#5ce5ff14,#d9a44112),repeating-linear-gradient(0deg,transparent 0 5px,#bdf6ff12 6px 7px)}.projection small{color:#e5bd6d}.console-screen .status b,#thumbGrid span,.console-footer button,.console-screen .code button{color:#8ceef8}.console-screen .status{color:#a5c4c9}.detail-tabs{color:#6f9298}.console-screen .secondary{border-color:#3c8993}.issue-brand{border-bottom-color:#39747d}.comic-dialogue{box-shadow:4px 4px 0 #071116,0 0 15px #45ddea22}.console-screen .screen:after{background:linear-gradient(115deg,#ffffff0a,transparent 25%,transparent 73%,#62e7ff0a)}

/* Six hinged petals open in a circular sequence before the projection forms. */
.panel-n{clip-path:polygon(50% 51%,20% 12%,50% 0,80% 12%)}.panel-ne{clip-path:polygon(50% 51%,80% 12%,100% 43%,87% 64%)}.panel-e{clip-path:polygon(50% 51%,87% 64%,72% 96%,50% 100%)}.panel-s{clip-path:polygon(50% 51%,72% 96%,50% 100%,27% 96%)}.panel-sw{clip-path:polygon(50% 51%,27% 96%,13% 65%)}.panel-w{clip-path:polygon(50% 51%,20% 12%,0 43%,13% 65%)}
#gateway.open .coordinate-device{animation:flower-device 2.7s cubic-bezier(.2,.68,.18,1) forwards}#gateway.open .coordinate-device>img{animation:flower-base 1.25s ease forwards}#gateway.open .panel-n{animation:petal-n 1.55s .12s cubic-bezier(.18,.76,.2,1) forwards}#gateway.open .panel-ne{animation:petal-ne 1.55s .2s cubic-bezier(.18,.76,.2,1) forwards}#gateway.open .panel-e{animation:petal-e 1.55s .28s cubic-bezier(.18,.76,.2,1) forwards}#gateway.open .panel-s{animation:petal-s 1.55s .36s cubic-bezier(.18,.76,.2,1) forwards}#gateway.open .panel-sw{animation:petal-sw 1.55s .44s cubic-bezier(.18,.76,.2,1) forwards}#gateway.open .panel-w{animation:petal-w 1.55s .52s cubic-bezier(.18,.76,.2,1) forwards}#gateway.open .projection{animation:projection-after-bloom .72s 1.95s cubic-bezier(.2,.78,.2,1) forwards}#gateway.open .device-core{animation:flower-core 2.45s .12s ease forwards}
@keyframes flower-device{0%{transform:translateY(12%) scale(.64);opacity:1}62%{transform:translateY(25%) scale(.56);opacity:1}80%{transform:translateY(36%) scale(.48);opacity:1}100%{transform:translateY(41%) scale(.43);opacity:0}}@keyframes flower-base{0%,15%{opacity:1}100%{opacity:0}}@keyframes petal-n{to{transform:perspective(850px) translateY(-12%) rotateX(-27deg) scale(.975)}}@keyframes petal-ne{to{transform:perspective(850px) translate(9%,-7%) rotateZ(4deg) rotateY(24deg) scale(.975)}}@keyframes petal-e{to{transform:perspective(850px) translate(11%,7%) rotateZ(7deg) rotateY(25deg) scale(.975)}}@keyframes petal-s{to{transform:perspective(850px) translateY(12%) rotateX(27deg) scale(.975)}}@keyframes petal-sw{to{transform:perspective(850px) translate(-9%,7%) rotateZ(-6deg) rotateY(-24deg) scale(.975)}}@keyframes petal-w{to{transform:perspective(850px) translate(-11%,-5%) rotateZ(-4deg) rotateY(-25deg) scale(.975)}}@keyframes flower-core{0%,22%{opacity:.35;transform:scale(.7)}62%{opacity:1;transform:scale(1.65)}82%,100%{opacity:0;transform:scale(2.15)}}@keyframes projection-after-bloom{0%{opacity:0;transform:translateX(-50%) perspective(900px) rotateX(-10deg) scale(.88,.02);filter:blur(5px)}100%{opacity:1;transform:translateX(-50%) perspective(900px) rotateX(0) scale(1);filter:none}}

/* Locked title composition prevents the infinity mark from breaking the word. */
#cover h1>span,.details h2>span,.card h2>span{display:block}.coordinate-word{display:block!important;white-space:nowrap;word-break:keep-all;overflow:visible;letter-spacing:-.055em}.coordinate-word .infinity{display:inline-flex;align-items:center;justify-content:center;width:1.02em;margin:0 -.025em;font-size:1.04em;line-height:.82;vertical-align:-.035em}.card h2{font-size:clamp(30px,4.1vw,42px);line-height:.94;letter-spacing:-.035em}.details h2{line-height:.9}.library-grid{align-items:start}.card{overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s}.card:active{transform:scale(.995)}.card:focus-visible{outline:2px solid #73eaf5;outline-offset:3px}#library{padding-bottom:calc(110px + env(safe-area-inset-bottom))}nav{padding-bottom:env(safe-area-inset-bottom);height:calc(68px + env(safe-area-inset-bottom))}
@media(max-width:680px){#cover h1{white-space:normal}.coordinate-word .infinity{width:1.01em;margin:0 -.02em;font-size:1.03em}.card h2{font-size:clamp(31px,9.3vw,41px);line-height:.92;margin-top:12px}.library-grid{gap:28px}.card{padding:18px}.card img{border:1px solid #34545a}}

/* Sharp handoff: no issue, cover or reader element is ever blurred on entry. */
#reader.materialise .reader-console{animation:reader-sharp-in .42s cubic-bezier(.2,.75,.2,1) both;filter:none!important}
#reader.materialise .console-screen,#reader.materialise .screen,#reader.materialise #page{filter:none!important}
@keyframes reader-sharp-in{0%{opacity:0;transform:translateY(5px) scale(.992)}100%{opacity:1;transform:none}}

/* Captions have a dedicated reading rail; they never sit on the artwork. */
.interior .console-screen .screen{background:#05090b}.interior .console-screen .screen>#page{inset:0 0 18%;background-color:#05090b}.console-screen .comic-dialogue{left:0;right:0;bottom:0;height:18%;max-height:none;display:none;align-items:center;margin:0;padding:10px 14px;border:0!important;border-top:1px solid #55dce877!important;background:#071116!important;color:#eefbfd!important;box-shadow:inset 0 7px 18px #0008!important;font-family:Georgia,serif;font-weight:600;line-height:1.28}.console-screen .comic-dialogue.show{display:flex}
@media(max-width:680px){.interior .console-screen .screen>#page{inset:0 0 21%}.console-screen .comic-dialogue{height:21%;padding:8px 10px;font-size:12px}}

/* Issue 005: light comes from the screens painted into the artwork. */
body[data-issue="5"][data-weather="node-alert"] .calibration-pulse,body[data-issue="5"][data-weather="node-reveal"] .calibration-pulse{display:block;border:0;border-radius:0;box-shadow:none;mix-blend-mode:screen;animation:node-screen-breathe 2.35s ease-in-out infinite}
body[data-issue="5"][data-weather="node-alert"] .calibration-pulse{inset:26% 20% 28%;background:radial-gradient(ellipse at center,#ffebe4b8 0,#f4433640 26%,#ef1c1900 68%);filter:drop-shadow(0 0 10px #ef3939)}
body[data-issue="5"][data-weather="node-reveal"] .calibration-pulse{inset:37% 18% 24%;background:radial-gradient(ellipse at center,#e3fbffae 0,#4cdbff32 30%,#29ccff00 72%);filter:drop-shadow(0 0 9px #4ce2ff)}
body[data-issue="5"][data-weather^="node-"] .calibration-pulse:before,body[data-issue="5"][data-weather^="node-"] .calibration-pulse:after{display:none}
@keyframes node-screen-breathe{0%,100%{opacity:.16;transform:scale(.96)}48%{opacity:.72;transform:scale(1.025)}62%{opacity:.34;transform:scale(1)}}

/* Issue 006: Daniel's transmission breathes from the illustrated hologram. */
body[data-issue="6"][data-weather="node-reveal"] .face-transmission{display:block;inset:8% 8% 25%;background:linear-gradient(180deg,transparent 0 8%,#bff7ff1a 9% 10%,transparent 11% 19%,#bff7ff16 20% 21%,transparent 22%),radial-gradient(ellipse at 50% 42%,#dffcff52,transparent 58%);mix-blend-mode:screen;filter:drop-shadow(0 0 7px #71e9ff);animation:daniel-transmission 3.1s ease-in-out infinite}
@keyframes daniel-transmission{0%,100%{opacity:.16;transform:translateY(1px)}48%{opacity:.55;transform:translateY(-1px)}54%{opacity:.27;transform:translateX(1px)}58%{opacity:.5;transform:translateX(0)}}

/* Issue 007: light follows the city rings and defensive shield already painted in-frame. */
body[data-issue="7"][data-weather="node-reveal"] .calibration-pulse{display:block;inset:15% 9% 24%;width:auto;height:auto;clip-path:none;border:0;background:repeating-radial-gradient(ellipse at 50% 58%,transparent 0 12%,#bdf8ff22 13%,transparent 14% 24%);mix-blend-mode:screen;filter:drop-shadow(0 0 7px #67e8ff);transform-origin:50% 58%;animation:lower-city-wave 3.2s ease-in-out infinite}
body[data-issue="7"][data-weather="node-reveal"] .calibration-pulse:before,body[data-issue="7"][data-weather="node-reveal"] .calibration-pulse:after{display:none}
@keyframes lower-city-wave{0%,100%{opacity:.12;transform:scale(.97)}50%{opacity:.58;transform:scale(1.025)}}

/* Issue 008: restrained energy follows the painted future branches and final signal. */
body[data-issue="8"][data-weather="node-reveal"] .calibration-pulse{display:block;inset:13% 8% 23%;width:auto;height:auto;clip-path:none;border:0;background:radial-gradient(ellipse at 50% 48%,#dffcff4a 0,#75eaff20 24%,transparent 61%);mix-blend-mode:screen;filter:drop-shadow(0 0 8px #72eaff);transform-origin:50% 52%;animation:white-vault-signal 3.4s ease-in-out infinite}
body[data-issue="8"][data-weather="node-reveal"] .calibration-pulse:before,body[data-issue="8"][data-weather="node-reveal"] .calibration-pulse:after{display:none}
@keyframes white-vault-signal{0%,100%{opacity:.1;transform:scale(.975)}52%{opacity:.52;transform:scale(1.02)}}

/* Issues 009–010: the glow is anchored to the painted monolith, ark and star network. */
body[data-issue="9"][data-weather="node-reveal"] .calibration-pulse,body[data-issue="10"][data-weather="node-reveal"] .calibration-pulse{display:block;inset:10% 7% 22%;width:auto;height:auto;clip-path:none;border:0;background:radial-gradient(ellipse at 50% 48%,#e6fdff52 0,#73eaff20 22%,transparent 60%);mix-blend-mode:screen;filter:drop-shadow(0 0 8px #72eaff);transform-origin:50% 52%;animation:deep-signal 3.6s ease-in-out infinite}
body[data-issue="9"][data-weather="node-reveal"] .calibration-pulse:before,body[data-issue="9"][data-weather="node-reveal"] .calibration-pulse:after,body[data-issue="10"][data-weather="node-reveal"] .calibration-pulse:before,body[data-issue="10"][data-weather="node-reveal"] .calibration-pulse:after{display:none}
@keyframes deep-signal{0%,100%{opacity:.08;transform:scale(.98)}48%{opacity:.5;transform:scale(1.018)}62%{opacity:.22;transform:scale(1)}}

/* Archive-wide proportion lock: preserve every page edge and every cover. */
body.atmosphere-on.interior #page,.interior #page{transform:none!important;transform-origin:center!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}.thumb img,.card img,.cover-card img{object-fit:contain!important;object-position:center!important;background:#05090b}.card img{height:auto!important;aspect-ratio:2/3}.thumb{background:#05090b}.screen>#page{background-color:#05090b!important;border-color:#10262c!important;box-shadow:none!important}

/* Final flower cycle: one fluid bloom, projection only after full opening, then a clean blackout. */
#gateway{transition:opacity .78s ease,visibility 0s linear .78s}
#gateway.open{transition:none}
#gateway.open .coordinate-device{animation:flower-cycle 3.05s cubic-bezier(.16,.72,.18,1) forwards}
#gateway.open .coordinate-device>img{animation:flower-shell 1.55s cubic-bezier(.2,.65,.2,1) forwards}
#gateway.open .device-panel{animation-duration:1.9s!important;animation-timing-function:cubic-bezier(.16,.72,.18,1)!important}
#gateway.open .panel-n{animation-delay:.08s!important}#gateway.open .panel-ne{animation-delay:.14s!important}#gateway.open .panel-e{animation-delay:.2s!important}#gateway.open .panel-s{animation-delay:.26s!important}#gateway.open .panel-sw{animation-delay:.32s!important}#gateway.open .panel-w{animation-delay:.38s!important}
#gateway.open .projection{animation:projection-cycle .95s 2.22s cubic-bezier(.2,.72,.2,1) forwards}
#gateway.fade .projection,#gateway.fade .coordinate-device{opacity:0!important}
@keyframes flower-cycle{0%{transform:translateY(12%) scale(.64);opacity:1}48%{transform:translateY(20%) scale(.59);opacity:1}76%{transform:translateY(32%) scale(.51);opacity:1}100%{transform:translateY(39%) scale(.45);opacity:0}}
@keyframes flower-shell{0%,24%{opacity:1}72%,100%{opacity:0}}
@keyframes projection-cycle{0%{opacity:0;transform:translateX(-50%) perspective(900px) rotateX(-4deg) scale(.96,.04)}28%{opacity:1;transform:translateX(-50%) perspective(900px) rotateX(0) scale(1)}68%{opacity:1}100%{opacity:0;transform:translateX(-50%) scale(1.015)}}

/* London flashback: effects follow painted geometry only—no free-floating particles. */
body[data-issue="11"][data-weather="calibration"] .calibration-pulse{display:block;left:27%;top:34%;width:46%;height:34%;background:linear-gradient(60deg,transparent 48.7%,#e8fbffb0 49.5%,transparent 50.3%),linear-gradient(-60deg,transparent 48.7%,#e8fbffb0 49.5%,transparent 50.3%),linear-gradient(180deg,transparent 65%,#90edff80 67%,transparent 69%);mix-blend-mode:screen;transform-origin:50% 67%;animation:london-junction 2.35s ease-in-out infinite}
body[data-issue="11"][data-weather="calibration"] .calibration-pulse:before,body[data-issue="11"][data-weather="calibration"] .calibration-pulse:after{transform-origin:50% 67%;animation:london-path 2.35s cubic-bezier(.18,.64,.22,1) infinite}body[data-issue="11"][data-weather="calibration"] .calibration-pulse:after{animation-delay:1.17s}
@keyframes london-junction{0%,100%{opacity:.18;filter:drop-shadow(0 0 3px #6eeaff)}48%{opacity:.88;filter:drop-shadow(0 0 12px #c7faff)}}@keyframes london-path{0%{opacity:.78;transform:scale(.04)}100%{opacity:0;transform:scale(1.06)}}
body[data-issue="12"][data-weather="node-reveal"] .calibration-pulse{display:block;inset:12% 8% 24%;width:auto;height:auto;clip-path:none;border:0;background:linear-gradient(112deg,transparent 20%,#79eaff1e 38%,#dbfbff55 50%,#79eaff16 62%,transparent 80%);mix-blend-mode:screen;filter:drop-shadow(0 0 7px #61e6ff);animation:predicted-paths 3.2s ease-in-out infinite}
body[data-issue="12"][data-weather="node-reveal"] .calibration-pulse:before,body[data-issue="12"][data-weather="node-reveal"] .calibration-pulse:after{display:none}@keyframes predicted-paths{0%,100%{opacity:.08;transform:translateX(-2%)}52%{opacity:.45;transform:translateX(2%)}}

/* Archive-wide cover and page lock: one frame, one title rhythm, no crop or stretch. */
.cover-card,.card img,.thumb img{background:#05090b;border:1px solid #34545a!important;box-shadow:inset 0 0 0 3px #071116;object-fit:contain!important;object-position:center!important}.cover-card img,.card img{aspect-ratio:2/3!important;width:100%!important;height:auto!important}.thumb img{width:100%;height:100%}.screen>#page{background-color:#05090b!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}.console-screen .comic-dialogue{overflow-wrap:anywhere;text-wrap:balance}.card small,.card p{min-height:1.25em}.card h2{min-height:1.9em}.coordinate-word{font-kerning:normal}.coordinate-word .infinity{width:.94em!important;margin:0 -.04em!important;font-size:1.03em!important}.display-foot strong{white-space:nowrap}.display-foot span{text-align:right}
@media(max-width:680px){.card h2{min-height:1.85em}.display-foot span{text-align:left}.console-screen .comic-dialogue{overflow:auto}}

/* Issues 013–014: light follows the illustrated archive, device and city network. */
body[data-issue="13"][data-weather="node-reveal"] .calibration-pulse,body[data-issue="14"][data-weather="node-reveal"] .calibration-pulse{display:block;inset:12% 8% 24%;width:auto;height:auto;clip-path:none;border:0;background:radial-gradient(ellipse at 50% 48%,#dffcff4d 0,#73eaff1f 24%,transparent 62%);mix-blend-mode:screen;filter:drop-shadow(0 0 8px #72eaff);animation:host-network 3.4s ease-in-out infinite}body[data-issue="13"][data-weather="node-reveal"] .calibration-pulse:before,body[data-issue="13"][data-weather="node-reveal"] .calibration-pulse:after,body[data-issue="14"][data-weather="node-reveal"] .calibration-pulse:before,body[data-issue="14"][data-weather="node-reveal"] .calibration-pulse:after{display:none}@keyframes host-network{0%,100%{opacity:.08;transform:scale(.98)}50%{opacity:.48;transform:scale(1.018)}}
body[data-issue="13"][data-weather="calibration"] .calibration-pulse,body[data-issue="14"][data-weather="calibration"] .calibration-pulse{left:31%;top:32%;width:38%;height:38%;transform-origin:50% 66%;animation:shared-junction 2.4s ease-in-out infinite}@keyframes shared-junction{0%,100%{opacity:.22;filter:drop-shadow(0 0 3px #ffca5d)}48%{opacity:.92;filter:drop-shadow(0 0 13px #ffe6a4) drop-shadow(0 0 25px #ffb12b)}}

/* Audio archive and archive-wide holographic systems upgrade. */
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 49.8%,#7ff4ff09 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#7ff4ff08 50%,transparent 50.2%);background-size:84px 84px;perspective:700px;transform:translateZ(0)}
header{box-shadow:0 1px 0 #8df6ff35,0 12px 45px #000}.reader-console,.audio-console{isolation:isolate}.reader-console:after,.audio-console:after{content:"";position:absolute;inset:7px;pointer-events:none;border:1px solid #8df5ff14;clip-path:polygon(0 0,23% 0,26% 3px,74% 3px,77% 0,100% 0,100% 100%,77% 100%,74% calc(100% - 3px),26% calc(100% - 3px),23% 100%,0 100%)}.reader-console:before,.audio-console:before{content:"AUGMENTED // HOLOGRAPHIC MATRIX";position:absolute;z-index:8;right:30px;top:-10px;padding:3px 9px;background:#05090b;color:#69dce7;font:600 8px monospace;letter-spacing:.18em;border-inline:1px solid #62eafa55}.console-corner{filter:drop-shadow(0 0 5px #65eaff)}.status b,.issue-brand b,.audio-head b{filter:drop-shadow(0 0 6px currentColor)}
#audiobook{display:none;min-height:calc(100vh - 134px);padding:clamp(30px,5vw,70px);max-width:1600px;margin:auto;background:radial-gradient(circle at 58% 28%,#1e6b7633,transparent 32%),linear-gradient(135deg,#030607,#081216 54%,#050708)}#audiobook.active{display:block}.audio-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #3e6870;padding-bottom:22px;margin-bottom:24px}.audio-head p,.audio-telemetry>p{font:700 10px monospace;letter-spacing:.2em;color:#68dbe6}.audio-head h1{font:italic 900 clamp(46px,7vw,96px)/.8 Arial Black,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.07em;margin:9px 0 0;text-shadow:7px 7px 0 #123139}.audio-signal{display:flex;align-items:center;gap:10px;color:#89aeb4;font:10px monospace;letter-spacing:.12em}.audio-signal i{width:9px;height:9px;border-radius:50%;background:#8bf7cb;box-shadow:0 0 14px #8bf7cb;animation:audio-led 1.8s ease-in-out infinite}.audio-signal b{color:#8bf7cb}.audio-console{position:relative;display:grid;grid-template-columns:minmax(235px,320px) minmax(420px,1fr) 260px;min-height:620px;border:1px solid #527b83;background:#04090bd9;clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px);box-shadow:18px 22px 0 #020303,0 0 70px #4ee8f515}.audio-chapters{padding:25px 17px;border-right:1px solid #29464c;background:linear-gradient(180deg,#0a1418,#040809)}.audio-issue{width:100%;display:grid;grid-template-columns:28px 68px 1fr;gap:10px;align-items:center;margin-bottom:14px;padding:10px;background:#071013;border:1px solid #273e44;color:white;text-align:left;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));cursor:pointer}.audio-issue>span{color:#55767d;font:700 9px monospace}.audio-issue img{width:68px;aspect-ratio:2/3;object-fit:contain;background:#020506}.audio-issue small,.audio-issue em{display:block;color:#65868c;font:7px monospace;letter-spacing:.08em}.audio-issue b{display:block;font:800 12px/1.05 Arial,sans-serif;margin:7px 0}.audio-issue em{font-style:normal}.audio-issue.active{border-color:#71eaf5;background:#0b1b1f;box-shadow:inset 3px 0 #73edf8,0 0 24px #53e3ef12}.audio-issue.active>span,.audio-issue.active small{color:#78edf7}.audio-core{position:relative;padding:24px clamp(22px,4vw,60px) 34px;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:linear-gradient(#5be8f506 1px,transparent 1px),linear-gradient(90deg,#5be8f506 1px,transparent 1px);background-size:28px 28px}.audio-core:before{content:"";position:absolute;width:560px;height:560px;top:-270px;border:1px solid #75ecf521;border-radius:50%;box-shadow:0 0 0 42px #72ecf507,0 0 0 86px #72ecf506}.holo-emitter{position:relative;width:min(260px,55vw);height:300px;display:grid;place-items:center;perspective:900px}.holo-emitter>i{position:absolute;bottom:9px;width:72%;height:28%;border:1px solid #66e9f488;border-radius:50%;transform:rotateX(72deg);box-shadow:0 0 20px #53dfeb55,inset 0 0 20px #53dfeb33;animation:holo-ring 3s ease-in-out infinite}.holo-emitter>i:nth-child(2){width:52%;bottom:25px;animation-delay:-1s}.holo-emitter>i:nth-child(3){width:86%;bottom:-8px;animation-delay:-2s}.holo-cover{position:relative;width:142px;transform:perspective(800px) rotateY(-7deg);filter:drop-shadow(0 0 16px #69efff88);animation:cover-float 4.4s ease-in-out infinite}.holo-cover:before{content:"";position:absolute;inset:-16px;border:1px solid #6deaf577;clip-path:polygon(0 0,38% 0,43% 5px,100% 5px,100% 100%,62% 100%,57% calc(100% - 5px),0 calc(100% - 5px))}.holo-cover img{width:100%;display:block;opacity:.84;mix-blend-mode:screen}.holo-cover span{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#9bf8ff15 4px 5px);animation:holo-scan 3.5s linear infinite}.waveform{height:54px;width:min(560px,100%);display:flex;align-items:center;justify-content:center;gap:4px;border-block:1px solid #31535a;padding:7px}.waveform i{width:3px;height:calc(var(--n)*1px);background:#5edfeb;box-shadow:0 0 5px #5edfeb;opacity:.42;transform-origin:center}.audio-transmitting .waveform i{animation:wave-talk .7s calc(var(--n)*-.025s) ease-in-out infinite alternate}.audio-readout{text-align:center;min-height:120px;padding-top:18px}.audio-readout small{color:#63dfe9;font:700 9px monospace;letter-spacing:.18em}.audio-readout h2{font:900 clamp(28px,4vw,48px)/.9 Arial Black,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.05em;margin:9px 0}.audio-readout p{max-width:620px;margin:0;color:#c8d8da;font:16px/1.45 Georgia,serif;text-wrap:balance}.audio-progress{width:min(640px,100%);margin-top:auto}.audio-progress input{width:100%;accent-color:#6ce8f4}.audio-progress div{display:flex;justify-content:space-between;color:#6e9298;font:9px monospace;letter-spacing:.12em}.audio-progress b{color:#9beff5}.audio-controls{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:18px}.audio-controls button,.audio-controls select{min-height:42px;border:1px solid #38666e;background:#071114;color:#dffbfc;padding:0 14px;cursor:pointer;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.audio-controls .audio-play{width:58px;height:58px;background:#74eaf5;color:#031012;border:0;box-shadow:0 0 28px #5ee6f566;font-size:18px}.audio-controls label{color:#63868d;font:8px monospace;letter-spacing:.11em}.audio-controls select{display:block;min-height:32px;margin-top:3px}.audio-telemetry{padding:26px 18px;border-left:1px solid #29464c;background:#050b0d}.radar{position:relative;aspect-ratio:1;margin:28px auto;width:180px;border:1px solid #54dae6;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,transparent 0 21%,#64e2ed1c 22% 22.7%),linear-gradient(90deg,transparent 49.5%,#65e5ef44 50%,transparent 50.5%),linear-gradient(transparent 49.5%,#65e5ef44 50%,transparent 50.5%);box-shadow:inset 0 0 25px #52e1ed13,0 0 18px #52e1ed17}.radar i{position:absolute;inset:10%;border-top:1px solid #8cf3fa66;border-radius:50%;animation:radar-spin 5s linear infinite}.radar i:nth-child(2){inset:24%;animation-direction:reverse;animation-duration:3.2s}.radar i:nth-child(3){inset:38%;animation-duration:2.1s}.radar b{color:#91f5fb;font-size:30px;text-shadow:0 0 12px #69e9f4}.audio-telemetry dl{border-top-color:#29464c}.audio-telemetry dl div{display:block}.audio-telemetry dd{margin-top:5px;color:#b4cdd1}.audio-note{color:#719298;font:12px/1.55 Georgia,serif;border-left:1px solid #427078;padding-left:12px}.audio-telemetry dt{font-size:9px}.audio-telemetry dd{font-size:10px}
@keyframes audio-led{50%{opacity:.3;box-shadow:0 0 4px #8bf7cb}}@keyframes holo-ring{50%{transform:rotateX(72deg) scale(1.08);opacity:.35}}@keyframes cover-float{50%{transform:perspective(800px) rotateY(7deg) translateY(-8px)}}@keyframes holo-scan{to{background-position:0 40px}}@keyframes wave-talk{to{transform:scaleY(.28);opacity:1}}@keyframes radar-spin{to{transform:rotate(360deg)}}
@media(max-width:1150px){.audio-console{grid-template-columns:240px 1fr}.audio-telemetry{display:none}}@media(max-width:760px){#audiobook{padding:28px 12px 110px;min-height:calc(100vh - 134px)}.audio-head{align-items:start}.audio-head h1{font-size:45px}.audio-signal{display:none}.audio-console{display:block;clip-path:none;box-shadow:0 14px 45px #000}.audio-chapters{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px;border:0;border-bottom:1px solid #29464c}.audio-issue{display:block;margin:0;padding:8px}.audio-issue>span,.audio-issue img{display:none}.audio-issue b{font-size:10px}.audio-core{padding:15px 14px 26px}.holo-emitter{height:240px}.holo-cover{width:112px}.audio-readout p{font-size:15px;min-height:64px}.audio-controls{flex-wrap:wrap}.audio-controls label{order:2}.audio-controls #audioReadAlong{order:3;width:100%}nav button{font-size:14px}nav small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.holo-emitter>i,.holo-cover,.waveform i,.radar i,.audio-signal i{animation:none!important}}

/* Dramatic voice cast readout. */
#audioSpeaker{display:inline-block;margin:8px 0 7px;padding:4px 9px;border-left:2px solid #72eaf5;background:#0a1a1e;color:#88edf6;font:700 9px monospace;letter-spacing:.18em;text-transform:uppercase}#audioSpeaker[data-role="NARRATOR"]{border-color:#e4b767;color:#e4c98d;background:#19150d}#audioSpeaker[data-role="MARA"],#audioSpeaker[data-role="HANNAH"]{border-color:#b7a5ff;color:#d5cbff;background:#120f20}#audioSpeaker[data-role="ORDER"],#audioSpeaker[data-role="VEYRA"]{border-color:#f26458;color:#ffaaa3;background:#1d0c0c}#audioSpeaker[data-role="SYSTEM"]{border-color:#8bf7cb;color:#aaf9dd;background:#081912}.audio-transmitting #audioSpeaker{box-shadow:0 0 18px color-mix(in srgb,currentColor 35%,transparent)}

/* manga-tech.css */
:root{--ink:#050708;--paper:#e9e7df;--steel:#10171a;--grid:#25343a;--cyan:#77ecf6;--amber:#d9ac59;--signal:#e9473f;--rail:128px}
html{background:var(--ink)}
body{background-color:#06090a;background-image:radial-gradient(circle at 1px 1px,#c7e8ed13 1px,transparent 1.2px);background-size:7px 7px}
body:after{content:"未来記録";position:fixed;right:8px;top:90px;z-index:-1;color:#d7faff0a;font:900 13vw/1 system-ui;writing-mode:vertical-rl;letter-spacing:.12em;pointer-events:none}
header{left:var(--rail);width:calc(100% - var(--rail));height:66px;padding:0 28px;border-bottom:2px solid #263b41;background:#050809f2;clip-path:polygon(0 0,100% 0,100% 100%,20px 100%,0 calc(100% - 20px))}
header:after{content:"HONESSI ART HOUSE // ORIGINAL COMICS";position:absolute;left:50%;bottom:5px;transform:translateX(-50%);color:#668087;font:600 7px/1 monospace;letter-spacing:.3em}
.brand{font-size:13px}.brand b{color:var(--amber)}#menu{border:1px solid #38525a!important;padding:7px 11px!important;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}
main,nav{margin-left:var(--rail)}
#seriesRail{position:fixed;z-index:30;left:0;top:0;bottom:0;width:var(--rail);display:flex;flex-direction:column;background:#030506;border-right:1px solid #38525a;box-shadow:10px 0 45px #000;padding:14px 10px 12px}
#seriesRail:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 5px,#9bf4ff08 6px 7px)}
.rail-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font:900 14px/1 monospace;clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,25% 100%,0 75%);box-shadow:inset 0 0 18px #52e9f527,0 0 12px #52e9f522}
#seriesRail>p{color:#55727a;font:700 7px/1.5 monospace;letter-spacing:.28em;margin:22px 2px 12px}
.series-switch{position:relative;z-index:1;display:block;width:100%;min-height:128px;margin:0 0 9px;padding:13px 9px;text-align:left;color:#82969c;background:#080d0f;border:1px solid #26383e;cursor:pointer;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.series-switch:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#33484e}.series-switch i{display:block;color:#53696f;font:700 8px monospace}.series-switch b{display:block;margin:16px 0 9px;color:#d9e2e4;font:800 10px/1.15 Arial,sans-serif;letter-spacing:-.03em}.series-switch b span{color:var(--cyan)}.series-switch small{color:#5d7379;font:600 7px monospace;letter-spacing:.08em}.series-switch.active{color:#fff;border-color:#6eeaf3;background:#0c171a;box-shadow:inset 0 0 24px #52e8f512}.series-switch.active:before{background:var(--cyan);box-shadow:0 0 13px var(--cyan)}.series-switch[data-series-switch="zero"].active{border-color:var(--signal);box-shadow:inset 0 0 24px #e9473f14}.series-switch[data-series-switch="zero"].active:before{background:var(--signal);box-shadow:0 0 13px var(--signal)}
.rail-code{margin-top:auto;color:#41555b;font:600 7px/1.6 monospace;letter-spacing:.13em}
#home{min-height:calc(100vh - 134px);padding:clamp(38px,6vw,88px);background:linear-gradient(116deg,#050708 0 53%,#0d1619 53% 100%)}
#home:before{content:"";position:absolute;inset:0;opacity:.17;background:repeating-linear-gradient(112deg,transparent 0 28px,#94efff22 29px,transparent 30px 64px);clip-path:polygon(48% 0,100% 0,100% 100%,22% 100%)}
.home-grid{background-image:linear-gradient(#76e7f514 1px,transparent 1px),linear-gradient(90deg,#76e7f514 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,#000 32%,#000)}
.home-orbit{border-radius:0;transform:rotate(45deg);border-color:#70e8f537;box-shadow:0 0 80px #55e7f512,inset 0 0 70px #55e7f510}
.signal{display:inline-block;padding:8px 12px;border-left:3px solid var(--cyan);background:#0b1619;color:var(--cyan);font-family:monospace}
.home-copy h1{font-family:Arial Black,Impact,sans-serif;font-style:italic;text-transform:uppercase;line-height:.78;letter-spacing:-.075em;text-shadow:8px 8px 0 #152329}.home-copy h1 em{font-family:Georgia,serif;font-style:italic;text-transform:none;color:var(--amber);text-shadow:none}.intro{border-left:1px solid #436169;padding-left:18px}.home-actions button{border-radius:0!important;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px))}.home-actions .launch{background:var(--cyan);border-color:var(--cyan)}
.home-display{padding:13px;border:1px solid #5e7d85;background:#071013;clip-path:polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px);box-shadow:16px 18px 0 #020303,0 0 45px #5ce7f514}.display-head{border-bottom:1px solid #334a50}.display-foot{border-top:1px solid #334a50}.cover-card{border-radius:0!important}.scan{opacity:.45}
body[data-series="zero"]{--cyan:#f15a50;--amber:#e7e2d3}body[data-series="zero"] #home{background:linear-gradient(116deg,#070707 0 53%,#160c0c 53% 100%)}body[data-series="zero"] .home-grid{background-image:linear-gradient(#ef574014 1px,transparent 1px),linear-gradient(90deg,#ef574014 1px,transparent 1px)}body[data-series="zero"] .home-copy h1{text-shadow:8px 8px 0 #291011}body[data-series="zero"] .home-display{border-color:#8b403b;box-shadow:16px 18px 0 #020303,0 0 45px #e94b3f15}
body[data-series="garden"]{--cyan:#a7d67b;--amber:#e4b86c}body[data-series="garden"] #home{background:linear-gradient(116deg,#050806 0 53%,#10180e 53% 100%)}body[data-series="garden"] .home-grid{background-image:linear-gradient(#a7d67b14 1px,transparent 1px),linear-gradient(90deg,#a7d67b14 1px,transparent 1px)}body[data-series="garden"] .home-copy h1{text-shadow:8px 8px 0 #162217}body[data-series="garden"] .home-display{border-color:#668650;box-shadow:16px 18px 0 #020303,0 0 45px #a7d67b18}.series-switch[data-series-switch="garden"].active{border-color:#a7d67b;box-shadow:inset 0 0 24px #a7d67b18}.series-switch[data-series-switch="garden"].active:before{background:#a7d67b;box-shadow:0 0 13px #a7d67b}.garden-word{display:block;color:#dceacb;letter-spacing:.035em;text-shadow:3px 3px 0 #304c28}.garden-card:before{background:#a7d67b}.garden-card small{color:#a7d67b}
.reader-console{border-radius:0!important;background:#05090b!important;border:1px solid #537780!important;clip-path:polygon(26px 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%,0 26px);box-shadow:18px 22px 0 #020303,0 0 35px #59e4ef16!important}.console-screen{border-radius:0!important;background:#071012!important}.console-screen .issues,.console-screen .details{background:#05090bd9}.issue-brand{border-bottom:2px solid var(--cyan)!important}.issue-brand b{font-family:Arial Black,Impact,sans-serif;letter-spacing:-.04em}.thumb{border-radius:0!important;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%)}.thumb b{background:#030708!important;color:var(--cyan)!important}.stage .screen{border-radius:0!important;border:1px solid #5b7c84!important;box-shadow:0 0 0 4px #030708,0 0 28px #65e9f516}.screen-hud{background:#030708c7;border-bottom:1px solid #416168}.controls button,.primary,.secondary{border-radius:0!important;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.details h2,#cover h1{font-family:Arial Black,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.055em}.zero-word{display:block;color:#f4f1e9;letter-spacing:.03em}.details .zero-word,#cover .zero-word{text-shadow:3px 3px 0 #80241f}.comic-dialogue{border-top:2px solid var(--cyan)!important;background:#05090bf2!important;color:#f1f4ef!important;font-family:Georgia,serif!important}.console-corner{border-color:var(--cyan)!important}.violet-rail{background:var(--cyan)!important;box-shadow:0 0 12px var(--cyan)!important}
#library{max-width:1500px}.library-title{position:relative;border-bottom:2px solid #405a61}.library-title:after{content:"CHOOSE AN ISSUE";position:absolute;right:0;top:0;color:#526970;font:600 7px monospace;letter-spacing:.16em}.library-title h1{font-family:Arial Black,Impact,sans-serif;text-transform:uppercase;font-style:italic;letter-spacing:-.07em}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{position:relative;border-radius:0!important;border:1px solid #31464c;background:#080e10;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));box-shadow:8px 10px 0 #020303}.card:before{content:"";position:absolute;left:0;top:0;width:42%;height:3px;background:var(--cyan);z-index:2}.card h2{font-family:Arial Black,Impact,sans-serif;text-transform:uppercase;font-style:italic;letter-spacing:-.06em}.zero-card:before{background:var(--signal)}.zero-card small{color:var(--signal)}
nav{background:#040708f5;border-top:1px solid #385159;height:68px}nav button{font-family:monospace;text-transform:uppercase;border-left:1px solid #15252a!important}nav button.selected{background:#0b1619;color:var(--cyan)}dialog{border-radius:0;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}
[hidden]{display:none!important}
@media(max-width:1100px){:root{--rail:104px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){:root{--rail:0px}header{left:0;width:100%;height:56px;padding:0 14px;clip-path:none}header:after{display:none}main,nav{margin-left:0}#seriesRail{position:sticky;top:56px;bottom:auto;width:100%;height:78px;display:grid;grid-template-columns:32px repeat(3,minmax(0,1fr));gap:5px;align-items:stretch;padding:7px 7px;border-right:0;border-bottom:1px solid #3d5960}.rail-mark{width:30px;height:30px;align-self:center}.series-switch{min-height:0;height:63px;margin:0;padding:6px;display:grid;grid-template-columns:15px 1fr;align-items:center}.series-switch b{margin:0;font-size:8px}.series-switch small{display:none}.series-switch i{font-size:7px}#seriesRail>p,.rail-code{display:none}#home{padding-top:36px}.home-copy h1{font-size:clamp(49px,14vw,72px);text-shadow:5px 5px 0 #152329}.library-grid{grid-template-columns:1fr}.library-title:after{display:none}.reader-console{clip-path:none;box-shadow:0 12px 40px #000!important}.console-screen .issues{scrollbar-width:thin}.card{box-shadow:5px 6px 0 #020303}}

/* minimal-interface.css */
/* Quiet launch surface: one control face, no editorial copy. */
#home,
body[data-series="zero"] #home{
  min-height:calc(100dvh - 134px);
  padding:clamp(22px,4vw,48px);
  grid-template-columns:1fr;
  place-items:center;
  background:
    radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--cyan) 9%,transparent),transparent 34%),
    linear-gradient(145deg,#030607,#071013 56%,#020405);
}
#home:before{
  opacity:.13;
  clip-path:none;
  background:
    linear-gradient(115deg,transparent 49.85%,color-mix(in srgb,var(--cyan) 28%,transparent) 50%,transparent 50.15%),
    linear-gradient(25deg,transparent 49.85%,color-mix(in srgb,var(--cyan) 15%,transparent) 50%,transparent 50.15%);
}
#home .home-copy,
#home .home-display{display:none!important}
#home .home-grid{
  opacity:.28;
  background-size:56px 56px;
  mask-image:radial-gradient(circle at center,#000,transparent 72%);
}
#home .home-orbit{
  left:50%;
  top:50%;
  right:auto;
  width:min(68vw,690px);
  border-color:color-mix(in srgb,var(--cyan) 17%,transparent);
  transform:translate(-50%,-50%) rotate(45deg);
  opacity:.5;
}
.home-interface-face{
  position:relative;
  z-index:2;
  width:min(72vw,430px);
  aspect-ratio:1/1.08;
  display:grid;
  place-items:center;
  padding:clamp(26px,5vw,52px);
  clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%);
  background:
    linear-gradient(90deg,transparent 49.7%,color-mix(in srgb,var(--cyan) 14%,transparent) 50%,transparent 50.3%),
    linear-gradient(0deg,transparent 49.7%,color-mix(in srgb,var(--cyan) 14%,transparent) 50%,transparent 50.3%),
    linear-gradient(145deg,#0b1417,#030607 58%,#081013);
  border:1px solid color-mix(in srgb,var(--cyan) 42%,#22383e);
  box-shadow:inset 0 0 0 1px #000,inset 0 0 80px #000,0 28px 70px #000,0 0 42px color-mix(in srgb,var(--cyan) 9%,transparent);
}
.home-interface-face:before,
.home-interface-face:after{
  content:"";
  position:absolute;
  pointer-events:none;
}
.home-interface-face:before{
  inset:8%;
  border:1px solid color-mix(in srgb,var(--cyan) 24%,transparent);
  clip-path:polygon(14% 0,86% 0,100% 14%,100% 86%,86% 100%,14% 100%,0 86%,0 14%);
}
.home-interface-face:after{
  inset:19%;
  border-radius:50%;
  border:1px solid color-mix(in srgb,var(--cyan) 18%,transparent);
  box-shadow:inset 0 0 45px #000,0 0 30px color-mix(in srgb,var(--cyan) 7%,transparent);
}
.face-reader{
  position:relative;
  z-index:3;
  width:clamp(116px,23vw,172px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid color-mix(in srgb,var(--cyan) 70%,#fff)!important;
  border-radius:50%!important;
  color:var(--cyan);
  background:#030607;
  box-shadow:inset 0 0 38px color-mix(in srgb,var(--cyan) 8%,transparent),0 0 26px color-mix(in srgb,var(--cyan) 16%,transparent);
  cursor:pointer;
}
.face-reader i{
  position:absolute;
  inset:10px;
  border:1px solid color-mix(in srgb,var(--cyan) 24%,transparent);
  border-radius:50%;
}
.face-reader i:before,
.face-reader i:after{
  content:"";
  position:absolute;
  left:50%;
  top:-6px;
  width:1px;
  height:12px;
  background:var(--cyan);
  box-shadow:0 calc(clamp(116px,23vw,172px) - 20px) 0 color-mix(in srgb,var(--cyan) 35%,transparent);
}
.face-reader i:after{transform:rotate(90deg);transform-origin:50% calc(clamp(116px,23vw,172px)/2 - 4px)}
.face-reader b{font-size:0}
.face-reader b:before{
  content:"∞";
  font:300 clamp(46px,10vw,74px)/1 Arial,sans-serif;
  letter-spacing:-.12em;
  text-shadow:0 0 16px color-mix(in srgb,var(--cyan) 55%,transparent);
}
body[data-series="zero"] .face-reader b:before{
  content:"";
  display:block;
  width:clamp(38px,8vw,58px);
  aspect-ratio:1;
  border:2px solid var(--cyan);
  border-radius:50%;
  box-shadow:0 0 16px color-mix(in srgb,var(--cyan) 40%,transparent);
}
body[data-series="zero"] .face-reader b:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:clamp(52px,10vw,76px);
  height:2px;
  background:var(--cyan);
  transform:translate(-50%,-50%) rotate(-45deg);
  box-shadow:0 0 10px color-mix(in srgb,var(--cyan) 40%,transparent);
}
.face-reader:active{transform:scale(.975)}
.face-actions{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:11%;
  display:flex;
  gap:12px;
  transform:translateX(-50%);
}
.face-actions button{
  width:48px;
  height:42px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid color-mix(in srgb,var(--cyan) 30%,#263b41)!important;
  border-radius:0!important;
  color:color-mix(in srgb,var(--cyan) 78%,#fff);
  background:#050a0c;
  clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);
  cursor:pointer;
}
.face-actions span{font:400 19px/1 monospace}
.face-corner{position:absolute;width:24px;height:24px;border-color:var(--cyan);opacity:.55}
.fc-a{left:6%;top:6%;border-left:1px solid;border-top:1px solid}
.fc-b{right:6%;top:6%;border-right:1px solid;border-top:1px solid}
.fc-c{right:6%;bottom:6%;border-right:1px solid;border-bottom:1px solid}
.fc-d{left:6%;bottom:6%;border-left:1px solid;border-bottom:1px solid}

/* Reader launch: a vertical energy spine charges, clears, then reveals the page. */
#gateway{
  display:grid!important;
  place-items:center;
  background:
    radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--cyan) 8%,transparent),transparent 34%),
    #020405!important;
  transition:opacity .26s ease,visibility 0s linear .26s!important;
}
#gateway.open{opacity:1;visibility:visible;transition:none!important}
#gateway.fade{opacity:0!important;visibility:visible}
#gateway .coordinate-device,
#gateway .projection{display:none!important}
#gateway .gateway-field{
  inset:0;
  transform:none;
  opacity:.55;
  background:
    linear-gradient(90deg,transparent calc(50% - 1px),color-mix(in srgb,var(--cyan) 10%,transparent) 50%,transparent calc(50% + 1px)),
    repeating-linear-gradient(0deg,transparent 0 55px,color-mix(in srgb,var(--cyan) 5%,transparent) 56px,transparent 57px);
}
.power-module{
  --power:var(--cyan);
  position:relative;
  width:min(72vw,360px);
  height:min(66vh,570px);
  display:grid;
  place-items:center;
  opacity:0;
  transform:scale(.985);
}
#gateway.open .power-module{animation:power-module-in .22s ease forwards}
.power-halo{
  position:absolute;
  inset:4%;
  border:1px solid color-mix(in srgb,var(--power) 18%,transparent);
  clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%);
  box-shadow:inset 0 0 70px #000,0 0 45px color-mix(in srgb,var(--power) 7%,transparent);
}
.power-track{
  position:relative;
  width:16px;
  height:72%;
  overflow:visible;
  border:1px solid color-mix(in srgb,var(--power) 40%,#21343a);
  background:repeating-linear-gradient(0deg,#071012 0 9px,#13252a 10px 11px);
  box-shadow:inset 0 0 12px #000,0 0 0 6px #030708,0 0 0 7px color-mix(in srgb,var(--power) 10%,transparent);
}
.power-fill{
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,var(--power),#dffeff);
  box-shadow:0 0 18px var(--power),0 0 42px color-mix(in srgb,var(--power) 50%,transparent);
  transform:scaleY(0);
  transform-origin:50% 100%;
}
#gateway.open .power-fill{animation:power-rise 1.35s .08s cubic-bezier(.32,.02,.16,1) forwards}
.power-head{
  position:absolute;
  left:-5px;
  bottom:-2px;
  width:24px;
  height:4px;
  background:#efffff;
  box-shadow:0 0 10px #fff,0 0 24px var(--power);
}
#gateway.open .power-head{animation:power-head 1.35s .08s cubic-bezier(.32,.02,.16,1) forwards}
.power-core{
  position:absolute;
  left:50%;
  bottom:4.5%;
  transform:translateX(-50%);
  color:var(--power);
  font:300 30px/1 Arial,sans-serif;
  opacity:.35;
}
#gateway.charged .power-core{opacity:1;text-shadow:0 0 16px var(--power)}
.power-brackets i{position:absolute;width:34px;height:34px;border-color:color-mix(in srgb,var(--power) 56%,transparent)}
.power-brackets i:nth-child(1){left:3%;top:3%;border-left:1px solid;border-top:1px solid}
.power-brackets i:nth-child(2){right:3%;top:3%;border-right:1px solid;border-top:1px solid}
.power-brackets i:nth-child(3){right:3%;bottom:3%;border-right:1px solid;border-bottom:1px solid}
.power-brackets i:nth-child(4){left:3%;bottom:3%;border-left:1px solid;border-bottom:1px solid}
#reader.materialise .reader-console{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}
#reader.materialise .console-screen,
#reader.materialise .screen,
#reader.materialise #page{filter:none!important}
@keyframes power-module-in{to{opacity:1;transform:none}}
@keyframes power-rise{to{transform:scaleY(1)}}
@keyframes power-head{to{bottom:calc(100% - 2px)}}

@media(max-width:760px){
  #home{min-height:calc(100dvh - 194px);padding:18px 14px 82px}
  #home .home-orbit{width:86vw}
  .home-interface-face{width:min(82vw,350px);max-height:54vh;padding:28px}
  .face-actions{bottom:9%}
  .power-module{width:min(78vw,330px);height:min(64vh,520px)}
}
@media(prefers-reduced-motion:reduce){
  #gateway{display:none!important}
  .face-reader:active{transform:none}
}

/* Volumetric home projection: a bright energy well with an ebbing, colour-coded field. */
#home.active{
  isolation:isolate;
  background:
    radial-gradient(ellipse at 50% 51%,color-mix(in srgb,var(--cyan) 19%,transparent) 0,transparent 20%),
    radial-gradient(ellipse at 50% 53%,color-mix(in srgb,var(--cyan) 9%,transparent) 0,transparent 43%),
    linear-gradient(145deg,#020405,#071013 56%,#010303);
}
#home.active:after{
  content:"";
  position:absolute;
  z-index:1;
  left:50%;
  top:51%;
  width:min(88vw,620px);
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  pointer-events:none;
  opacity:.72;
  mix-blend-mode:screen;
  background:
    repeating-radial-gradient(circle,transparent 0 11%,color-mix(in srgb,var(--cyan) 11%,transparent) 11.3%,transparent 11.8% 18%),
    conic-gradient(from 0deg,transparent 0 8%,color-mix(in srgb,var(--cyan) 20%,transparent) 11%,transparent 15% 48%,color-mix(in srgb,var(--cyan) 12%,transparent) 52%,transparent 57%);
  filter:blur(.2px) drop-shadow(0 0 24px color-mix(in srgb,var(--cyan) 34%,transparent));
  animation:field-ebb 4.8s ease-in-out infinite;
}
#home .home-orbit{
  border-width:1px;
  opacity:.82;
  box-shadow:
    0 0 18px color-mix(in srgb,var(--cyan) 28%,transparent),
    0 0 95px color-mix(in srgb,var(--cyan) 23%,transparent),
    inset 0 0 80px color-mix(in srgb,var(--cyan) 12%,transparent);
  animation:orbit-breathe 7s ease-in-out infinite;
}
.home-interface-face{
  overflow:visible;
  border-color:color-mix(in srgb,var(--cyan) 88%,#fff);
  background:
    repeating-linear-gradient(0deg,transparent 0 5px,color-mix(in srgb,var(--cyan) 4%,transparent) 6px,transparent 7px),
    linear-gradient(90deg,transparent 49.65%,color-mix(in srgb,var(--cyan) 35%,transparent) 50%,transparent 50.35%),
    linear-gradient(0deg,transparent 49.65%,color-mix(in srgb,var(--cyan) 35%,transparent) 50%,transparent 50.35%),
    radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--cyan) 16%,transparent),transparent 38%),
    linear-gradient(145deg,#0a1519e8,#020506f2 58%,#081317e8);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb,var(--cyan) 18%,#000),
    inset 0 0 92px #000,
    0 30px 70px #000,
    0 0 14px color-mix(in srgb,var(--cyan) 56%,transparent),
    0 0 58px color-mix(in srgb,var(--cyan) 32%,transparent),
    0 0 135px color-mix(in srgb,var(--cyan) 15%,transparent);
  animation:screen-bloom 4.8s ease-in-out infinite;
}
.home-interface-face:before{
  border-color:color-mix(in srgb,var(--cyan) 68%,transparent);
  box-shadow:
    inset 0 0 24px color-mix(in srgb,var(--cyan) 14%,transparent),
    0 0 18px color-mix(in srgb,var(--cyan) 29%,transparent);
  animation:frame-flux 4.8s ease-in-out infinite;
}
.home-interface-face:after{
  border-color:color-mix(in srgb,var(--cyan) 54%,transparent);
  box-shadow:
    inset 0 0 58px color-mix(in srgb,var(--cyan) 10%,#000),
    0 0 16px color-mix(in srgb,var(--cyan) 50%,transparent),
    0 0 62px color-mix(in srgb,var(--cyan) 25%,transparent);
  animation:energy-ring 4.8s cubic-bezier(.45,0,.25,1) infinite;
}
.face-reader{
  isolation:isolate;
  border-color:color-mix(in srgb,var(--cyan) 88%,#fff)!important;
  color:color-mix(in srgb,var(--cyan) 68%,#fff);
  background:
    radial-gradient(circle at 50% 47%,#fff 0 1%,color-mix(in srgb,var(--cyan) 78%,#fff) 2%,color-mix(in srgb,var(--cyan) 28%,transparent) 15%,transparent 52%),
    #020607;
  box-shadow:
    inset 0 0 22px color-mix(in srgb,var(--cyan) 34%,transparent),
    inset 0 0 66px color-mix(in srgb,var(--cyan) 18%,transparent),
    0 0 8px color-mix(in srgb,var(--cyan) 95%,#fff),
    0 0 30px color-mix(in srgb,var(--cyan) 72%,transparent),
    0 0 78px color-mix(in srgb,var(--cyan) 40%,transparent),
    0 0 150px color-mix(in srgb,var(--cyan) 22%,transparent);
  animation:core-ebb 4.8s ease-in-out infinite;
}
.face-reader:before,
.face-reader:after{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:50%;
  border-radius:50%;
  pointer-events:none;
}
.face-reader:before{
  width:190%;
  height:190%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,transparent 31%,color-mix(in srgb,var(--cyan) 22%,transparent) 43%,transparent 64%);
  filter:blur(5px);
  animation:force-wave 4.8s ease-out infinite;
}
.face-reader:after{
  width:28%;
  height:28%;
  transform:translate(-50%,-50%);
  background:#fff;
  box-shadow:
    0 0 9px #fff,
    0 0 24px color-mix(in srgb,var(--cyan) 92%,#fff),
    0 0 62px color-mix(in srgb,var(--cyan) 68%,transparent);
  opacity:.16;
  filter:blur(9px);
  animation:core-heartbeat 4.8s ease-in-out infinite;
}
.face-reader i{
  border-color:color-mix(in srgb,var(--cyan) 72%,transparent);
  box-shadow:
    0 0 10px color-mix(in srgb,var(--cyan) 58%,transparent),
    inset 0 0 18px color-mix(in srgb,var(--cyan) 26%,transparent);
  animation:inner-orbit 9s linear infinite;
}
.face-reader b{
  position:relative;
  z-index:3;
  filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 17px var(--cyan)) drop-shadow(0 0 36px var(--cyan));
  animation:sigil-ebb 4.8s ease-in-out infinite;
}
.face-reader b:before{
  color:color-mix(in srgb,var(--cyan) 58%,#fff);
  text-shadow:0 0 6px #fff,0 0 18px var(--cyan),0 0 44px var(--cyan);
}
.face-actions button{
  border-color:color-mix(in srgb,var(--cyan) 62%,#fff)!important;
  color:color-mix(in srgb,var(--cyan) 42%,#fff);
  background:linear-gradient(145deg,color-mix(in srgb,var(--cyan) 10%,#050a0c),#030607);
  box-shadow:inset 0 0 18px color-mix(in srgb,var(--cyan) 9%,transparent),0 0 14px color-mix(in srgb,var(--cyan) 25%,transparent);
}
.series-switch.active,
.rail-mark{
  filter:drop-shadow(0 0 7px color-mix(in srgb,var(--cyan) 72%,transparent));
}
.series-switch.active{
  box-shadow:
    inset 0 0 32px color-mix(in srgb,var(--cyan) 17%,transparent),
    0 0 16px color-mix(in srgb,var(--cyan) 18%,transparent);
}
@keyframes screen-bloom{0%,100%{filter:brightness(.88) saturate(.92) drop-shadow(0 0 7px color-mix(in srgb,var(--cyan) 35%,transparent)) drop-shadow(0 0 25px color-mix(in srgb,var(--cyan) 13%,transparent))}46%{filter:brightness(1.22) saturate(1.18) drop-shadow(0 0 12px color-mix(in srgb,var(--cyan) 74%,transparent)) drop-shadow(0 0 48px color-mix(in srgb,var(--cyan) 34%,transparent))}58%{filter:brightness(1.06) saturate(1.08) drop-shadow(0 0 9px color-mix(in srgb,var(--cyan) 54%,transparent)) drop-shadow(0 0 34px color-mix(in srgb,var(--cyan) 23%,transparent))}}
@keyframes frame-flux{0%,100%{opacity:.52}46%{opacity:1}66%{opacity:.68}}
@keyframes energy-ring{0%,100%{opacity:.52;transform:scale(.96)}46%{opacity:1;transform:scale(1.025)}72%{opacity:.64;transform:scale(.985)}}
@keyframes core-ebb{0%,100%{transform:scale(.985);filter:brightness(.82)}43%{transform:scale(1.035);filter:brightness(1.38)}55%{transform:scale(1.01);filter:brightness(1.12)}}
@keyframes core-heartbeat{0%,100%{opacity:.08;transform:translate(-50%,-50%) scale(.72)}43%{opacity:.42;transform:translate(-50%,-50%) scale(1.28)}58%{opacity:.2;transform:translate(-50%,-50%) scale(.94)}}
@keyframes force-wave{0%{opacity:0;transform:translate(-50%,-50%) scale(.56)}30%{opacity:.42}78%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.16)}}
@keyframes field-ebb{0%,100%{opacity:.34;transform:translate(-50%,-50%) scale(.93) rotate(-2deg)}46%{opacity:.88;transform:translate(-50%,-50%) scale(1.04) rotate(2deg)}70%{opacity:.48;transform:translate(-50%,-50%) scale(.99) rotate(0)}}
@keyframes orbit-breathe{0%,100%{transform:translate(-50%,-50%) rotate(45deg) scale(.97);opacity:.48}50%{transform:translate(-50%,-50%) rotate(49deg) scale(1.035);opacity:.88}}
@keyframes inner-orbit{to{transform:rotate(360deg)}}
@keyframes sigil-ebb{0%,100%{opacity:.76;transform:scale(.96)}43%{opacity:1;transform:scale(1.08)}58%{opacity:.9;transform:scale(1.01)}}
@media(max-width:760px){
  #home.active:after{width:min(112vw,500px);opacity:.62}
  .home-interface-face{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cyan) 18%,#000),inset 0 0 72px #000,0 24px 54px #000,0 0 12px color-mix(in srgb,var(--cyan) 52%,transparent),0 0 42px color-mix(in srgb,var(--cyan) 27%,transparent),0 0 92px color-mix(in srgb,var(--cyan) 13%,transparent)}
  .face-reader{box-shadow:inset 0 0 18px color-mix(in srgb,var(--cyan) 30%,transparent),0 0 7px color-mix(in srgb,var(--cyan) 90%,#fff),0 0 25px color-mix(in srgb,var(--cyan) 62%,transparent),0 0 62px color-mix(in srgb,var(--cyan) 34%,transparent)}
}
@media(prefers-reduced-motion:reduce){
  #home.active:after,#home .home-orbit,.home-interface-face,.home-interface-face:before,.home-interface-face:after,.face-reader,.face-reader:before,.face-reader:after,.face-reader i,.face-reader b{animation:none!important}
}

/* channels.css */
/* Publishing channels and a projected, post-screen icon language. */
nav button>svg{width:22px;height:22px;display:block;margin:auto;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px currentColor)}
nav button.selected>svg{stroke-width:1.8;filter:drop-shadow(0 0 4px currentColor) drop-shadow(0 0 11px currentColor)}
.face-reader b{display:block;width:72%;height:72%}.face-reader b:before,.face-reader b:after{display:none!important}.face-reader svg{width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor}.sig-orbit{stroke-width:.7;stroke-dasharray:3 8;opacity:.52;transform-origin:center;animation:signal-orbit 12s linear infinite}.sig-core{stroke-width:2.8;stroke-linecap:round}.sig-ticks{stroke-width:1;opacity:.8}.face-reader:before,.face-reader:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.face-reader:before{inset:-22px;border:1px solid color-mix(in srgb,var(--cyan) 25%,transparent);border-inline-color:transparent;box-shadow:0 0 24px color-mix(in srgb,var(--cyan) 24%,transparent);animation:signal-orbit 9s linear infinite reverse}.face-reader:after{inset:-42px;background:conic-gradient(from 0deg,transparent 0 17%,color-mix(in srgb,var(--cyan) 48%,transparent) 18% 18.5%,transparent 19% 47%,color-mix(in srgb,var(--cyan) 35%,transparent) 48% 48.5%,transparent 49% 100%);mask:radial-gradient(circle,transparent 67%,#000 68% 69%,transparent 70%);animation:signal-orbit 16s linear infinite;filter:drop-shadow(0 0 8px var(--cyan))}.face-reader{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--cyan) 20%,#071014),#020507 68%);box-shadow:inset 0 0 28px #000,inset 0 0 52px color-mix(in srgb,var(--cyan) 14%,transparent),0 0 16px var(--cyan),0 0 58px color-mix(in srgb,var(--cyan) 28%,transparent)!important;animation:energy-ebb 3.8s ease-in-out infinite}.face-reader i{inset:-8px;border-color:color-mix(in srgb,var(--cyan) 60%,transparent);border-top-color:transparent;border-bottom-color:transparent;animation:signal-orbit 7s linear infinite}.face-actions svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.2;filter:drop-shadow(0 0 5px currentColor)}.face-actions button{background:radial-gradient(circle,color-mix(in srgb,var(--cyan) 12%,#061013),#030708)!important;box-shadow:inset 0 0 14px color-mix(in srgb,var(--cyan) 8%,transparent),0 0 12px color-mix(in srgb,var(--cyan) 12%,transparent)}.home-interface-face:after{animation:energy-ebb 4.5s ease-in-out infinite;box-shadow:inset 0 0 60px #000,0 0 24px var(--cyan),0 0 85px color-mix(in srgb,var(--cyan) 20%,transparent)!important}
body[data-series="zero"] .face-reader b,body[data-series="garden"] .face-reader b{position:relative;display:grid;place-items:center}body[data-series="zero"] .face-reader b svg,body[data-series="garden"] .face-reader b svg{display:none}body[data-series="zero"] .face-reader b:before{content:"";display:block!important;width:56%;aspect-ratio:1;border:2px solid currentColor;border-radius:50%;box-shadow:0 0 9px currentColor,0 0 28px currentColor}body[data-series="zero"] .face-reader b:after{content:"";display:block!important;position:absolute;width:72%;height:2px;background:currentColor;transform:rotate(-45deg);box-shadow:0 0 9px currentColor,0 0 20px currentColor}body[data-series="garden"] .face-reader b:before{content:"";display:block!important;width:45%;aspect-ratio:.72;border:2px solid currentColor;border-radius:75% 18% 75% 18%;transform:rotate(34deg);box-shadow:inset 0 0 18px color-mix(in srgb,currentColor 24%,transparent),0 0 12px currentColor}body[data-series="garden"] .face-reader b:after{content:"";display:block!important;position:absolute;width:2px;height:55%;background:currentColor;transform:rotate(34deg);box-shadow:0 0 9px currentColor}
@keyframes signal-orbit{to{transform:rotate(360deg)}}@keyframes energy-ebb{0%,100%{opacity:.72;filter:brightness(.82)}50%{opacity:1;filter:brightness(1.35)}}

#channels{display:none;min-height:calc(100dvh - 134px);max-width:1500px;margin:auto;padding:clamp(38px,6vw,82px);background:radial-gradient(circle at 50% 2%,#17343c40,transparent 35%),linear-gradient(135deg,#030607,#071014 55%,#030506)}#channels.active{display:block}.channels-head{position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;padding-bottom:26px;border-bottom:1px solid #436069}.channels-head p{grid-column:1/-1;color:var(--cyan);font:700 10px monospace;letter-spacing:.22em}.channels-head h1{font:900 clamp(42px,6vw,82px)/.84 Arial Black,Impact,sans-serif;letter-spacing:-.07em;text-transform:uppercase;margin:12px 0 0}.channels-head h1 em{font-family:Georgia,serif;font-weight:400;text-transform:none;color:var(--amber)}.channels-head>span{color:#68838a;font:700 9px monospace;letter-spacing:.16em;text-transform:uppercase}.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.channel{--channel:#77ecf6;position:relative;min-height:520px;padding:28px;display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--channel) 40%,#20363c);background:linear-gradient(155deg,color-mix(in srgb,var(--channel) 9%,#091013),#030607 56%);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));box-shadow:inset 0 0 45px #000}.channel:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,color-mix(in srgb,var(--channel) 9%,transparent) 50%,transparent 60%);transform:translateX(-100%);animation:channel-scan 6s ease-in-out infinite}.channel-eden{--channel:#d9ac59}.channel-dark{--channel:#b29aff}.channel small{position:relative;color:var(--channel);font:700 9px monospace;letter-spacing:.16em}.channel h2{position:relative;max-width:360px;margin:22px 0 14px;font:900 clamp(32px,3.6vw,55px)/.84 Arial Black,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.065em}.channel h2 span{color:var(--channel);text-shadow:0 0 15px currentColor}.channel p{position:relative;color:#aebfc3;font:16px/1.55 Georgia,serif}.channel button{position:relative;width:100%;min-height:50px;margin-top:auto;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--channel);background:color-mix(in srgb,var(--channel) 14%,#05090b);color:#eefcff;font:700 10px monospace;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.channel button:not(:disabled):hover{background:var(--channel);color:#030607;box-shadow:0 0 32px color-mix(in srgb,var(--channel) 35%,transparent)}.channel button:disabled{cursor:default;opacity:.55}.channel-symbol{position:relative;width:142px;aspect-ratio:1;margin:34px auto 18px;display:grid;place-items:center;color:var(--channel);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--channel) 22%,transparent),transparent 68%);filter:drop-shadow(0 0 10px var(--channel))}.channel-symbol:before,.channel-symbol:after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--channel) 42%,transparent);border-radius:50%;border-inline-color:transparent}.channel-symbol:before{inset:-10px;animation:signal-orbit 11s linear infinite}.channel-symbol:after{inset:10px;animation:signal-orbit 7s linear infinite reverse}.channel-symbol svg{width:74%;height:74%;fill:none;stroke:currentColor;stroke-width:1.3}.channel-dark .channel-symbol svg path:first-child{fill:color-mix(in srgb,var(--channel) 11%,transparent)}@keyframes channel-scan{0%,64%{transform:translateX(-110%)}82%,100%{transform:translateX(110%)}}
@media(max-width:1000px){.channel-grid{grid-template-columns:1fr}.channel{min-height:360px}.channel-symbol{width:110px;margin:20px auto 10px}.channels-head{display:block}.channels-head>span{display:block;margin-top:18px}}
@media(max-width:760px){#channels{padding:32px 14px 105px;min-height:calc(100dvh - 134px)}.channels-head h1{font-size:clamp(38px,11vw,54px)}.channel{min-height:390px;padding:22px}.channel h2{font-size:40px}.channel p{font-size:16px}nav button>svg{width:20px;height:20px}nav small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.sig-orbit,.face-reader:before,.face-reader:after,.face-reader i,.face-reader,.home-interface-face:after,.channel:before,.channel-symbol:before,.channel-symbol:after{animation:none!important}}

/* afterdark.css */
/* Eden dossiers and the Honessi After Dark reader channel. */
body[data-series="dark"]{--cyan:#b29aff;--amber:#e4b86c}body[data-series="dark"] #home{background:radial-gradient(circle at 56% 38%,#5d438f20,transparent 34%),linear-gradient(145deg,#06050a,#0d0914 60%,#030305)}body[data-series="dark"] .home-grid{background-image:linear-gradient(#b29aff12 1px,transparent 1px),linear-gradient(90deg,#b29aff12 1px,transparent 1px)}body[data-series="dark"] .face-reader b svg{display:none}body[data-series="dark"] .face-reader b:before{content:"";display:block!important;position:absolute;left:29%;top:17%;width:45%;height:60%;border:2px solid currentColor;border-radius:50%;clip-path:polygon(0 0,56% 0,56% 100%,0 100%);transform:rotate(-24deg);box-shadow:0 0 16px currentColor}body[data-series="dark"] .face-reader b:after{content:"";display:block!important;position:absolute;left:55%;top:29%;width:13%;aspect-ratio:1;background:currentColor;clip-path:polygon(50% 0,61% 38%,100% 50%,61% 61%,50% 100%,38% 61%,0 50%,38% 38%);box-shadow:0 0 15px currentColor}.series-switch[data-series-switch="dark"].active{border-color:#b29aff;box-shadow:inset 0 0 24px #b29aff18}.series-switch[data-series-switch="dark"].active:before{background:#b29aff;box-shadow:0 0 13px #b29aff}.series-switch[data-series-switch="dark"] b span{color:#b29aff}.dark-word{display:block;color:#eee9ff;letter-spacing:.025em;text-shadow:3px 3px 0 #49326b}.dark-card:before{background:#b29aff}.dark-card small{color:#b29aff}

#edenfiles{display:none;min-height:calc(100dvh - 134px);max-width:1500px;margin:auto;padding:clamp(34px,5vw,72px);overflow:hidden;background:radial-gradient(circle at 34% 28%,#163d4659,transparent 34%),linear-gradient(135deg,#030607,#071115 55%,#030506)}#edenfiles.active{display:block}.eden-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:24px;border-bottom:1px solid #3c5a62}.eden-head p{color:#78e7f1;font:700 10px monospace;letter-spacing:.2em}.eden-head h1{margin:10px 0 0;font:900 clamp(46px,7vw,88px)/.8 Arial Black,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.075em}.eden-head h1 em{font:400 italic 1em/.8 Georgia,serif;text-transform:none;color:#e0b86a}.eden-head>button,.eden-audio{min-height:44px;padding:0 18px;border:1px solid #4e727b;background:#071013;color:#dff8fa;font:700 9px monospace;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.dossier-console{display:grid;grid-template-columns:minmax(340px,1fr) minmax(270px,360px);gap:clamp(34px,6vw,90px);min-height:650px;padding-top:34px}.character-deck{position:relative;min-height:620px;touch-action:none;perspective:1200px}.dossier-card{position:absolute;inset:0;margin:auto;width:min(420px,82vw);height:590px;padding:0;overflow:hidden;border:1px solid #72eaf5;background:#061014;color:#f3fafb;text-align:left;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));box-shadow:0 24px 70px #000,0 0 34px #5de8f51e;transform:translate(var(--drag-x,0),calc(var(--stack)*7px + var(--drag-y,0px))) rotate(var(--drag-r,calc((var(--stack) - 2)*.65deg))) scale(calc(1 - var(--stack)*.025));transform-origin:50% 92%;z-index:calc(20 - var(--stack));opacity:calc(1 - var(--stack)*.13);transition:transform .36s cubic-bezier(.2,.8,.2,1),opacity .3s;pointer-events:none;user-select:none}.dossier-card:first-child{pointer-events:auto;cursor:grab}.dossier-card.dragging{cursor:grabbing;transition:none}.dossier-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72) contrast(1.08)}.dossier-shade{position:absolute;inset:0;background:linear-gradient(180deg,#02080bd9 0 13%,transparent 34%,#020709 61%,#020709f7 100%),linear-gradient(90deg,#55e8f20b,transparent)}.dossier-card>header{position:relative;height:72px;padding:18px 20px;display:flex;justify-content:space-between;color:#84edf5;font:700 9px monospace;letter-spacing:.15em;border-bottom:1px solid #60dce755}.dossier-card>section{position:absolute;left:0;right:0;bottom:0;padding:26px 24px 28px}.dossier-card section>p{margin:0 0 8px;color:#82eaf3;font:700 9px monospace;letter-spacing:.16em}.dossier-card h2{margin:0 0 17px;font:900 clamp(34px,5vw,54px)/.86 Arial Black,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.06em}.dossier-card dl{margin:0;border-top:1px solid #446169}.dossier-card dl div{display:grid;grid-template-columns:64px 1fr;gap:10px;padding:8px 0;font-size:9px}.dossier-card dd{line-height:1.35;color:#d4e2e4}.dossier-card blockquote{margin:18px 0 0;padding-left:13px;border-left:2px solid #d9ac59;color:#ddd7c9;font:italic 15px/1.45 Georgia,serif}.dossier-guide{align-self:center;padding:28px;border:1px solid #345159;background:#071013cc;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.dossier-guide>span{color:#76e8f2;font:700 9px monospace;letter-spacing:.18em}.dossier-guide h2{font:900 42px/.9 Arial Black,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.06em}.dossier-guide>p{color:#9bb0b5;font:16px/1.55 Georgia,serif}.dossier-controls{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;margin:28px 0 12px;border-block:1px solid #2d4950}.dossier-controls button{height:52px;border:0;background:#0a181c;color:#83edf5;font-size:18px;cursor:pointer}.dossier-controls b{text-align:center;color:#8aa1a6;font:700 10px monospace;letter-spacing:.16em}.eden-audio{width:100%;margin-top:12px;border-color:#d9ac59;color:#efd9a9}

@media(max-width:760px){#seriesRail{grid-template-columns:32px repeat(4,minmax(0,1fr))}.series-switch{padding:5px 4px}.series-switch b{font-size:7px}.dossier-console{display:block;min-height:700px;padding-top:20px}.character-deck{min-height:575px}.dossier-card{height:545px;width:min(90vw,390px)}.dossier-guide{padding:18px;margin-top:8px}.dossier-guide>span,.dossier-guide h2,.dossier-guide>p{display:none}.eden-head{display:block}.eden-head h1{font-size:48px}.eden-head>button{margin-top:20px}.dossier-controls{margin:0 0 10px}#edenfiles{padding:28px 12px 112px}.dossier-card blockquote{font-size:14px}.dossier-card dl div{font-size:8px}}
@media(prefers-reduced-motion:reduce){.dossier-card{transition:none}}

/* vanguard.css */
:root{--signal:#79efff;--signal-rgb:121,239,255;--ink:#03080a;--panel:#071115;--paper:#e9e7de;--muted:#819096;--line:rgba(121,239,255,.2);--serif:Georgia,"Times New Roman",serif;--mono:"Arial Narrow","Roboto Condensed",monospace}
*{box-sizing:border-box}
html{background:var(--ink);scroll-behavior:smooth}
body{background:radial-gradient(circle at 50% 28%,rgba(var(--signal-rgb),.05),transparent 32%),#03080a;color:var(--paper);font-family:Arial,sans-serif}
body[data-series="zero"]{--signal:#ff5e58;--signal-rgb:255,94,88}
body[data-series="garden"]{--signal:#a6e56e;--signal-rgb:166,229,110}
body[data-series="dark"]{--signal:#d7aeff;--signal-rgb:215,174,255}
header{height:74px;padding:0 clamp(18px,4vw,54px);background:rgba(3,8,10,.88)!important;backdrop-filter:blur(22px);border-bottom:1px solid var(--line)!important}
header h1{font-size:15px!important;letter-spacing:.31em!important}
header h1 span{color:var(--signal)!important}
#clock{font:11px var(--mono);letter-spacing:.16em;color:var(--muted)}
#menu{border-color:var(--line)!important;color:var(--paper)!important}
#seriesRail{display:none!important}
main{padding-bottom:100px}
#home{position:relative;min-height:calc(100svh - 154px);display:grid!important;grid-template-columns:minmax(176px,.72fr) minmax(320px,1.55fr) minmax(230px,.85fr);align-items:center;gap:clamp(22px,4vw,68px);max-width:1440px;margin:auto;padding:48px clamp(22px,5vw,78px)!important;overflow:hidden}
#home:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:84px 84px;opacity:.18;mask-image:radial-gradient(circle at center,#000,transparent 78%)}
#home:after{content:"";position:absolute;width:58vw;aspect-ratio:1;border:1px solid var(--line);transform:rotate(45deg);left:28%;top:5%;pointer-events:none;opacity:.22}
#home>.home-grid,#home>.home-orbit,#home>.home-copy,#home>.home-display{display:none!important}
.v-telemetry{position:absolute;top:17px;left:clamp(22px,5vw,78px);right:clamp(22px,5vw,78px);display:flex;justify-content:space-between;z-index:3;font:9px var(--mono);letter-spacing:.22em;color:var(--muted)}
.v-telemetry b{color:var(--signal);font-weight:500}
.v-series-dock{position:relative;z-index:3;display:grid;gap:8px}
.v-series{appearance:none;text-align:left;border:0;border-left:1px solid rgba(255,255,255,.16);background:transparent;color:var(--muted);padding:18px 12px 18px 22px;cursor:pointer;transition:.28s ease;position:relative}
.v-series:before{content:"";position:absolute;left:-2px;top:50%;width:3px;height:0;background:var(--signal);box-shadow:0 0 18px var(--signal);transition:.28s}
.v-series span{display:block;font:9px var(--mono);letter-spacing:.22em;margin-bottom:7px}
.v-series strong{display:block;color:inherit;font:700 13px/1.05 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.v-series em{display:block;margin-top:8px;font:9px var(--mono);font-style:normal}
.v-series:hover,.v-series[aria-current="true"]{color:var(--paper);background:linear-gradient(90deg,rgba(var(--signal-rgb),.09),transparent);transform:translateX(4px)}
.v-series[aria-current="true"]:before{height:60%;top:20%}
.home-interface-face{position:relative!important;inset:auto!important;width:min(54vw,610px)!important;max-width:100%;aspect-ratio:1!important;margin:auto;z-index:2;filter:drop-shadow(0 0 40px rgba(var(--signal-rgb),.12))}
.home-interface-face canvas{filter:saturate(1.15) contrast(1.08)}
.v-core-label{position:absolute;left:50%;top:50%;transform:translate(-50%,78px);font:8px var(--mono);letter-spacing:.35em;color:var(--signal);white-space:nowrap;opacity:.7;z-index:4}
.v-signal-card{position:relative;z-index:3;padding:24px 0 24px 24px;border-left:1px solid var(--signal)}
.v-signal-card .eyebrow{font:9px var(--mono);letter-spacing:.24em;color:var(--signal);text-transform:uppercase}
.v-signal-card h2{font:500 clamp(30px,4vw,64px)/.9 var(--serif);letter-spacing:-.05em;margin:18px 0 14px;color:var(--paper)}
.v-signal-card p{color:#a8b2b6;font:14px/1.55 var(--serif);max-width:32ch}
.v-signal-card dl{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin:22px 0 0;padding-top:14px;gap:12px}
.v-signal-card dt{font:8px var(--mono);letter-spacing:.18em;color:var(--muted)}
.v-signal-card dd{margin:5px 0 0;font:11px var(--mono);color:var(--paper)}
.v-actions{display:flex;gap:8px;margin-top:22px}
.v-actions button{appearance:none;border:1px solid var(--line);background:rgba(5,14,17,.75);color:var(--paper);font:10px var(--mono);letter-spacing:.16em;padding:13px 15px;cursor:pointer}
.v-actions .primary{background:var(--signal);color:#041013;border-color:var(--signal);font-weight:800}
.v-actions button:hover{box-shadow:0 0 24px rgba(var(--signal-rgb),.18)}
nav{height:80px!important;background:rgba(2,7,9,.9)!important;backdrop-filter:blur(20px);border-top:1px solid var(--line)!important}
nav button{border-right:1px solid rgba(255,255,255,.07)!important;transition:.25s}
nav button svg{width:21px!important;height:21px!important}
nav button small{font:9px var(--mono)!important;letter-spacing:.08em!important}
nav button.selected{color:var(--signal)!important;background:linear-gradient(0deg,rgba(var(--signal-rgb),.1),transparent)!important}
nav button:hover{color:var(--paper)!important;background:rgba(255,255,255,.025)}
#library,#channels,#audiobook,#reader{background:#03080a!important}
#library>h2,#channels>h2,#audiobook>h2{font:500 clamp(38px,7vw,86px)/.9 var(--serif)!important;letter-spacing:-.05em!important}
#library .issue-card,.channel-card{background:#071014!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important}
#library .issue-card:hover,.channel-card:hover{border-color:var(--signal)!important;transform:translateY(-4px)}
#reader{isolation:isolate}
#comic{background-color:#020506!important}
#comic.loading:after{content:"DECODING FRAME";position:absolute;inset:0;display:grid;place-items:center;background:rgba(2,7,9,.78);color:var(--signal);font:10px var(--mono);letter-spacing:.28em;z-index:8;animation:vBlink .9s steps(2) infinite}
@keyframes vBlink{50%{opacity:.55}}
#caption{border-color:var(--signal)!important;box-shadow:0 0 28px rgba(var(--signal-rgb),.09)}
.v-world-map{position:relative;max-width:1180px;margin:0 auto 54px;padding:clamp(28px,5vw,62px);border:1px solid var(--line);overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(var(--signal-rgb),.08),transparent 43%),#040b0e}
.v-world-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:50px 50px;opacity:.16}
.v-world-head{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}
.v-world-head h3{margin:0;font:500 clamp(30px,5vw,62px)/.9 var(--serif);letter-spacing:-.04em}
.v-world-head p{max-width:34ch;color:var(--muted);font:12px/1.5 var(--mono)}
.v-constellation{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.v-node{appearance:none;min-height:160px;text-align:left;padding:20px;border:1px solid var(--line);background:rgba(3,8,10,.78);color:var(--paper);cursor:pointer;clip-path:polygon(0 0,90% 0,100% 12%,100% 100%,10% 100%,0 88%)}
.v-node:hover{border-color:var(--signal);box-shadow:inset 0 0 40px rgba(var(--signal-rgb),.07)}
.v-node i{font:9px var(--mono);font-style:normal;color:var(--signal);letter-spacing:.16em}
.v-node strong{display:block;margin:30px 0 7px;font:700 13px/1 var(--mono)}
.v-node span{font:11px/1.35 var(--serif);color:var(--muted)}
.v-command{position:fixed;inset:0;z-index:999;background:rgba(1,4,5,.86);backdrop-filter:blur(24px);display:none;padding:12vh 18px}
.v-command.open{display:block}
.v-command-shell{max-width:720px;margin:auto;border:1px solid var(--signal);background:#061014;box-shadow:0 0 80px rgba(var(--signal-rgb),.15)}
.v-command-top{display:flex;border-bottom:1px solid var(--line)}
.v-command input{flex:1;background:transparent;border:0;color:var(--paper);font:16px var(--mono);padding:22px;outline:0}
.v-command .close{width:64px;background:transparent;border:0;color:var(--signal);font-size:24px}
.v-results{max-height:56vh;overflow:auto;padding:8px}
.v-result{display:grid;grid-template-columns:72px 1fr auto;gap:14px;width:100%;text-align:left;padding:14px;border:0;background:transparent;color:var(--paper);cursor:pointer}
.v-result:hover,.v-result:focus{background:rgba(var(--signal-rgb),.08);outline:1px solid var(--line)}
.v-result b{font:12px var(--mono)}
.v-result span,.v-result em{font:9px var(--mono);color:var(--muted);font-style:normal}
.v-install{position:fixed;right:18px;bottom:96px;z-index:30;border:1px solid var(--line);background:#071115;color:var(--paper);padding:11px 14px;font:9px var(--mono);letter-spacing:.12em}
body.low-power .projection-canvas,body.low-power .interface-energy,body.low-power .home-interface-face:before{animation:none!important;filter:none!important}
body.low-power #home:after{display:none}
@media(max-width:900px){
  #home{grid-template-columns:1fr;align-content:start;gap:22px;padding:54px 18px 110px!important}
  .v-telemetry{top:16px;left:18px;right:18px}
  .v-series-dock{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:8px -18px 0;padding:0 18px;gap:0}
  .v-series{min-width:145px;scroll-snap-align:start;padding:13px 14px;border-left:0;border-bottom:1px solid rgba(255,255,255,.16)}
  .v-series:before{left:0;bottom:-2px;top:auto;height:3px!important;width:0}
  .v-series[aria-current="true"]:before{width:72%;height:3px!important}
  .v-series:hover,.v-series[aria-current="true"]{transform:none}
  .home-interface-face{width:min(92vw,470px)!important;margin:-6px auto -10px}
  .v-core-label{transform:translate(-50%,58px)}
  .v-signal-card{padding:18px 12px 12px 20px}
  .v-signal-card h2{font-size:42px}
  .v-constellation{grid-template-columns:1fr 1fr}
  .v-world-head{display:block}
  nav{height:76px!important}
}
@media(max-width:520px){
  header{height:64px;padding:0 18px}
  header h1{font-size:12px!important}
  #clock{display:none}
  #home{min-height:calc(100svh - 140px)}
  .v-series span,.v-series em{font-size:7px}
  .v-series strong{font-size:11px}
  .v-signal-card h2{font-size:36px}
  .v-actions button{padding:12px 11px;font-size:9px}
  .v-constellation{grid-template-columns:1fr}
  .v-node{min-height:118px}
  nav button small{font-size:7px!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* projection.css */
/* Glass application surface: one bounded display, usable controls and subtle depth. */
body{background:#030a14!important}
body>header{background:#071020e8!important;border-bottom:1px solid #8bddff20!important;height:64px!important}
body>header .brand{font:600 13px/1.2 Arial,sans-serif!important;letter-spacing:.18em!important}
body>header .online{font-size:11px}.online i{box-shadow:none!important}
#home:not(.active){display:none!important}
#home.active{display:grid!important;grid-template-columns:1fr!important;gap:20px!important;width:100%!important;max-width:1080px!important;min-height:0!important;margin:auto!important;padding:24px 24px 105px!important;overflow:visible!important;background:radial-gradient(ellipse at 50% 45%,#14364c55,transparent 65%)!important}
#home:before,#home:after,.v-telemetry,.v-signal-card,.v-core-label{display:none!important}
#home .v-series-dock{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0!important;padding:0!important;width:100%;overflow:visible!important}
#home .v-series{min-width:0!important;padding:13px 9px!important;border:1px solid #86d6ff20!important;border-radius:12px;background:#0b1725!important;transform:none!important;text-align:center;min-height:62px}
#home .v-series strong{font:600 13px/1.25 Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;overflow-wrap:normal}
#home .v-series span,#home .v-series em,#home .v-series:before{display:none!important}
#home .v-series[aria-current="true"]{border-color:#96eaff88!important;color:#dbf7ff!important;background:linear-gradient(145deg,#27506480,#102439)!important;box-shadow:inset 0 1px #b9efff40,0 6px 20px #0003}
#home .home-interface-face{display:block!important;position:relative!important;inset:auto!important;width:100%!important;max-width:700px!important;max-height:none!important;aspect-ratio:1/1!important;height:auto!important;min-height:0!important;margin:0 auto!important;padding:0!important;clip-path:none!important;overflow:hidden!important;border-radius:28px!important;border:1px solid #92dbff80!important;background:linear-gradient(120deg,#a3e5ff0a,transparent 38%,#79c9ff06 70%,#c0f5ff0a),radial-gradient(ellipse at 50% 42%,#163047aa,#071424e6 64%)!important;box-shadow:inset 0 1px 1px #dcfaff88,inset 1px 0 #8dcfff30,inset -1px 0 #8dcfff30,0 0 0 5px #07121e,0 0 0 6px #71cfff24,0 24px 50px #0008!important;filter:none!important;transform:none!important}
#home .home-interface-face:before{content:""!important;display:block!important;position:absolute!important;inset:10px!important;border-radius:20px!important;border:1px solid #88dcff20!important;background:none!important;animation:none!important;transform:none!important;filter:none!important;opacity:1!important;pointer-events:none}
#home .home-interface-face:after{display:none!important}
#homeHolo{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:none!important;opacity:1!important}
.face-corner,.holo-volume,.home-holo-emitter{display:none!important}
.glass-readout{position:absolute;left:7%;right:7%;top:6%;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#e2f8ff;font:500 14px/1.3 Arial,sans-serif}
.glass-count{color:#8eabbf;font-size:12px;white-space:nowrap}
#home .face-reader{position:absolute!important;left:26%!important;top:24%!important;inset-inline-start:26%!important;width:48%!important;height:40%!important;transform:none!important;border:0!important;border-radius:50%!important;box-shadow:none!important;background:transparent!important;z-index:4!important}
.face-reader>* ,.face-reader:before,.face-reader:after{display:none!important}
.face-reader:focus-visible{outline:2px solid #b8f5ff!important;outline-offset:3px}
#home .face-actions{display:none!important}
.glass-launch{position:absolute;left:12%;right:12%;bottom:7%;width:76%;height:48px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border:1px solid #a4ebff80;border-radius:14px;background:linear-gradient(180deg,#81d9ff23,#36597520);box-shadow:inset 0 1px #ddfaff55,0 5px 18px #0004;color:#e8fbff;font:500 14px Arial,sans-serif;cursor:pointer;z-index:5}
.glass-launch:hover,.glass-launch:focus-visible{background:#68c5ec35;outline:2px solid #90e2ff;outline-offset:3px}.glass-launch:active{transform:scale(.98)}.glass-launch b{font-size:20px}
body>nav{left:50%!important;right:auto!important;bottom:max(10px,env(safe-area-inset-bottom))!important;transform:translateX(-50%);width:calc(100% - 24px)!important;max-width:720px;height:70px!important;border:1px solid #8ccfff38!important;border-radius:20px;background:#091627ed!important;box-shadow:inset 0 1px #c5eeff19,0 8px 36px #0009;overflow:hidden}
body>nav button{border:0!important;background:transparent!important;min-width:0!important;padding:8px 2px!important;color:#85a2b6!important}
body>nav button.selected{background:#69c6ff16!important;color:#bcf3ff!important}
body>nav button small{font:11px/1.3 Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.v-install{bottom:90px!important;font-size:11px!important;border-radius:8px;opacity:.65}
#reader.active{padding-top:18px!important}
.reader-console{border-radius:20px!important;clip-path:none!important;border:1px solid #99dcff70!important;background:linear-gradient(125deg,#17394b66,#07121fe8 45%,#142b3a88)!important;box-shadow:inset 0 1px #d8f7ff55,0 15px 45px #0008!important;filter:none!important}
.reader-console:before,.reader-console:after{display:none!important}
.console-screen{border:1px solid #8dd5f73a!important;border-radius:12px!important;box-shadow:none!important;background:#06111a!important}
.violet-rail{display:none!important}.console-screen .stage:before{content:none!important}
.audio-console{border-radius:20px!important;clip-path:none!important;border-color:#8edbff55!important;box-shadow:inset 0 1px #bcf1ff44,0 12px 35px #0007!important}
.audio-console:before{content:none!important}
@media(min-width:900px){#home.active{grid-template-columns:180px minmax(0,700px)!important;align-items:center;gap:34px!important}#home .v-series-dock{grid-template-columns:1fr;gap:12px}#home .v-series{min-height:78px;text-align:left;padding:18px!important}}
@media(max-width:400px){#home.active{padding:18px 16px 105px!important;gap:18px!important}#home .v-series strong{font-size:12px!important}.glass-readout{font-size:12px}.glass-count{font-size:11px}.glass-launch{height:44px;bottom:6%;font-size:13px}body>nav button small{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.glass-launch{transition:none}}

/* app-polish.css */
:root{--app-bg:#030708;--app-line:rgba(126,231,241,.18)}html,body{max-width:100%;overflow-x:hidden;background:var(--app-bg)}
header{height:66px!important;padding:0 max(18px,env(safe-area-inset-left))!important;border-bottom:1px solid var(--app-line)!important;background:rgba(3,7,8,.84)!important;backdrop-filter:blur(24px) saturate(1.3)}.brand{font-size:13px;letter-spacing:.18em}.online{font-size:0}.online i{width:7px;height:7px;margin:0;box-shadow:0 0 14px #8ce5b1}.online time{display:inline;margin-left:12px;font-size:11px;color:#9eaaae}#menu{width:46px;height:40px;border:1px solid var(--app-line)!important;border-radius:14px;background:#071013!important}.v-install,.v-telemetry,.v-core-label{display:none!important}
main{padding-bottom:76px!important}nav{height:72px!important;position:fixed!important;left:0;right:0;bottom:0;padding-bottom:env(safe-area-inset-bottom);background:rgba(2,7,8,.9)!important;backdrop-filter:blur(26px) saturate(1.45);border-top:1px solid var(--app-line)!important}nav button{min-width:0!important;flex:1;border:0!important;background:transparent!important}nav button svg{width:22px!important;height:22px!important}nav button small{font-size:0!important}nav button small:after{font-size:10px;letter-spacing:0;text-transform:none}nav button:nth-child(1) small:after{content:'Home'}nav button:nth-child(2) small:after{content:'Read'}nav button:nth-child(3) small:after{content:'Issues'}nav button:nth-child(4) small:after{content:'Listen'}nav button:nth-child(5) small:after{content:'Worlds'}nav button:nth-child(6) small:after{content:'Sound'}
#channels{padding:22px clamp(16px,4vw,46px) 104px!important;background:radial-gradient(circle at 50% 0,#15303944,transparent 31%),#030708!important}.channels-head{display:flex!important;align-items:center!important;justify-content:space-between;padding:7px 2px 18px!important}.channels-head p,.channels-head h1{display:none}.channels-head>span{font-size:0!important}.channels-head>span:after{content:'Worlds';font:700 14px system-ui;color:#dce5e6;letter-spacing:0;text-transform:none}.channel-grid{grid-template-columns:repeat(3,1fr)!important;gap:14px!important;margin-top:18px!important}.channel{min-height:470px!important;padding:22px!important;border-radius:25px;clip-path:none!important;border-color:color-mix(in srgb,var(--channel) 28%,#1b2a2e)!important;background:linear-gradient(160deg,color-mix(in srgb,var(--channel) 8%,#0a1214),#030607 58%)!important}.channel small{font-size:11px!important;letter-spacing:.06em!important}.channel h2{font:600 clamp(31px,3.5vw,50px)/.95 Georgia,serif!important;letter-spacing:-.045em!important;text-transform:none!important;margin:16px 0 10px!important}.channel p{font:15px/1.45 system-ui!important;color:#9ba9ac!important}.channel-symbol{width:118px!important;margin:22px auto 12px!important}.channel button{width:52px!important;height:52px!important;min-height:52px!important;margin:18px 0 0 auto!important;padding:0!important;display:grid!important;place-items:center;border-radius:50%;font-size:0!important}.channel button b{font-size:20px;font-weight:400}
#edenfiles{padding:18px clamp(14px,4vw,48px) 104px!important;background:radial-gradient(circle at 50% 9%,#163d4655,transparent 30%),#030708!important}.eden-head{align-items:center!important;padding:4px 2px 15px!important}.eden-head p{font-size:0!important}.eden-head p:after{content:'Characters';font:700 14px system-ui;letter-spacing:0;color:#dbe5e6}.eden-head h1{display:none}.eden-head>button{width:42px;height:42px;min-height:42px!important;padding:0!important;border-radius:50%;font-size:0!important}.eden-head>button:after{content:'‹';font:300 30px/1 Arial}.dossier-console{display:block!important;min-height:0!important;padding-top:18px!important}.character-deck{height:min(70vh,650px)!important;min-height:540px!important;max-width:430px;margin:auto}.dossier-card{width:min(88vw,410px)!important;height:min(68vh,620px)!important;min-height:530px!important;border-radius:28px;clip-path:none!important;border:1px solid rgba(126,231,241,.32)!important;background:#071013!important;box-shadow:0 26px 70px #000,0 0 45px rgba(94,224,238,.08)!important}.dossier-card>img{height:62%!important;object-position:var(--portrait-position,center)!important;filter:saturate(.78) contrast(1.07)!important}.dossier-shade{background:linear-gradient(180deg,rgba(2,7,9,.3),transparent 31%,#061014 61%,#061014 100%)!important}.dossier-card>header{height:58px!important;padding:18px 20px!important;border:0!important;font-size:11px!important}.dossier-card>section{padding:23px 22px 25px!important}.dossier-card section>p{font-size:10px!important;margin-bottom:7px!important}.dossier-card h2{font:650 36px/.95 Georgia,serif!important;letter-spacing:-.04em!important;text-transform:none!important;margin:0 0 15px!important}.dossier-card dl{margin:0!important}.dossier-card dl div{grid-template-columns:58px 1fr!important;padding:7px 0!important;font-size:11px!important}.dossier-card blockquote{font:italic 14px/1.35 Georgia,serif!important;margin:14px 0 0!important}.dossier-guide{max-width:430px;margin:12px auto 0!important;padding:0!important;border:0!important;background:transparent!important;clip-path:none!important}.dossier-guide>span,.dossier-guide h2,.dossier-guide>p,.eden-audio{display:none!important}.dossier-controls{grid-template-columns:52px 1fr 52px!important;margin:0!important;border:0!important}.dossier-controls button{height:48px!important;border:1px solid var(--app-line)!important;border-radius:50%;background:#071013!important;font-size:20px}.dossier-controls b{font-size:12px!important;color:#9eaaae!important}
@media(max-width:760px){.channel-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-14px!important;padding:0 14px 12px;scrollbar-width:none}.channel{flex:0 0 84vw;min-height:420px!important;scroll-snap-align:center}.channel p{font-size:14px!important}.channel h2{font-size:37px!important}.channel-symbol{width:105px!important}.character-deck{min-height:540px!important}.dossier-card{min-height:520px!important}.dossier-card h2{font-size:34px!important}}@media(max-width:390px){nav button:nth-child(6){display:none}.dossier-card{min-height:500px!important}.dossier-card blockquote{display:none}.dossier-card h2{font-size:31px!important}}

/* editorial-v2.css */
:root{--hx-accent:#7fe8f5;--hx-warm:#d7ad61;--hx-bg:#020607;--hx-panel:#081114;--hx-rule:rgba(127,232,245,.25)}
#home.hx-editorial{display:flex!important;flex-direction:column!important;place-items:initial!important;align-items:stretch!important;gap:0!important;min-height:calc(100svh - 138px)!important;width:100%!important;max-width:1180px!important;padding:0 0 88px!important;background:#020607!important;overflow:hidden}
#home.hx-editorial:before{content:"";position:absolute;inset:96px 0 0;background:linear-gradient(128deg,transparent 52%,rgba(127,232,245,.09) 52.15%,transparent 52.4%),linear-gradient(52deg,transparent 69%,rgba(127,232,245,.08) 69.1%,transparent 69.35%);opacity:.72;pointer-events:none}
#home.hx-editorial:after{content:"";position:absolute;right:-10%;bottom:0;width:42%;height:62%;background:linear-gradient(155deg,transparent 48%,rgba(127,232,245,.07) 48%);transform:none;left:auto;top:auto;border:0;pointer-events:none}
.hx-seriesbar{position:relative;z-index:2;display:grid;grid-template-columns:58px repeat(4,minmax(150px,1fr));gap:8px;padding:12px 18px;border-block:1px solid var(--hx-rule);overflow-x:auto;scrollbar-width:none}.hx-mark{display:grid;place-items:center;border:1px solid var(--hx-accent);color:var(--hx-accent);font:800 14px/1 monospace}.hx-tab{position:relative;min-height:72px;padding:14px 16px;text-align:left;border:1px solid rgba(255,255,255,.13);background:#071013;color:#a2adb0;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));cursor:pointer}.hx-tab small{display:block;font:700 10px/1.2 monospace;letter-spacing:.08em;color:#6e7b80}.hx-tab b{display:block;margin-top:6px;font:800 13px/.95 Arial,sans-serif;text-transform:uppercase}.hx-tab span{position:absolute;right:12px;top:14px;font:700 9px monospace;color:#69767a}.hx-tab[aria-current=true]{border-color:var(--hx-accent);color:#f2f0e9;box-shadow:inset 5px 0 var(--hx-accent)}.hx-tab[aria-current=true]:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(127,232,245,.09),transparent);pointer-events:none}
.hx-hero{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;justify-content:center;padding:clamp(54px,10vh,110px) clamp(24px,8vw,96px) 54px}.hx-kicker{align-self:flex-start;margin:0 0 34px;padding:12px 18px;border-left:3px solid var(--hx-accent);background:#091215;color:var(--hx-accent);font:800 12px/1.25 monospace;letter-spacing:.2em;text-transform:uppercase}.hx-headline{max-width:760px;margin:0;font-size:clamp(54px,8vw,112px);line-height:.78;letter-spacing:-.07em;text-transform:uppercase}.hx-headline strong{display:block;color:#ecebe5;font-family:Impact,"Arial Narrow",sans-serif;font-style:italic;font-weight:900}.hx-headline em{display:block;color:var(--hx-warm);font-family:Georgia,serif;font-weight:400}.hx-summary{max-width:620px;margin:38px 0 0;padding:0 0 0 24px;border-left:1px solid var(--hx-accent);color:#abb3b4;font:clamp(17px,2vw,24px)/1.5 Georgia,serif}.hx-actions{display:flex;gap:12px;margin-top:30px}.hx-actions button{min-width:190px;height:58px;padding:0 28px;border:1px solid var(--hx-accent);background:#071013;color:#eff2ed;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%);font:800 12px monospace;letter-spacing:.16em;text-transform:uppercase}.hx-actions .hx-primary{background:var(--hx-accent);color:#020607}.hx-editorial[data-world=zero]{--hx-accent:#ef6559;--hx-rule:rgba(239,101,89,.3)}.hx-editorial[data-world=zero] .hx-headline em{color:#ecebe5}.hx-editorial[data-world=garden]{--hx-accent:#a8df79;--hx-rule:rgba(168,223,121,.28)}.hx-editorial[data-world=dark]{--hx-accent:#c0a0ff;--hx-rule:rgba(192,160,255,.28)}
#channels .channel{border-radius:0!important;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))!important}.channel-symbol{filter:none!important;background:none!important}.channel-symbol:before,.channel-symbol:after{animation:none!important;opacity:.45}
#library .library-title h1{font-family:Impact,"Arial Narrow",sans-serif!important;font-style:italic;text-transform:uppercase}.library-grid .card{border-radius:0!important;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)!important;background:#071013!important}.library-grid .card h2{font-family:Georgia,serif!important}
.dossier-card>img{height:68%!important;transform:scale(var(--portrait-scale,1.8));transform-origin:var(--portrait-origin,50% 25%);object-position:var(--portrait-position,center 25%)!important}.dossier-shade{background:linear-gradient(180deg,rgba(2,7,9,.06),transparent 43%,#061014 69%,#061014 100%)!important}.dossier-card h2{font-family:Impact,"Arial Narrow",sans-serif!important;font-style:italic;text-transform:uppercase!important;letter-spacing:-.025em!important}.dossier-card>header{z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.7),transparent)!important}.dossier-card>section{z-index:2}.character-deck:before{content:"SWIPE CHARACTER";position:absolute;z-index:30;left:50%;bottom:3px;transform:translateX(-50%);font:700 10px monospace;letter-spacing:.18em;color:#738286;white-space:nowrap}
.atmosphere .holo-hallway,.atmosphere .calibration-pulse,.atmosphere .face-transmission{display:none!important}.atmosphere:after{content:"";position:absolute;inset:12%;border:1px solid rgba(127,232,245,.13);clip-path:polygon(0 0,88% 0,100% 12%,100% 100%,12% 100%,0 88%);box-shadow:inset 0 0 46px rgba(127,232,245,.035);pointer-events:none}
@media(max-width:680px){#home.hx-editorial{min-height:calc(100svh - 138px)!important}.hx-seriesbar{grid-template-columns:46px repeat(4,200px);padding:10px 12px}.hx-tab{min-height:72px}.hx-hero{justify-content:flex-start;padding:56px 24px 32px}.hx-kicker{margin-bottom:34px;font-size:10px}.hx-headline{font-size:clamp(50px,15vw,72px)}.hx-summary{font-size:18px;margin-top:34px;padding-left:20px}.hx-actions{display:grid;grid-template-columns:1fr 1fr}.hx-actions button{min-width:0;height:56px;padding:0 12px;font-size:10px}.dossier-card>img{transform:scale(var(--portrait-scale,2.15))}.dossier-card blockquote{display:none}.dossier-card dl div{font-size:10px!important}}

/* corrections-v3.css */
nav button small{font-size:10px!important;letter-spacing:0!important;text-transform:none!important}nav button small:after{content:none!important;display:none!important}nav{padding-inline:12px!important}nav button{overflow:hidden!important}
.channel button{display:grid!important;place-items:center!important;color:var(--channel)!important}.channel button b{display:none!important}.channel button:after{content:'↗';display:grid;place-items:center;width:100%;height:100%;font:400 25px/1 Arial,sans-serif;color:var(--channel)}
.dossier-card .identity-art{position:absolute;inset:0 0 38%;display:grid;place-items:center;background:radial-gradient(circle at 50% 48%,rgba(126,231,241,.09),transparent 34%),linear-gradient(145deg,#0a1417,#020607 70%)}.identity-art:before{content:"";position:absolute;width:42%;aspect-ratio:1;border:1px solid rgba(126,231,241,.28);transform:rotate(45deg);box-shadow:0 0 50px rgba(126,231,241,.05)}.identity-art b{position:relative;z-index:1;font:500 54px/1 Georgia,serif;color:#dce8e8;letter-spacing:.04em}.identity-art span{position:absolute;bottom:24px;font:700 9px monospace;letter-spacing:.18em;color:#7e9297}.dossier-shade{pointer-events:none}.dossier-card>section{background:linear-gradient(180deg,transparent,#061014 12%)!important}.character-deck:before{bottom:-4px!important}
@media(max-width:680px){nav{height:78px!important;border-radius:0!important}nav button small{font-size:9px!important}.channel button:after{font-size:23px}.dossier-card .identity-art{inset-bottom:40%}}

/* no-arrows-v4.css */
.channel button:before{content:""!important;display:block!important;width:20px;height:20px;border:1px solid currentColor;border-radius:50%;background:radial-gradient(circle,currentColor 0 2px,transparent 2.5px),conic-gradient(from 18deg,transparent 0 19%,currentColor 19% 21%,transparent 21% 44%,currentColor 44% 46%,transparent 46% 69%,currentColor 69% 71%,transparent 71%);box-shadow:0 0 0 5px color-mix(in srgb,currentColor 8%,transparent),0 0 18px color-mix(in srgb,currentColor 28%,transparent);transition:transform .24s ease,box-shadow .24s ease}.channel button:after{content:""!important;display:none!important}.channel button:hover:before,.channel button:focus-visible:before{transform:rotate(30deg) scale(.92);box-shadow:0 0 0 6px color-mix(in srgb,currentColor 12%,transparent),0 0 24px color-mix(in srgb,currentColor 38%,transparent)}.channel button:focus-visible{outline:1px solid currentColor;outline-offset:4px}.glass-launch b,.v-actions button.primary:after,.v-result em{display:none!important}.hx-actions button{letter-spacing:.14em}

/* eden-focus-v5.css */
#channels .v-world-map,
#channels .channel-coordinate,
#channels .channel-dark{display:none!important}
#channels .channels-head>span:after{content:"Eden Project Files"!important}
#channels .channel-grid{grid-template-columns:minmax(0,720px)!important;justify-content:center!important;max-width:720px;margin:18px auto 0!important}
#channels .channel-eden{width:100%;min-height:min(670px,72svh)!important}
#channels .channel-eden h2{max-width:460px!important}
#channels .channel-eden p{max-width:42ch!important}
@media(max-width:760px){#channels .channel-grid{max-width:100%}#channels .channel-eden{min-height:600px!important}}

/* eden-symbol-v6.css */
#channels .channel-eden{--channel:#a886ff;isolation:isolate;min-height:min(610px,70svh)!important;border:1px solid rgba(153,198,255,.25)!important;border-radius:28px!important;background:radial-gradient(circle at 50% 17%,rgba(126,93,255,.18),transparent 31%),radial-gradient(circle at 88% 88%,rgba(61,211,255,.11),transparent 34%),linear-gradient(155deg,rgba(13,25,48,.98),rgba(3,8,17,.99) 68%)!important;box-shadow:inset 0 1px rgba(215,235,255,.12),0 24px 70px rgba(0,0,0,.42),0 0 50px rgba(112,91,255,.08)!important;overflow:hidden}
#channels .channel-eden:before{inset:0!important;background:linear-gradient(110deg,transparent 42%,rgba(190,224,255,.06) 50%,transparent 58%),linear-gradient(rgba(130,187,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(130,187,255,.035) 1px,transparent 1px)!important;background-size:auto,36px 36px,36px 36px!important;animation:eden-panel-scan 7s ease-in-out infinite!important;opacity:.9}
#channels .channel-eden:after{content:"02  /  EDEN";position:absolute;top:22px;right:22px;color:#7790aa;font:600 10px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em}
#channels .channel-eden>small{width:max-content;padding:7px 10px;border:1px solid rgba(166,137,255,.3);border-radius:999px;color:#c9b9ff!important;background:rgba(114,82,220,.1);font:650 10px/1 system-ui!important;letter-spacing:.08em!important}
#channels .channel-eden .channel-symbol{width:178px!important;aspect-ratio:1!important;margin:30px auto 20px!important;border:0!important;border-radius:50%!important;clip-path:none!important;color:#bba8ff!important;background:radial-gradient(circle,rgba(126,104,255,.18),rgba(54,204,255,.05) 45%,transparent 70%)!important;filter:drop-shadow(0 0 16px rgba(149,121,255,.48))!important;box-shadow:none!important}
#channels .channel-eden .channel-symbol:before,#channels .channel-eden .channel-symbol:after{content:"";position:absolute;border-radius:50%!important;border:1px solid rgba(166,143,255,.34)!important;background:none!important;pointer-events:none}
#channels .channel-eden .channel-symbol:before{inset:3px!important;border-inline-color:transparent!important;animation:eden-orbit 12s linear infinite!important}
#channels .channel-eden .channel-symbol:after{inset:19px!important;border-block-color:transparent!important;animation:eden-orbit 8s linear infinite reverse!important}
#channels .channel-eden .channel-symbol svg{width:72%!important;height:72%!important;overflow:visible;stroke:currentColor!important;stroke-width:1.15!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 0 7px rgba(189,172,255,.6))!important}
#channels .channel-eden .channel-symbol svg .eden-back{opacity:.2}.channel-eden .channel-symbol svg .eden-mid{opacity:.44}.channel-eden .channel-symbol svg .eden-detail{opacity:.8}
#channels .channel-eden h2{max-width:520px!important;margin:2px 0 10px!important;color:#f3f7ff!important;font:650 clamp(34px,5vw,55px)/.94 system-ui,-apple-system,sans-serif!important;letter-spacing:-.052em!important;text-transform:none!important}
#channels .channel-eden p{max-width:46ch!important;color:#94a8bc!important;font:15px/1.5 system-ui,-apple-system,sans-serif!important}
#channels .channel-eden button{width:100%!important;height:56px!important;min-height:56px!important;margin:22px 0 0!important;padding:0 18px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;border:1px solid rgba(154,189,255,.28)!important;border-radius:17px!important;clip-path:none!important;color:#f1f7ff!important;background:linear-gradient(100deg,rgba(115,84,231,.28),rgba(39,147,208,.16))!important;font:650 13px/1 system-ui!important;letter-spacing:.01em!important;text-transform:none!important;box-shadow:inset 0 1px rgba(224,239,255,.1)!important}
#channels .channel-eden button:before{display:none!important}
#channels .channel-eden button b{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;color:#d9efff;background:rgba(184,212,255,.1);font-size:16px!important;transition:transform .2s ease}
#channels .channel-eden button:hover,#channels .channel-eden button:focus-visible{background:linear-gradient(100deg,rgba(126,92,245,.4),rgba(47,162,224,.24))!important}
#channels .channel-eden button:hover b,#channels .channel-eden button:focus-visible b{transform:translate(2px,-2px)}
@keyframes eden-orbit{to{transform:rotate(1turn)}}
@keyframes eden-panel-scan{0%,62%{transform:translateX(-105%)}84%,100%{transform:translateX(105%)}}
@media(max-width:760px){#channels{padding-top:14px!important}#channels .channels-head{padding-bottom:12px!important}#channels .channel-grid{margin-top:8px!important}#channels .channel-eden{min-height:calc(100svh - 236px)!important;max-height:620px;padding:20px!important}#channels .channel-eden:after{top:21px;right:20px}#channels .channel-eden .channel-symbol{width:150px!important;margin:24px auto 16px!important}#channels .channel-eden h2{font-size:clamp(34px,10vw,43px)!important}#channels .channel-eden p{font-size:14px!important}#channels .channel-eden button{margin-top:auto!important}}
@media(max-width:390px){#channels .channel-eden{min-height:500px!important}#channels .channel-eden .channel-symbol{width:128px!important;margin:18px auto 12px!important}#channels .channel-eden h2{font-size:35px!important}}
@media(prefers-reduced-motion:reduce){#channels .channel-eden:before,#channels .channel-eden .channel-symbol:before,#channels .channel-eden .channel-symbol:after{animation:none!important}}

/* experience-v7.css */
:root{--hx-ease:cubic-bezier(.2,.8,.2,1)}
.hx-resume-strip{display:none;align-items:center;gap:14px;max-width:650px;margin-top:28px;padding:12px 14px;border:1px solid rgba(127,232,245,.2);background:rgba(5,13,16,.88);backdrop-filter:blur(18px);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.hx-resume-strip[data-ready="true"]{display:grid;grid-template-columns:auto minmax(0,1fr) auto}
.hx-resume-signal{width:9px;height:9px;border-radius:50%;background:var(--hx-accent);box-shadow:0 0 15px color-mix(in srgb,var(--hx-accent) 70%,transparent)}
.hx-resume-copy{min-width:0}.hx-resume-copy small,.hx-resume-copy strong{display:block}.hx-resume-copy small{color:#7f9196;font:700 10px/1.2 monospace;letter-spacing:.14em;text-transform:uppercase}.hx-resume-copy strong{margin-top:4px;overflow:hidden;color:#edf1ed;font:600 14px/1.2 system-ui;white-space:nowrap;text-overflow:ellipsis}
.hx-resume-meter{display:block;width:100%;height:2px;margin-top:7px;background:rgba(255,255,255,.1);overflow:hidden}.hx-resume-meter i{display:block;height:100%;width:var(--read-progress,0%);background:var(--hx-accent);box-shadow:0 0 12px var(--hx-accent);transition:width .35s var(--hx-ease)}
.hx-resume-button{grid-column:3;grid-row:1/3;align-self:stretch;min-width:92px;border:0;border-left:1px solid rgba(127,232,245,.2);background:transparent;color:var(--hx-accent);font:800 10px monospace;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.hx-resume-button:active{background:color-mix(in srgb,var(--hx-accent) 12%,transparent)}
.card{position:relative}.hx-card-progress{position:absolute;left:17px;right:17px;bottom:10px;height:2px;background:rgba(255,255,255,.08);pointer-events:none}.hx-card-progress i{display:block;height:100%;width:var(--card-progress,0%);background:var(--blue,#80d4e8);box-shadow:0 0 10px currentColor}.card[data-read="true"]{border-color:color-mix(in srgb,var(--blue,#80d4e8) 48%,#25343a)!important}
.hx-tab,.hx-actions button,.channel button,.card,nav button{transition:transform .22s var(--hx-ease),background-color .22s ease,border-color .22s ease,color .22s ease,opacity .22s ease!important;-webkit-tap-highlight-color:transparent}.hx-tab:active,.hx-actions button:active,.channel button:active,.card:active,nav button:active{transform:scale(.975)!important}
::view-transition-old(root){animation:hx-out .16s ease both}::view-transition-new(root){animation:hx-in .28s var(--hx-ease) both}@keyframes hx-out{to{opacity:0;transform:scale(.995)}}@keyframes hx-in{from{opacity:0;transform:translateY(5px)}}
@media(max-width:600px){.hx-resume-strip{margin-top:22px;gap:10px;padding:11px 10px}.hx-resume-strip[data-ready="true"]{grid-template-columns:auto minmax(0,1fr) 82px}.hx-resume-copy strong{font-size:13px}.hx-resume-button{min-width:82px}.hx-actions{margin-top:18px!important}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.hx-tab,.hx-actions button,.channel button,.card,nav button{transition:none!important}}

/* eden-project-v8.css */
/* Eden Protocol: holographic folder + illustrated dossier system */
#channels .channel-eden .channel-symbol{
  width:min(76%,310px)!important;
  height:190px!important;
  aspect-ratio:auto!important;
  margin:28px auto 24px!important;
  border:1px solid rgba(112,232,255,.78)!important;
  border-radius:18px!important;
  color:#ffca66!important;
  background:
    radial-gradient(circle at 48% 49%,rgba(255,177,55,.28),transparent 24%),
    linear-gradient(135deg,rgba(20,225,255,.13),rgba(17,34,75,.18) 58%,rgba(255,180,62,.08))!important;
  box-shadow:inset 0 0 0 4px rgba(63,218,255,.035),inset 0 0 38px rgba(49,218,255,.1),0 0 12px rgba(55,219,255,.45),0 20px 38px rgba(0,0,0,.42)!important;
  filter:none!important;
  transform:perspective(700px) rotateX(4deg) rotateY(-5deg)!important;
}
#channels .channel-eden .channel-symbol:before{
  inset:14px!important;
  border:1px solid rgba(76,224,255,.38)!important;
  border-radius:12px!important;
  border-inline-color:rgba(76,224,255,.38)!important;
  background:repeating-linear-gradient(90deg,transparent 0 23px,rgba(77,222,255,.055) 24px 25px)!important;
  animation:eden-holo-float 4.8s ease-in-out infinite!important;
}
#channels .channel-eden .channel-symbol:after{
  content:"EDEN // ARCHIVE  ·  ACCESS GRANTED"!important;
  inset:auto 24px 16px!important;
  height:25px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(78,226,255,.42)!important;
  border-radius:999px!important;
  color:#8eeeff;
  background:rgba(4,25,40,.72)!important;
  font:650 8px/1 ui-monospace,SFMono-Regular,monospace;
  letter-spacing:.15em;
  animation:none!important;
}
#channels .channel-eden .channel-symbol svg{
  width:112px!important;height:112px!important;
  color:#ffc65d!important;
  filter:drop-shadow(0 0 5px #ffc35c) drop-shadow(0 0 18px rgba(255,177,46,.55))!important;
  animation:eden-core-pulse 3.1s ease-in-out infinite;
}
#channels .channel-eden .channel-symbol svg .eden-back{opacity:.45!important;stroke:#5ee8ff}
#channels .channel-eden .channel-symbol svg .eden-mid{opacity:.58!important;stroke:#77eeff}
#channels .channel-eden .channel-symbol svg .eden-detail{opacity:.9!important}
#channels .channel-eden h2{font-size:clamp(32px,4vw,48px)!important}

#edenfiles{
  background:
    radial-gradient(circle at 50% 12%,rgba(74,224,255,.12),transparent 34%),
    linear-gradient(160deg,#030811,#07101b 54%,#03070d)!important;
}
#edenfiles:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.4;
  background:linear-gradient(rgba(74,220,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(74,220,255,.035) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,#000,transparent 76%);
}
#edenfiles .eden-head{position:relative;z-index:2;border-bottom-color:rgba(103,223,255,.23)!important}
#edenfiles .eden-head p:after{content:'Eden project files'!important}
#edenfiles .dossier-console{position:relative;z-index:2}
#edenfiles .character-deck{height:min(72vh,680px)!important;min-height:590px!important;max-width:460px!important}
#edenfiles .dossier-card{
  width:min(90vw,430px)!important;height:min(70vh,650px)!important;min-height:575px!important;
  border:1px solid rgba(104,232,255,.58)!important;
  border-radius:22px!important;
  background:rgba(3,14,24,.94)!important;
  box-shadow:inset 0 0 0 5px rgba(84,224,255,.025),0 28px 80px #000,0 0 28px rgba(75,219,255,.13)!important;
  clip-path:none!important;
}
#edenfiles .identity-art{display:none!important}
#edenfiles .dossier-card:before{
  content:"";position:absolute;inset:7px;z-index:3;pointer-events:none;border:1px solid rgba(90,226,255,.16);border-radius:16px;
}
#edenfiles .dossier-card>img{
  inset:44px 0 auto!important;width:100%!important;height:calc(61% - 44px)!important;
  object-fit:cover!important;object-position:center top!important;
  transform:none!important;filter:none!important;
}
#edenfiles .dossier-shade{background:linear-gradient(180deg,transparent 0 61%,#030e18 61%,#030e18 100%)!important;backdrop-filter:none!important;filter:none!important}
#edenfiles .dossier-card>header{position:absolute!important;inset:0 0 auto!important;z-index:5;height:44px!important;padding:13px 20px!important;background:#030e18!important;backdrop-filter:none!important;color:#8cecff!important}
#edenfiles .dossier-card>section{z-index:4;top:61%;bottom:0;padding:14px 21px 20px!important;background:#030e18!important;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(116,225,255,.38) transparent}
#edenfiles .dossier-card section>p{margin:0 0 6px!important;color:#d1aeff!important;font:700 10px/1 ui-monospace,SFMono-Regular,monospace!important;letter-spacing:.13em!important}
#edenfiles .dossier-card h2{margin:0 0 11px!important;color:#f3f8ff!important;font:650 33px/.96 system-ui,-apple-system,sans-serif!important;font-style:normal!important;text-transform:none!important;letter-spacing:-.045em!important}
#edenfiles .dossier-card dl{display:grid!important;grid-template-columns:1fr 1fr;margin:0!important;border-top:1px solid rgba(113,218,243,.19)!important}
#edenfiles .dossier-card dl div{display:block!important;padding:7px 8px 7px 0!important;border-bottom:1px solid rgba(113,218,243,.14)!important;font-size:10px!important}
#edenfiles .dossier-card dt{margin-bottom:3px;color:#7594a8!important;font:650 8px/1 ui-monospace,SFMono-Regular,monospace!important;letter-spacing:.12em}
#edenfiles .dossier-card dd{color:#d9e7ed!important;font:500 10px/1.28 system-ui!important}
#edenfiles .dossier-card blockquote{margin:11px 0 0!important;padding-left:11px!important;border-left:2px solid #bc8dff!important;color:#b8c7d0!important;font:italic 12px/1.35 Georgia,serif!important}
#edenfiles .dossier-controls button{border-color:rgba(107,225,255,.3)!important;background:rgba(8,25,39,.92)!important;color:#93ecff!important;box-shadow:inset 0 1px rgba(214,247,255,.08)}
#edenfiles .dossier-controls b{color:#a9bfd0!important}
@keyframes eden-holo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes eden-core-pulse{0%,100%{opacity:.76;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}
@media(max-width:760px){
  #channels .channel-eden .channel-symbol{width:min(92%,280px)!important;height:170px!important;margin:18px auto 18px!important}
  #channels .channel-eden .channel-symbol svg{width:100px!important;height:100px!important}
  #edenfiles .character-deck{height:calc(100svh - 245px)!important;min-height:545px!important}
  #edenfiles .dossier-card{height:calc(100svh - 270px)!important;min-height:535px!important;max-height:620px!important}
  #edenfiles .dossier-card>img{inset-block-start:42px!important;height:calc(60% - 42px)!important}
  #edenfiles .dossier-card>header{height:42px!important;padding-block:12px!important}
  #edenfiles .dossier-card>section{top:60%!important}
  #edenfiles .dossier-shade{background:linear-gradient(180deg,transparent 0 60%,#030e18 60%,#030e18 100%)!important}
}
@media(max-width:390px){
  #channels .channel-eden .channel-symbol{height:148px!important;margin:12px auto!important}
  #channels .channel-eden .channel-symbol svg{width:84px!important;height:84px!important}
  #edenfiles .dossier-card h2{font-size:29px!important}
  #edenfiles .dossier-card dl div{padding-block:5px!important}
  #edenfiles .dossier-card blockquote{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){#channels .channel-eden .channel-symbol:before,#channels .channel-eden .channel-symbol svg{animation:none!important}}

/* Dedicated Eden route: one purpose-built page, not a section in the main scroll. */
body.eden-standalone main{padding-bottom:0!important}
body.eden-standalone main>section:not(#edenfiles){display:none!important}
body.eden-standalone #edenfiles{display:block!important;min-height:calc(100svh - 66px)!important;max-width:none!important;padding-bottom:48px!important}
body.eden-standalone nav{display:none!important}
body.eden-standalone .eden-head>button{display:inline-flex;align-items:center}
@media(max-width:760px){body.eden-standalone #edenfiles{min-height:calc(100svh - 66px)!important;padding-bottom:38px!important}}

/* eden-tablet-v9.css */
/* Eden dossier terminal: complete cards, no cropped inner window. */
body.eden-standalone #edenfiles{
  padding:18px clamp(10px,3vw,34px) 42px!important;
  overflow:visible!important;
}
#edenfiles .dossier-console{
  display:block!important;
  width:min(100%,940px)!important;
  min-height:0!important;
  margin:20px auto 0!important;
  padding:48px 18px 16px!important;
  border:1px solid rgba(116,231,255,.54)!important;
  border-radius:34px!important;
  background:
    linear-gradient(90deg,transparent 0 48%,rgba(123,232,255,.35) 48% 52%,transparent 52%) 50% 18px/72px 1px no-repeat,
    radial-gradient(circle at 50% 0,rgba(81,224,255,.16),transparent 32%),
    linear-gradient(155deg,#071521,#02070d 52%,#07131d)!important;
  box-shadow:inset 0 0 0 6px #02070d,inset 0 0 0 7px rgba(118,229,255,.12),inset 0 0 48px rgba(54,201,238,.08),0 26px 80px #000,0 0 34px rgba(71,220,255,.12)!important;
  overflow:visible!important;
}
#edenfiles .dossier-console:before{
  content:'EDEN // ARCHIVE TERMINAL';
  position:absolute;top:18px;left:28px;
  color:#89eaff;font:700 10px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em;
}
#edenfiles .dossier-console:after{
  content:'';position:absolute;top:16px;right:28px;width:8px;height:8px;border-radius:50%;
  background:#8affc1;box-shadow:0 0 12px #70ffb1;
}
#edenfiles .character-deck{
  width:min(100%,520px)!important;max-width:520px!important;height:auto!important;min-height:0!important;
  aspect-ratio:5/7!important;margin:0 auto!important;overflow:visible!important;perspective:1600px!important;
}
#edenfiles .dossier-card{
  inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;
  border-radius:22px!important;overflow:hidden!important;
  background:#030d16!important;
  box-shadow:inset 0 0 0 1px rgba(147,237,255,.09),0 18px 44px rgba(0,0,0,.68)!important;
}
#edenfiles .dossier-card:not(:first-child)>*{visibility:hidden!important}
#edenfiles .dossier-card>header{
  inset:0 0 auto!important;height:52px!important;padding:17px 22px!important;
  border-bottom:1px solid rgba(112,226,255,.24)!important;background:#04111c!important;
}
#edenfiles .dossier-card>img{
  inset:52px 0 auto!important;width:100%!important;height:58%!important;
  object-fit:cover!important;object-position:var(--portrait-position,50% 20%)!important;background:#02070c!important;
}
#edenfiles .dossier-shade{
  inset:52px 0 auto!important;width:100%!important;height:58%!important;
  background:linear-gradient(180deg,rgba(2,7,12,.04) 0 70%,#030d16 100%)!important;
}
#edenfiles .dossier-card>section{
  left:0!important;right:0!important;top:55%!important;bottom:0!important;
  padding:22px 24px 20px!important;background:#030d16!important;
  overflow:visible!important;
}
#edenfiles .dossier-card h2{font-size:clamp(30px,4vw,42px)!important;margin-bottom:12px!important}
#edenfiles .dossier-card dl{grid-template-columns:1fr 1fr!important}
#edenfiles .dossier-card dl div{padding:7px 8px 7px 0!important}
#edenfiles .dossier-card dt{font-size:9px!important}
#edenfiles .dossier-card dd{font-size:12px!important;line-height:1.35!important}
#edenfiles .dossier-card blockquote{font-size:13px!important;line-height:1.4!important;margin-top:11px!important}
#edenfiles .collector-emblem{
  position:absolute;z-index:8;right:17px;top:calc(55% - 34px);width:68px;height:68px;border-radius:50%;
  display:grid;place-items:center;align-content:center;overflow:hidden;
  border:1px solid rgba(211,247,255,.72);
  background:#03101a;
  color:#d8f8ff;text-align:center;box-shadow:0 0 0 3px rgba(3,13,22,.9),0 0 0 4px hsla(var(--emblem-hue),85%,70%,.48),0 8px 22px #000,0 0 18px hsla(var(--emblem-hue),90%,65%,.25);
}
#edenfiles .collector-emblem:before{content:'';position:absolute;inset:3px;border-radius:50%;padding:1px;background:conic-gradient(from 20deg,#66ecff,#d7a6ff,#ffe7a1,#70ffd4,#66ecff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
#edenfiles .collector-emblem:after{content:'';position:absolute;inset:-35%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.48) 49%,transparent 56%);transform:translateX(-48%);animation:collector-shine 5.5s ease-in-out infinite}
#edenfiles .collector-emblem svg,#edenfiles .collector-emblem b,#edenfiles .collector-emblem small{position:absolute;z-index:1}
#edenfiles .collector-emblem svg{inset:7px;width:54px;height:54px;fill:none;stroke:hsla(var(--emblem-hue),90%,78%,.7);stroke-width:1}
#edenfiles .collector-emblem b{top:23px;font:750 15px/1 ui-monospace,SFMono-Regular,monospace;color:#fff}
#edenfiles .collector-emblem small{bottom:9px;font:700 5px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em;color:#a6d7df}
@keyframes collector-shine{0%,64%{transform:translateX(-55%)}82%,100%{transform:translateX(55%)}}
#edenfiles .dossier-guide{max-width:none!important;margin:10px 0 0!important}
#edenfiles .dossier-controls{max-width:360px!important;margin:0 auto!important;gap:12px!important}
#edenfiles .dossier-controls button{border-radius:14px!important}

@media(max-width:700px){
  body.eden-standalone #edenfiles{padding-inline:8px!important}
  #edenfiles .eden-head{padding-inline:8px!important}
  #edenfiles .dossier-console{margin-top:12px!important;padding:43px 8px 12px!important;border-radius:26px!important}
  #edenfiles .dossier-console:before{top:16px;left:22px;font-size:9px}
  #edenfiles .dossier-console:after{top:14px;right:22px}
  #edenfiles .character-deck{height:790px!important;min-height:790px!important}
  #edenfiles .character-deck{width:min(100%,390px)!important;height:auto!important;min-height:0!important;aspect-ratio:5/7!important}
  #edenfiles .dossier-card{height:100%!important;min-height:0!important;border-radius:18px!important}
  #edenfiles .dossier-card>header{height:44px!important;padding:14px 16px!important}
  #edenfiles .dossier-card>img{
    inset:44px 0 auto!important;width:100%!important;height:58%!important;
    object-fit:cover!important;object-position:var(--portrait-position,50% 20%)!important;
  }
  #edenfiles .dossier-shade{
    inset:44px 0 auto!important;width:100%!important;height:58%!important;
    background:linear-gradient(180deg,transparent 86%,#030d16)!important;
  }
  #edenfiles .dossier-card>section{
    left:0!important;right:0!important;top:54%!important;bottom:0!important;
    padding:14px 16px 14px!important;overflow:visible!important;
  }
  #edenfiles .dossier-card section>p{font-size:9px!important;margin-bottom:5px!important}
  #edenfiles .dossier-card h2{font-size:27px!important;margin-bottom:8px!important}
  #edenfiles .dossier-card dl div{padding:4px 6px 4px 0!important}
  #edenfiles .dossier-card dt{font-size:8px!important}
  #edenfiles .dossier-card dd{font-size:10px!important;line-height:1.25!important}
  #edenfiles .dossier-card blockquote{display:block!important;font-size:10px!important;line-height:1.3!important;margin-top:7px!important}
  #edenfiles .collector-emblem{right:12px;top:calc(54% - 25px);width:52px;height:52px}
  #edenfiles .collector-emblem svg{inset:5px;width:42px;height:42px}
  #edenfiles .collector-emblem b{top:17px;font-size:12px}
  #edenfiles .collector-emblem small{bottom:7px;font-size:4px}
}

@media(max-width:390px){
  #edenfiles .dossier-card h2{font-size:25px!important}
  #edenfiles .dossier-card dd{font-size:9px!important}
}

@media(prefers-reduced-motion:reduce){#edenfiles .dossier-card{transition:none!important}#edenfiles .collector-emblem:after{animation:none!important}}

/* platform-v10.css */
:root{--reader-zoom:1}
body.platform-view main{padding-bottom:88px}
.platform-surface{display:none;min-height:calc(100svh - 154px);background:#03080a;color:#e9e7de;padding:0 clamp(18px,5vw,78px) 90px;overflow:auto}
.platform-surface.active{display:block}
.platform-head{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:140px 1fr 140px;align-items:center;gap:24px;min-height:122px;padding:18px 0;background:linear-gradient(#03080a 72%,transparent);border-bottom:1px solid rgba(121,239,255,.16)}
.platform-head>div{text-align:center}.platform-head p,.platform-section-title p,.platform-reading-note>p,.platform-timeline>p{margin:0 0 8px;color:var(--signal,#79efff);font:10px/1.2 var(--mono,monospace);letter-spacing:.24em}.platform-head h1{margin:0;font:500 clamp(34px,6vw,72px)/.9 var(--serif,serif);letter-spacing:-.05em}.platform-head span{display:block;margin-top:9px;color:#819096;font:11px var(--mono,monospace);letter-spacing:.11em}.platform-head button,.platform-actions button,.platform-series-hero button,.platform-world-actions button,.platform-editions button{appearance:none;border:1px solid rgba(121,239,255,.22);background:#071115;color:#e9e7de;padding:13px 15px;font:10px var(--mono,monospace);letter-spacing:.13em;cursor:pointer}.platform-head .platform-search{text-align:center}.platform-head button:hover,.platform-actions button:hover,.platform-series-hero button:hover,.platform-world-actions button:hover{border-color:var(--signal,#79efff);color:var(--signal,#79efff)}
.platform-series-hero{max-width:1180px;margin:54px auto 70px;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,7vw,100px);align-items:center;border-left:1px solid var(--platform-accent);padding-left:clamp(22px,4vw,48px);background:radial-gradient(circle at 80% 50%,color-mix(in srgb,var(--platform-accent) 10%,transparent),transparent 48%)}
.platform-series-hero .series-copy>span,.platform-issue-hero article>span,.platform-editions article>span{color:var(--platform-accent,var(--signal));font:10px var(--mono,monospace);letter-spacing:.22em}.platform-series-hero h2,.platform-issue-hero h2{font:500 clamp(46px,8vw,100px)/.84 var(--serif,serif);letter-spacing:-.06em;margin:18px 0}.platform-series-hero p,.platform-synopsis{max-width:48ch;color:#aab4b7;font:17px/1.65 var(--serif,serif)}.platform-series-hero .series-copy>div,.platform-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.platform-primary{background:var(--platform-accent,var(--signal))!important;color:#031013!important;border-color:var(--platform-accent,var(--signal))!important;font-weight:800!important}.platform-series-hero .series-cover{width:min(100%,440px);height:min(62vh,640px);object-fit:contain;object-position:center;justify-self:center;filter:drop-shadow(0 24px 60px rgba(0,0,0,.55))}
.platform-section-title{max-width:1180px;margin:0 auto 24px}.platform-section-title h2{font:500 clamp(28px,5vw,54px)/1 var(--serif,serif);margin:0}.platform-issue-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.platform-issue-card{appearance:none;text-align:left;padding:0;border:1px solid rgba(255,255,255,.12);background:#071014;color:#e9e7de;cursor:pointer;overflow:hidden;min-width:0}.platform-issue-card:hover{border-color:var(--signal,#79efff);transform:translateY(-3px)}.platform-issue-card>img{display:block;width:100%;aspect-ratio:2/3;object-fit:contain;object-position:center;background:#020607}.platform-issue-card>span{display:block;margin:16px 16px 8px;color:var(--signal,#79efff);font:9px var(--mono,monospace);letter-spacing:.13em}.platform-issue-card h3{margin:0 16px;font:500 24px/.95 var(--serif,serif)}.platform-issue-card>p{margin:12px 16px 18px;color:#8f9b9f;font:13px/1.5 var(--serif,serif);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.platform-issue-card footer{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding:13px 16px;font:9px var(--mono,monospace);letter-spacing:.1em}.platform-issue-card footer b{color:var(--signal,#79efff)}.platform-issue-card footer i{font-style:normal;color:#9ba6aa}
.platform-issue-hero{max-width:1120px;margin:52px auto 64px;display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:clamp(34px,7vw,96px);align-items:center}.platform-issue-hero .issue-cover{width:100%;height:min(68vh,690px);object-fit:contain;object-position:center;background:#020607;filter:drop-shadow(0 26px 70px rgba(0,0,0,.6))}.platform-issue-hero h2{font-size:clamp(48px,7vw,88px)}.platform-issue-hero dl{display:grid;grid-template-columns:1fr 1fr;margin:28px 0 0;border-top:1px solid rgba(255,255,255,.13)}.platform-issue-hero dl div{padding:15px 12px 15px 0;border-bottom:1px solid rgba(255,255,255,.09)}.platform-issue-hero dt{color:#748187;font:9px var(--mono,monospace);letter-spacing:.15em}.platform-issue-hero dd{margin:7px 0 0;font:11px/1.4 var(--mono,monospace)}.platform-reading-note{max-width:1120px;margin:0 auto;border:1px solid rgba(255,255,255,.1);padding:clamp(24px,5vw,50px)}.platform-reading-note h2{font:500 clamp(32px,5vw,58px)/.95 var(--serif,serif);margin:0 0 26px}.platform-reading-note>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.platform-reading-note span{border-left:1px solid var(--signal);padding:14px;color:#aab4b7;font:13px/1.4 var(--mono,monospace)}
.platform-filter{max-width:1280px;margin:42px auto 28px}.platform-filter input{width:100%;border:1px solid rgba(255,255,255,.14);background:#071014;color:#e9e7de;padding:18px;font:16px var(--mono,monospace);outline:0}.platform-filter input:focus{border-color:var(--signal)}.platform-filter>div{display:flex;gap:7px;overflow:auto;margin-top:10px}.platform-filter button{white-space:nowrap;border:1px solid rgba(255,255,255,.12);background:transparent;color:#89969a;padding:11px 13px;font:9px var(--mono,monospace);letter-spacing:.12em}.platform-filter button.active{background:var(--signal);border-color:var(--signal);color:#031013}.platform-empty{text-align:center;color:#819096;font:13px var(--mono,monospace);padding:60px}
.platform-world-grid{max-width:1200px;margin:50px auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.platform-world-grid>button{appearance:none;text-align:left;min-height:270px;padding:32px;border:1px solid rgba(255,255,255,.12);border-left:2px solid var(--platform-accent);background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--platform-accent) 10%,transparent),transparent 44%),#071014;color:#e9e7de;cursor:pointer}.platform-world-grid i{font-style:normal;color:var(--platform-accent);font:11px var(--mono,monospace)}.platform-world-grid span{float:right;color:#7e8a8e;font:9px var(--mono,monospace)}.platform-world-grid h2{font:500 clamp(34px,5vw,62px)/.9 var(--serif,serif);margin:60px 0 14px}.platform-world-grid p{max-width:46ch;color:#929ea2;font:14px/1.55 var(--serif,serif)}.platform-world-grid b{font:9px var(--mono,monospace);letter-spacing:.12em;color:var(--platform-accent)}.platform-timeline{max-width:1200px;margin:70px auto}.platform-timeline h2{font:500 clamp(36px,6vw,70px)/.9 var(--serif,serif);max-width:700px}.platform-timeline>button{width:100%;display:grid;grid-template-columns:70px 1fr 1fr;gap:18px;text-align:left;padding:18px 0;border:0;border-bottom:1px solid rgba(255,255,255,.12);background:transparent;color:#e9e7de}.platform-timeline i{color:var(--signal);font-style:normal}.platform-timeline span,.platform-timeline b{font:11px var(--mono,monospace)}.platform-world-actions{max-width:1200px;margin:50px auto;display:flex;gap:10px;flex-wrap:wrap}
.platform-editions{max-width:1200px;margin:54px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.platform-editions article{min-height:370px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.12);padding:30px;background:#071014}.platform-editions h2{font:500 38px/.95 var(--serif,serif);margin:42px 0 16px}.platform-editions p{color:#98a4a8;font:15px/1.6 var(--serif,serif)}.platform-editions button{margin-top:auto}.platform-editions button:disabled{opacity:.45;cursor:default}
.platform-reader-tools{display:flex;align-items:center;justify-content:center;gap:7px;margin:8px 0}.platform-reader-tools button,.platform-reader-tools b{border:1px solid rgba(255,255,255,.14);background:#071014;color:#dce3e4;padding:9px 11px;font:9px var(--mono,monospace);letter-spacing:.1em}.platform-reader-tools b{color:var(--signal);min-width:54px;text-align:center}.screen{overflow:hidden}.platform-zoomed #page{transform:scale(var(--reader-zoom));transform-origin:center center;transition:transform .2s ease}.platform-continue{white-space:nowrap}
@media(max-width:980px){.platform-issue-grid{grid-template-columns:repeat(3,1fr)}.platform-reading-note>div{grid-template-columns:1fr 1fr}.platform-editions{grid-template-columns:1fr}.platform-editions article{min-height:280px}}
@media(max-width:720px){.platform-surface{padding:0 16px 92px}.platform-head{grid-template-columns:72px 1fr 72px;gap:8px;min-height:96px}.platform-head button{padding:10px 5px;font-size:8px}.platform-head h1{font-size:35px}.platform-head span{font-size:8px}.platform-series-hero,.platform-issue-hero{grid-template-columns:1fr;margin:32px auto 50px;padding-left:18px;gap:26px}.platform-series-hero .series-cover{grid-row:1;height:52svh}.platform-series-hero .series-copy{grid-row:2}.platform-series-hero h2,.platform-issue-hero h2{font-size:48px}.platform-issue-hero .issue-cover{height:56svh}.platform-issue-grid{grid-template-columns:1fr 1fr;gap:10px}.platform-issue-card h3{font-size:20px}.platform-issue-card>p{font-size:12px}.platform-world-grid{grid-template-columns:1fr}.platform-world-grid>button{min-height:230px}.platform-reading-note>div{grid-template-columns:1fr}.platform-timeline>button{grid-template-columns:42px 1fr}.platform-timeline b{grid-column:2}.platform-reader-tools{overflow:auto;justify-content:flex-start}.platform-reader-tools button{white-space:nowrap}}
@media(max-width:420px){.platform-issue-grid{grid-template-columns:1fr}.platform-issue-card{display:grid;grid-template-columns:112px 1fr}.platform-issue-card>img{grid-row:1/6;height:172px;aspect-ratio:auto}.platform-issue-card>span,.platform-issue-card h3,.platform-issue-card>p,.platform-issue-card footer{grid-column:2}.platform-issue-card>span{margin-top:14px}.platform-issue-card>p{display:none}.platform-issue-card footer{padding-top:10px}.platform-issue-hero dl{grid-template-columns:1fr}.platform-head p{font-size:7px}.platform-head .platform-search{font-size:0}.platform-head .platform-search:after{content:'⌕';font-size:18px}}
@media(prefers-reduced-motion:reduce){.platform-issue-card{transition:none!important}}

/* release-home-v12.css */
#releaseHub{display:none;background:#020607;color:#eeeae1;padding:clamp(24px,4vw,56px) clamp(18px,5vw,76px) 44px;border-bottom:1px solid rgba(255,255,255,.1)}
body:has(#home.active) main{display:flex;flex-direction:column}
body:has(#home.active) #releaseHub{display:block;order:-1}
body:has(#home.active) #home{display:none!important}
.release-mast{max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;padding:18px 0 28px;border-bottom:1px solid rgba(255,255,255,.12)}
.release-mast p{margin:0 0 12px;color:#79efff;font:10px/1 monospace;letter-spacing:.25em}.release-mast h1{margin:0;font:500 clamp(42px,8vw,104px)/.82 Georgia,serif;letter-spacing:-.065em}.release-mast h1 em{display:block;color:#d9aa5a;font-style:normal}.release-mast>span{max-width:29ch;color:#9ca7aa;font:14px/1.55 Georgia,serif;text-align:right}
.release-series{position:static!important;bottom:auto!important;z-index:auto!important;width:auto!important;height:auto!important;max-width:1320px!important;margin:15px auto 22px!important;padding:0!important;display:grid!important;grid-template-columns:repeat(4,1fr);gap:7px;border:0!important;background:transparent!important;backdrop-filter:none!important}.release-series a{display:flex;justify-content:space-between;gap:12px;text-decoration:none;border:1px solid rgba(255,255,255,.11);border-left:2px solid var(--rail);background:#071014;color:#e9e7de;padding:15px}.release-series b{font:11px/1.2 monospace;letter-spacing:.08em}.release-series span{color:var(--rail);font:9px monospace;white-space:nowrap}.release-series a:hover{border-color:var(--rail);background:color-mix(in srgb,var(--rail) 8%,#071014)}
.release-heading{max-width:1320px;margin:0 auto 14px;display:flex;justify-content:space-between;align-items:center}.release-heading p{margin:0;font:9px monospace;letter-spacing:.22em;color:#89969a}.release-heading a{color:#79efff;text-decoration:none;font:9px monospace;letter-spacing:.14em}
.release-deck{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.release-card{text-decoration:none;color:#eeeae1;border:1px solid rgba(255,255,255,.13);background:#071014;overflow:hidden}.release-card:hover{border-color:var(--card-accent);transform:translateY(-3px)}.release-card img{display:block;width:100%;aspect-ratio:2/3;object-fit:contain;object-position:center;background:#010405}.release-card div{padding:13px}.release-card small{display:block;color:var(--card-accent);font:8px monospace;letter-spacing:.12em}.release-card h2{margin:8px 0 6px;font:500 20px/.95 Georgia,serif}.release-card p{margin:0;color:#8e9a9e;font:10px/1.35 monospace}.release-actions{max-width:1320px;margin:22px auto 0;display:flex;gap:8px}.release-actions a{text-decoration:none;border:1px solid rgba(121,239,255,.26);color:#e9e7de;background:#071014;padding:13px 16px;font:9px monospace;letter-spacing:.14em}.release-actions a:first-child{background:#79efff;color:#031013;font-weight:800}
@media(max-width:980px){.release-deck{grid-template-columns:repeat(3,1fr)}.release-series{grid-template-columns:1fr 1fr}}
@media(max-width:620px){#releaseHub{padding:18px 14px 34px}.release-mast{grid-template-columns:1fr}.release-mast h1{font-size:52px}.release-mast>span{text-align:left;font-size:13px}.release-series{display:flex!important;overflow:auto;margin:15px -14px 22px!important;padding:0 14px!important}.release-series a{min-width:180px}.release-deck{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:-14px;margin-right:-14px;padding:0 14px 8px;gap:12px}.release-card{min-width:72vw;scroll-snap-align:center}.release-card h2{font-size:25px}.release-heading{margin-top:4px}.release-actions{display:grid;grid-template-columns:1fr 1fr}.release-actions a{text-align:center;padding:13px 8px}}

/* release-scroll-fix.css */
body:has(#home.active) #home{display:none!important}

/* stability-v87.css */
/* Final display authority: one route, one surface, one complete page. */

body.site-ready{opacity:1;transition:opacity .18s ease}

#home:not(.active),
body.route-reader #home,
body.route-reader #releaseHub,
body.route-platform #home,
body.route-platform #releaseHub{display:none!important}

body.route-home main{display:block!important}
body.route-home #releaseHub{display:block!important}
body.route-home #home{display:none!important}

/* Homepage issues are complete portrait cards, not squeezed split panels. */
.release-coordinate-deck{width:min(1080px,100%)!important;max-width:1080px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.release-coordinate-deck .release-card{display:block!important;min-height:0!important}
.release-coordinate-deck .release-card img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:2/3!important;object-fit:contain!important}
.release-coordinate-deck .release-card div{min-height:132px;padding:18px!important}

/* Reader fills the available window while preserving all 2:3 artwork. */
#reader.active{display:flex!important;padding:8px 10px calc(78px + env(safe-area-inset-bottom))!important;align-items:flex-start!important;min-height:calc(100svh - 62px)!important}
#reader.active .reader-console{width:min(98vw,1580px)!important;padding:30px 34px 24px!important}
#reader.active .console-screen{grid-template-columns:minmax(170px,18%) minmax(430px,56%) minmax(250px,26%)!important;height:min(84svh,860px)!important;min-height:650px!important}
#reader.active .stage{padding:8px 14px 10px!important}
#reader.active .stage .screen{height:calc(100% - 86px)!important;width:auto!important;max-width:100%!important;aspect-ratio:2/3!important}
#reader.active .status{flex-basis:34px!important;height:34px!important}
#reader.active .controls{flex-basis:38px!important;margin-top:6px!important}

@media(max-width:900px){
  #reader.active{padding:4px 4px calc(70px + env(safe-area-inset-bottom))!important}
  #reader.active .reader-console{width:calc(100vw - 8px)!important;padding:22px 14px 18px!important;border-radius:24px!important}
  #reader.active .console-screen{display:block!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;padding:3px!important}
  #reader.active .issues,#reader.active .details{display:none!important}
  #reader.active .stage{height:min(82svh,780px)!important;min-height:560px!important;padding:4px 5px!important}
  #reader.active .stage .screen{height:calc(100% - 66px)!important;width:auto!important;max-width:100%!important}
  #reader.active .stage .status{height:28px!important;flex-basis:28px!important;font-size:8px!important}
  #reader.active .stage .controls{height:30px!important;flex-basis:30px!important;margin-top:4px!important}
  #reader.active .stage .controls button{height:28px!important;font-size:10px!important}
  #reader.active .stage #picker{min-width:140px!important}
  .platform-reader-tools{display:none!important}
}

@media(max-width:760px){
  .release-coordinate-deck{display:flex!important;width:auto!important;padding:0 14px 10px!important;margin-inline:-14px!important;gap:12px!important}
  .release-coordinate-deck .release-card{min-width:78vw!important}
  .release-coordinate-deck .release-card div{min-height:118px}
}

@media(prefers-reduced-motion:reduce){body.site-ready{transition:none}}

/* reader-quality.css */
/* The illustration and dialogue each own their natural space. */
#reader.active .console-screen{height:auto!important;min-height:0!important;grid-template-columns:minmax(150px,1fr) minmax(0,2.5fr) minmax(200px,1.3fr)!important;overflow:visible!important}
#reader.active.focus-reader .console-screen{grid-template-columns:minmax(0,1fr)!important}
#reader.active .stage{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;min-width:0!important;padding:12px!important}
#reader.active .stage .screen{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;max-width:640px!important;aspect-ratio:auto!important;overflow:visible!important;margin:auto!important}
#reader .screen>#page,.interior #reader .screen>#page{position:relative!important;inset:auto!important;width:100%!important;aspect-ratio:2/3!important;flex:none!important;background-size:contain!important;background-position:center!important;transform:none!important;animation:none!important}
#reader .console-screen .comic-dialogue{position:relative!important;inset:auto!important;box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;flex:none!important;padding:16px!important;font-size:1rem!important;line-height:1.55!important;white-space:pre-line!important;overflow-wrap:anywhere!important;text-wrap:pretty!important;color:#f3f5f2!important;background:#071116!important}
#reader .console-screen .comic-dialogue:not(.show){display:none!important}
#reader .screen>#tapPrev,#reader .screen>#tapNext{bottom:auto!important;height:auto!important;width:50%!important;aspect-ratio:1/3!important}
#reader .stage .screen-hud,#reader .stage:before{display:none!important}
#reader.active .stage .controls{height:auto!important;min-height:44px!important;flex-basis:auto!important;flex-wrap:wrap!important;gap:8px!important}
#reader.active .stage .controls button{min-height:44px!important;font-size:.875rem!important}
#reader.active .stage .status{font-size:.75rem!important}
@media(max-width:900px){
 #reader.active .reader-console{width:100%!important;max-width:100%!important;padding:14px 6px!important}
 #reader.active .console-screen{display:block!important;padding:0!important}
 #reader.active .stage{padding:4px!important}
 #reader.active{padding:4px 4px calc(100px + env(safe-area-inset-bottom))!important}
 #reader .console-screen .comic-dialogue{padding:14px!important;font-size:1rem!important}
}

#reader .screen{scroll-margin-top:72px}
/* Enlarged art remains scrollable rather than spilling over its dialogue. */
body.platform-zoomed #reader .stage .screen{overflow-x:auto!important}
body.platform-zoomed #reader .screen>#page{width:calc(100% * var(--reader-zoom))!important;max-width:none!important}
body.platform-zoomed #reader .screen>#tapPrev,body.platform-zoomed #reader .screen>#tapNext{pointer-events:none!important}
#reader .platform-reader-tools{flex-wrap:wrap}
#reader .platform-reader-tools button{min-height:44px;font-size:12px}
#reader #cover h1{font-size:clamp(28px,6vw,54px);line-height:.94;margin:10px 0 16px}
#reader #cover small,#reader #cover p{font-size:12px;line-height:1.35;letter-spacing:.08em}
#reader:fullscreen{height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;background:#071116}