:root{color-scheme:dark;--bg:#07090f;--paper:#0b0e16;--panel:#111620;--ink:#f2eee6;--muted:#9aa3b4;--gold:#e8ad3d;--blue:#329bff;--violet:#a845ec;--line:#252c3a;--max:980px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% -5%,rgba(50,155,255,.08),transparent 30rem),radial-gradient(circle at 90% 5%,rgba(168,69,236,.07),transparent 25rem),var(--bg);color:var(--ink);font:16px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,a{font:inherit}button{color:inherit}a{color:inherit}.skip{position:fixed;left:12px;top:-70px;z-index:100;background:#fff;color:#000;padding:10px 14px;border-radius:10px}.skip:focus{top:12px}.topbar{position:sticky;top:0;z-index:40;background:rgba(7,9,15,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:10px 14px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}.sigil{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold);border-radius:10px;color:var(--gold);font-weight:1000}.brand strong,.brand small{display:block}.brand strong{font-size:.84rem;letter-spacing:.08em}.brand small{font-size:.67rem;color:var(--muted);letter-spacing:.08em}.top-actions{margin-left:auto;display:flex;gap:6px}.top-actions button,.controls button,.drawer-close{border:1px solid var(--line);background:#10141e;border-radius:10px;padding:9px 10px;font-weight:900;font-size:.72rem;letter-spacing:.05em}.reader-shell{max-width:var(--max);margin:auto;padding:20px 14px 70px}.issue-hero{padding:26px 8px 24px;border-bottom:1px solid var(--line)}.eyebrow{color:var(--gold);font-size:.7rem;font-weight:1000;letter-spacing:.14em;text-transform:uppercase}.hero-row{display:flex;gap:20px;align-items:end;justify-content:space-between}h1{font-size:clamp(3.3rem,12vw,7.5rem);line-height:.8;letter-spacing:-.055em;margin:.18em 0 .22em}.pressure{max-width:680px;color:var(--muted);font-size:1.04rem}.hero-stamp{width:105px;aspect-ratio:1;display:grid;place-items:center;align-content:center;border:1px solid var(--gold);border-radius:50%;flex:0 0 auto}.hero-stamp b{font-size:2.3rem;line-height:1}.hero-stamp span,.hero-stamp small{color:var(--muted);font-size:.65rem;font-weight:800}blockquote{margin:20px 0 0;padding:13px 15px;border-left:4px solid var(--gold);background:rgba(232,173,61,.06);font-weight:900}.reader-stage{padding-top:22px}.page-chrome{display:grid;gap:8px;margin-bottom:10px}.page-meta{display:flex;align-items:baseline;gap:12px}.page-meta span{font-size:.7rem;color:var(--muted);font-weight:900}.page-meta strong{font-size:1rem;letter-spacing:.06em}.progress-track{height:3px;background:#202634;border-radius:99px;overflow:hidden}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--blue),var(--violet));width:4.54%;transition:width .24s ease}.comic-page{position:relative;overflow:hidden;min-height:min(1320px,135vw);aspect-ratio:2/3;border:1px solid #31394a;border-radius:14px;background:var(--paper);box-shadow:0 28px 80px rgba(0,0,0,.35);outline:none}.scene{position:absolute;inset:0 0 23% 0;padding:5%;display:grid;place-items:center;overflow:hidden}.page-copy{position:absolute;inset:auto 0 0 0;min-height:23%;padding:4.3%;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(12,15,23,.95),#090b11)}.page-deck{margin:0 0 8px;color:var(--muted);font-size:clamp(.84rem,2vw,1rem)}.page-caption{margin:0;font-size:clamp(1rem,2.6vw,1.3rem);font-weight:780;max-width:58ch}.tap-zone{position:absolute;top:0;bottom:23%;width:28%;z-index:5;border:0;background:transparent}.tap-prev{left:0}.tap-next{right:0}.controls{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:12px 0 0}.controls button:disabled{opacity:.35}.page-dots{display:flex;gap:4px;justify-content:center;overflow-x:auto;padding:5px 2px;scrollbar-width:none}.page-dots::-webkit-scrollbar{display:none}.page-dots button{flex:0 0 auto;width:20px;height:20px;padding:0;border-radius:6px;border:1px solid #2e3545;background:#111620;color:var(--muted);font-size:.57rem}.page-dots button.active{border-color:var(--gold);color:#111;background:var(--gold);font-weight:1000}.control-hint{text-align:center;color:var(--muted);font-size:.72rem;margin:8px 0}.drawer{position:fixed;z-index:60;inset:64px max(10px,calc((100vw - 900px)/2)) 14px;background:rgba(11,14,22,.98);border:1px solid var(--line);border-radius:20px;padding:24px;overflow:auto;box-shadow:0 40px 100px #000}.drawer h2{font-size:clamp(1.8rem,5vw,3.3rem);line-height:1;margin:.3em 0}.drawer p,.drawer li{color:#cbd2df}.drawer-close{float:right}.receipt-line{padding:14px;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}.receipt-line code{font-size:.75rem}.issue-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.issue{padding:12px;border:1px solid var(--line);border-radius:12px;background:#10141d}.issue.active{border-color:var(--gold);background:rgba(232,173,61,.07)}.issue b{color:var(--gold);font-size:.72rem}.issue strong{display:block;margin-top:4px}.issue span{display:block;color:var(--muted);font-size:.76rem;margin-top:5px}.map-note{padding:12px;border-left:3px solid var(--violet)}.lineage{margin-top:42px;padding:24px;border:1px solid var(--line);border-radius:18px;background:#0d111a}.lineage h2{font-size:clamp(1.8rem,5vw,3rem);margin:.3em 0}.lineage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.lineage-grid article{padding:14px;border:1px solid var(--line);border-radius:12px}.lineage-grid b,.lineage-grid strong,.lineage-grid span{display:block}.lineage-grid b{font-size:.66rem;color:var(--muted)}.lineage-grid strong{font-size:1.6rem}.lineage-grid span{font-size:.74rem;color:var(--muted)}.keeper{color:var(--gold);font-weight:950}footer{max-width:var(--max);margin:0 auto 30px;padding:16px 14px;display:flex;gap:14px;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem}
.motif{position:relative;width:100%;height:100%;border:1px solid #343b4b;border-radius:18px;background:#0e131d;overflow:hidden}.panel{position:absolute;border:2px solid var(--line);background:#111620}.label{position:absolute;font-weight:950;letter-spacing:.04em}.speech{position:absolute;padding:12px 16px;border-radius:20px;background:var(--ink);color:#0b0e16;font-weight:950;max-width:46%}.gold{color:var(--gold)}.blue{color:var(--blue)}.violet{color:var(--violet)}
.motif-room:before,.motif-returnRoom:before{content:"";position:absolute;left:12%;top:20%;width:34%;height:40%;border-radius:50% 50% 44% 44%;background:#593b2c;box-shadow:0 120px 0 55px #161a21}.motif-room:after,.motif-returnRoom:after{content:"";position:absolute;right:12%;top:18%;width:34%;height:26%;border:3px solid var(--gold);background:#090d15}.motif-subtitles:before{content:"";position:absolute;inset:18% 10% 28% 38%;background:repeating-linear-gradient(175deg,transparent 0 38px,rgba(168,69,236,.9) 40px 47px,transparent 49px 78px);filter:drop-shadow(0 0 8px #a845ec)}.motif-cooperation:before{content:"";position:absolute;left:8%;right:8%;top:42%;height:18%;border-top:14px solid var(--blue);border-radius:50%;transform:rotate(-5deg);filter:drop-shadow(0 0 7px #329bff)}.motif-pendulum:before{content:"";position:absolute;left:50%;top:10%;width:5px;height:54%;background:var(--gold);transform-origin:top;transform:rotate(25deg);box-shadow:-130px 440px 0 70px #2b210d}.motif-contact{background:radial-gradient(circle at 25% 28%,#5a3b2a 0 9%,transparent 10%),linear-gradient(135deg,#17121a,#0e1420 55%)}.motif-spotlight{background:linear-gradient(90deg,#16121a 0 38%,#101620 38%)}.motif-crown:before{content:"UNIVERSAL LAW";position:absolute;left:24%;right:24%;top:17%;height:28%;clip-path:polygon(0 100%,10% 20%,30% 55%,50% 0,70% 55%,90% 20%,100% 100%);background:#33270d;color:var(--gold);display:grid;place-items:center;font-weight:1000}.motif-weather{background:linear-gradient(90deg,#101620 0 49.5%,#17130d 50.5%)}.motif-cut:before{content:"STRUCTURE              AESTHETIC";white-space:pre;position:absolute;left:20%;top:15%;width:60%;aspect-ratio:1;border:5px solid var(--ink);border-radius:50%;display:grid;place-items:center;color:var(--blue);font-weight:950;border-right-color:var(--violet)}.motif-remove{background:repeating-linear-gradient(#111620 0 19%,#263142 19.5% 20%,#111620 20% 39%)}.motif-function{background:linear-gradient(90deg,#101620 0 32%,#171020 33% 65%,#17130d 66%)}.motif-masks:before{content:"EQUATION   THEATRE   SACRED";position:absolute;left:8%;right:8%;top:18%;font-weight:1000;font-size:clamp(1rem,4vw,2.2rem);word-spacing:2.5rem;text-align:center}.motif-carrier{background:linear-gradient(25deg,transparent 48%,var(--blue) 49% 50%,transparent 51%),linear-gradient(-20deg,transparent 48%,var(--violet) 49% 50%,transparent 51%),#111620}.motif-words{background:linear-gradient(165deg,transparent 0 54%,rgba(168,69,236,.8) 55% 56%,transparent 57%),linear-gradient(175deg,transparent 0 37%,rgba(50,155,255,.8) 38% 39%,transparent 40%),#111620}.motif-corridor:before{content:"FORGOTTEN      TRANCE      RECLAIMED";position:absolute;inset:12%;border:3px solid #3c3151;box-shadow:0 0 0 35px #0e131d,0 0 0 38px #3c3151,0 0 0 73px #0e131d,0 0 0 76px #3c3151;color:var(--gold);display:grid;place-items:center;font-weight:950;text-align:center}.motif-influence{background:radial-gradient(circle at 20% 22%,var(--gold) 0 1.3%,transparent 1.5%),radial-gradient(circle at 75% 28%,var(--violet) 0 1.5%,transparent 1.7%),linear-gradient(35deg,transparent 49%,var(--blue) 50% 50.5%,transparent 51%),linear-gradient(-25deg,transparent 49%,var(--violet) 50% 50.5%,transparent 51%),#111620}.motif-return{background:linear-gradient(90deg,#111620 0 49%,#18140e 51%)}.motif-magic{background:linear-gradient(90deg,#17130d 0 49%,#101620 51%)}.motif-blackroom{background:repeating-linear-gradient(180deg,#0a0c12 0 12%,#10141d 12% 13%)}.motif-network{background:radial-gradient(circle at 20% 20%,var(--blue) 0 1%,transparent 1.2%),radial-gradient(circle at 70% 28%,var(--violet) 0 1%,transparent 1.2%),radial-gradient(circle at 42% 66%,var(--gold) 0 1%,transparent 1.2%),linear-gradient(25deg,transparent 49%,#303849 50% 50.4%,transparent 51%),linear-gradient(-32deg,transparent 49%,#303849 50% 50.4%,transparent 51%),#111620}.motif-oneTwo:before{content:"CUT = OVERLAY\A WHOLE REMAINS";white-space:pre;position:absolute;left:18%;top:13%;width:64%;aspect-ratio:1;border:5px solid var(--ink);border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:1000;background:linear-gradient(90deg,transparent 49.5%,var(--violet) 49.7% 50.3%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,var(--gold) 49.7% 50.3%,transparent 50.5%)}.motif-returnRoom{background:linear-gradient(#111620 0 62%,#0d111a 62%)}
@media(max-width:640px){.brand strong{font-size:.72rem}.brand small{display:none}.top-actions button{padding:8px 7px;font-size:.62rem}.hero-row{align-items:start}.hero-stamp{width:78px}.pressure{font-size:.92rem}.reader-shell{padding-left:8px;padding-right:8px}.comic-page{border-radius:8px}.controls button{padding:9px 7px;font-size:.66rem}.lineage-grid{grid-template-columns:1fr 1fr}.drawer{inset:58px 6px 8px;padding:18px}}
@media(min-width:1000px){.comic-page,.page-chrome,.controls,.control-hint{max-width:760px;margin-left:auto;margin-right:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}