:root{color-scheme:dark;--bg:#07060c;--surface:#0f0c16;--ink:#f5f5f8;--muted:#bfbdc9;--accent:#8036ff;--button:#400a99;--line:#30273e;--uv-core:#7231ff;--uv-bloom:#4900ff}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}
a{color:inherit;text-underline-offset:5px}
a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.skip{position:absolute;top:-100px}.skip:focus{top:8px;left:8px;background:var(--bg);padding:16px;z-index:5}
header{display:flex;align-items:center;gap:32px;padding:26px 4vw;border-bottom:1px solid var(--line)}
header>p{font-size:12px;letter-spacing:.2em;color:var(--muted)}
header>a:last-child{margin-left:auto;font-size:14px}
.wordmark{display:inline-flex;align-items:baseline;position:relative;isolation:isolate;white-space:nowrap;font-family:'Arial Black','Bahnschrift',Arial,Helvetica,sans-serif;font-size:26px;font-weight:900;line-height:1.1;letter-spacing:.055em;color:var(--ink);text-decoration:none}
.wordmark-v{position:relative;display:inline-block;float:none;color:var(--uv-core);font:inherit;text-shadow:0 0 1px #c3b4ff,0 0 5px #7837ffb3,0 0 14px #4900ff99,0 0 30px #3600b866}
.wordmark-v::before{content:'';position:absolute;inset:-.55em -.65em;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#4900ff24 0,#3600b810 38%,transparent 70%)}
.layout{max-width:1510px;margin:auto;display:grid;grid-template-columns:290px minmax(0,1024px);gap:40px;padding:40px 4vw}
aside{align-self:start;position:sticky;top:28px}
.eyebrow{font-size:12px;letter-spacing:.16em;color:#d4cfdf}
.tagline{font-size:24px;line-height:1.3;margin:24px 0 36px}
aside nav{display:grid}aside nav a{display:flex;gap:18px;padding:19px 12px;border-bottom:1px solid var(--line);text-decoration:none;font-size:15px}
aside nav a span{color:var(--muted);font:14px monospace}
aside nav a[aria-current]{border-left:3px solid var(--accent);background:#180d2b}
h1{font-size:clamp(32px,4.4vw,62px);line-height:1.05;letter-spacing:-.035em;margin:12px 0 18px}
.reading-note{font-size:14px;color:var(--muted);margin-bottom:28px}
figure{margin:0 0 30px}figure img{display:block;width:100%;height:auto}
figcaption{display:flex;justify-content:space-between;align-items:center;padding:16px 0;gap:12px;font-size:12px;color:var(--muted)}
figcaption div{display:flex;gap:22px;font-size:14px}
.next{display:flex;justify-content:space-between;gap:25px;padding:30px 0;border-top:1px solid var(--line);font-size:14px}.next span{color:var(--muted);font-size:12px}
footer{border-top:1px solid var(--line);padding:28px 4vw;font-weight:bold;font-size:14px}footer>span{float:right;font-weight:normal;color:var(--muted)}
@media(max-width:760px){header{padding:20px 18px;gap:12px;flex-wrap:wrap}.wordmark{font-size:23px}header>p{order:3;width:100%;margin:0;font-size:12px}.layout{display:block;padding:20px 14px}aside{position:static}.tagline{font-size:20px;margin:14px 0 20px}aside nav{grid-template-columns:1fr 1fr;gap:0 10px;margin-bottom:28px}aside nav a{padding:13px 6px;gap:8px;font-size:14px}.issue-heading{padding:0 4px}h1{font-size:38px}figcaption{align-items:flex-start}figcaption div{gap:14px;font-size:13px}.next{font-size:14px}footer{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* MindVector / 60% opaque black glass. Comic and render bytes stay untouched. */
:root{
  --bg:#050408;--surface:rgba(0,0,0,.6);--accent:#7231ff;--button:#5618ce;
  --mv-ink:#fff;--mv-muted:#ebe7f2;--mv-link:#eadfff;--mv-uv:#7231ff;
  --mv-edge:#ffffff2e;--mv-radius:18px;
  --mv-plastic:linear-gradient(160deg,rgba(0,0,0,.6),rgba(0,0,0,.6));
  --mv-shadow:inset 0 1px 1px #ffffff29,inset 0 -1px 2px #0004,0 14px 36px #0005,0 2px 3px #0004;
}
body{background:var(--bg)}
header{background:linear-gradient(180deg,#0d0a13,#050408);border-bottom-color:#7231ff38}
header nav a,header>a:last-child:not(.wordmark){color:var(--mv-ink);background:var(--mv-plastic);border:1px solid var(--mv-edge);border-radius:10px;padding:8px 12px;box-shadow:inset 0 1px 1px #ffffff29,0 3px 10px #0003}
.landing header nav{gap:10px}
.landing header nav a:hover{color:var(--mv-ink);background:var(--mv-plastic);text-decoration:none;border-color:#a078ff99;box-shadow:inset 0 1px 1px #ffffff38,0 0 15px #7231ff26}
a:focus-visible{outline:3px solid var(--mv-uv);outline-offset:5px}
.hero-copy,.hero-art,.render-card,.story-copy,.issue-list a,.layout aside,.issue-heading,#reader>figure,.next{
  --ink:var(--mv-ink);--muted:var(--mv-muted);--line:var(--mv-edge);
  color:var(--mv-ink);background:var(--mv-plastic);border:1px solid var(--mv-edge);
  border-radius:var(--mv-radius);box-shadow:var(--mv-shadow);
}
.hero-copy{padding:30px 28px 26px;min-width:0}
.hero-copy .eyebrow{color:var(--mv-link)}
.hero-copy h1{margin:24px 0 30px}
.hero-copy .wordmark-hero{background:transparent;border:1px solid #ffffff1a;border-radius:12px;padding:10px 12px;box-shadow:inset 0 1px 1px #ffffff19,0 6px 16px #14002d26}
.hero-copy .hero-subtitle{color:var(--mv-ink)}
.hero-subtitle::before,.hero-subtitle::after{background:linear-gradient(90deg,#ffffff66,#ffffff22)}
.hero-copy .hero-line{color:var(--mv-ink)}
.hero-copy .intro,.hero-copy .status-note{color:var(--mv-muted)}
.comic-cta{color:#fff;background:linear-gradient(165deg,#8149fa 0%,#5618ce 42%,#4510a7 100%);border-color:#6d29db;border-radius:12px;box-shadow:inset 0 2px 1px #ffffff54,inset 0 -2px 2px #2d076180,0 6px 16px #37116d30}
.comic-cta:hover{background:linear-gradient(165deg,#9461ff,#631fe0);box-shadow:inset 0 2px 1px #ffffff64,0 6px 18px #5618ce4d}
.hero-art{padding:10px}
.hero-art img,.render-card img,#reader>figure img{border-radius:10px}
.hero-art figcaption,.render-card figcaption,#reader>figure figcaption{color:var(--mv-ink)}
.hero-art figcaption a{color:var(--mv-link)}
.render-card{overflow:hidden}
.render-card>a{border-radius:17px 17px 0 0}
.render-card img{border-radius:0}
.render-card figcaption span{color:var(--mv-muted)}
.renders{background:#050408;border-color:#7231ff38}
.story-copy{padding:28px}
.story-copy p,.story-copy>p:first-child{color:var(--mv-ink)}
.story-copy .development{color:var(--mv-muted);border-left-color:var(--mv-uv)}
.issue-list{display:grid;gap:12px}
.issue-list a{padding:25px 20px}
.issue-list li:last-child{border:0}
.issue-list a:hover{color:var(--mv-ink);background:var(--mv-plastic);border-color:#a078ff99;box-shadow:var(--mv-shadow),0 0 18px #7231ff24}
.issue-number{color:var(--mv-link)}
.read-label{color:var(--mv-muted)}
.layout aside{padding:22px 18px}
.layout aside .eyebrow,.layout aside .tagline{color:var(--mv-ink)}
.layout aside nav a{border-color:var(--mv-edge);border-radius:10px;margin-bottom:5px;color:var(--mv-ink)}
.layout aside nav a span{color:var(--mv-muted)}
.layout aside nav a[aria-current]{color:#fff;background:linear-gradient(160deg,#8149fa,#5012b7);border:1px solid #6626cc;box-shadow:inset 0 1px 1px #ffffff55,0 3px 9px #7231ff26}
.layout aside nav a[aria-current] span{color:#f2eaff}
.issue-heading{padding:24px;margin-bottom:24px}
.issue-heading .eyebrow{color:var(--mv-link)}
.issue-heading .reading-note{color:var(--mv-muted);margin-bottom:0}
#reader>figure{padding:8px}
#reader>figure figcaption{padding:15px 12px 9px;flex-wrap:wrap}
#reader>figure figcaption a{color:var(--mv-link)}
.next{padding:22px;margin-top:12px;align-items:center}
.next a{color:var(--mv-link)}
.next span{color:var(--mv-muted)}
.landing footer,footer{background:#050408;border-color:#7231ff38}
.skip:focus{color:#fff;background:#050408;border:1px solid #7231ff;border-radius:10px}
/* Landing geometry loads separately; these finishes deliberately outrank it. */
body.landing .hero-art,body.landing .render-card{background:var(--mv-plastic);border-color:var(--mv-edge);box-shadow:var(--mv-shadow)}
body.landing .hero-art figcaption,body.landing .render-card figcaption{color:var(--mv-ink)}
body.landing header nav{gap:10px}
body.landing header nav a:hover{color:var(--mv-ink);text-decoration:none}
body.landing .comic-cta{background:linear-gradient(165deg,#8149fa 0%,#5618ce 42%,#4510a7 100%);box-shadow:inset 0 2px 1px #ffffff54,inset 0 -2px 2px #2d076180,0 6px 16px #37116d30}
body.landing .comic-cta:hover{background:linear-gradient(165deg,#8750f7,#5716ca)}
body.landing .hero-subtitle::before,body.landing .hero-subtitle::after{background:linear-gradient(90deg,#ffffff66,#ffffff22)}
body.landing .issue-list a{padding:25px 20px;border-color:var(--mv-edge)}
body.landing .issue-list a:hover{background:var(--mv-plastic)}
body.landing footer{background:#050408}
@media(max-width:900px){.landing header{gap:20px}.landing header nav{gap:8px;flex-wrap:wrap}.hero-copy{padding:24px 20px}.hero-copy .wordmark-hero{font-size:clamp(27px,3.5vw,54px)}}
@media(max-width:760px){header nav a,header>a:last-child:not(.wordmark){padding:8px 10px}.landing header nav{gap:8px}.hero-copy{padding:24px 18px}.hero-copy .wordmark-hero{font-size:clamp(23px,7.4vw,52px);padding:9px 10px}.hero-copy h1{margin-top:22px}.hero-subtitle{letter-spacing:.12em;font-size:clamp(11px,2.85vw,17px);gap:6px}.hero-line{font-size:25px}.hero-art{padding:8px}.story-copy{padding:23px}.issue-list a{padding:22px 16px}.layout aside{padding:20px 15px}.issue-heading{padding:20px}.next{padding:18px;gap:15px}#reader>figure figcaption div{flex-wrap:wrap;gap:12px}}
@media(max-width:760px){body.landing header nav{gap:8px}body.landing .hero .wordmark-hero{font-size:clamp(23px,7.4vw,52px)}body.landing .hero-subtitle{letter-spacing:.12em;font-size:clamp(11px,2.85vw,17px);gap:6px}body.landing .issue-list a{padding:22px 16px}}

/* Native game sky, baked once; no game renderer, tracking or simulation on the site. */
body,body.landing{background:#070512 url('hikari-nebula-native.webp') center / cover fixed no-repeat}
body{isolation:isolate}
.mv-nebula,.mv-nebula-wallpaper{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;transform:scale(1.14);animation:mv-nebula-drift 36s ease-in-out infinite alternate;will-change:transform}
.mv-nebula{opacity:0;transition:opacity .8s ease}
.mv-nebula-wallpaper{background:#070512 url('hikari-nebula-native.webp') center / cover no-repeat}
@keyframes mv-nebula-drift{from{transform:translate(-3%,-2%) scale(1.14)}to{transform:translate(3%,2%) scale(1.18)}}
.mv-nebula.is-ready{opacity:1}
.mv-nebula-toggle{position:fixed;right:16px;bottom:16px;z-index:5;padding:8px 12px;border:1px solid var(--mv-edge);border-radius:10px;background:var(--mv-plastic);color:var(--mv-ink);font:12px/1.3 Arial,sans-serif;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--mv-shadow)}
.mv-nebula-toggle:focus-visible{outline:3px solid var(--mv-uv);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.mv-nebula,.mv-nebula-wallpaper,.mv-nebula-toggle{display:none;animation:none}.mv-nebula{transition:none}}
.hero-copy,.hero-art,.render-card,.story-copy,.issue-list a,.layout aside,.issue-heading,#reader>figure,.next,
header nav a,header>a:last-child:not(.wordmark){-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%)}
body header{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
body .renders,body.landing .renders{background:transparent}
body footer,body.landing footer{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.hero-copy .eyebrow,.issue-heading .eyebrow,.issue-number,.hero-art figcaption a,
#reader>figure figcaption a,.next a{color:var(--mv-link)}
body.landing header nav a:hover,.landing header nav a:hover{color:var(--mv-ink);background:var(--mv-plastic)}
body.landing .issue-list a:hover,.issue-list a:hover{background:var(--mv-plastic)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  :root{--mv-plastic:linear-gradient(160deg,#121016,#050408)}
}

/* Self-hosted display typography. No runtime font service or tracking. */
@font-face{font-family:Unbounded;src:url('fonts/unbounded-600-latin.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
:root{--mv-display:Unbounded,'Bahnschrift',Arial,sans-serif;--mv-body:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;--mv-radius:22px}
body{font-family:var(--mv-body);line-height:1.65}
h1,h2,.hero-line,.issue-list a>span:nth-child(2){font-family:var(--mv-display);font-weight:600}
.eyebrow,.issue-number,.reading-note,.section-heading>p{font-family:ui-monospace,'Cascadia Code',Consolas,monospace}
.eyebrow{font-size:14px;letter-spacing:.15em}
footer .mv-wordmark span{float:none;font-weight:inherit}
.layout{padding-top:58px;gap:48px}
.layout aside{border-top:2px solid #7231ff99;background:rgba(0,0,0,.6)}
.issue-heading{padding:34px;border-left:2px solid #7231ff99}
.issue-heading h1{font-size:clamp(30px,3.6vw,56px);line-height:1.2}
.issue-heading .reading-note{font-size:14px;line-height:1.7}
#reader>figure{padding:10px;margin-bottom:40px;box-shadow:0 24px 60px #0009,inset 0 1px 0 #ffffff20}
#reader>figure figcaption{font-size:13px}
.mv-nebula-toggle{font-size:13px}
@media(max-width:760px){.layout{padding:28px 16px}.issue-heading{padding:26px 20px}.issue-heading h1{font-size:clamp(26px,7vw,36px);overflow-wrap:anywhere}.layout aside{margin-bottom:30px}#reader>figure{padding:6px}.next{flex-wrap:wrap}.mv-nebula-toggle{right:12px;bottom:12px}}
/* Accessible lettering transcripts stay folded beneath each approved page. */
.comic-transcript{padding:12px 14px;color:var(--mv-ink,#fff);font-size:15px;line-height:1.6}
.comic-transcript summary{cursor:pointer;color:#d8c7ff;font-weight:700}
.comic-transcript p{margin:12px 0}
.comic-transcript p span{color:#bbb2cc;font-size:12px;text-transform:uppercase}