:root{color-scheme:dark;--bg:#101018;--panel:#1b1b28;--line:#343343;--muted:#b8b6c6;--accent:#ff667c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f4f1f6;font:17px/1.8 system-ui,sans-serif}a{color:#ff97a8;text-underline-offset:4px}a:hover{color:white}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ffe3a0;outline-offset:4px}header{border-bottom:1px solid var(--line);padding:22px max(5vw,20px)}.bar{max-width:1240px;margin:auto;display:flex;justify-content:space-between;gap:25px;align-items:center}.brand{font-size:25px;letter-spacing:-1px;text-decoration:none;color:white;font-weight:900}.brand span{color:var(--accent)}nav{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:14px}nav a{text-decoration:none}nav [aria-current]{color:white;border-bottom:2px solid var(--accent)}main{max-width:1240px;margin:auto;padding:55px 5vw 75px}.eyebrow{font-size:12px;color:var(--accent);font-weight:800;letter-spacing:2px;text-transform:uppercase}h1{font-size:clamp(35px,5vw,64px);line-height:1.08;max-width:1000px;letter-spacing:-2px;margin:20px 0}h2{line-height:1.3;font-size:27px;margin:45px 0 16px}.meta,figcaption,.small{color:var(--muted);font-size:13px}.lead{font-size:21px;max-width:850px}.layout{display:grid;grid-template-columns:minmax(0,760px) 250px;gap:60px;margin-top:35px}article p{margin:0 0 24px}aside{align-self:start;position:sticky;top:25px;background:var(--panel);border:1px solid var(--line);padding:22px;border-radius:14px}aside a{display:block;font-size:14px;margin:14px 0}figure{margin:28px 0}figure img{width:100%;border-radius:16px;display:block;background:var(--panel)}iframe{display:block;aspect-ratio:16/9;width:100%;border:0;border-radius:12px}figcaption{margin-top:10px}.answer{padding:20px 25px;border-left:4px solid var(--accent);background:var(--panel);margin:30px 0}.related{display:grid;grid-template-columns:1fr 1fr;gap:12px}.related a{border:1px solid var(--line);border-radius:12px;padding:18px;text-decoration:none;font-size:15px}.related a:hover{background:var(--panel)}footer{border-top:1px solid var(--line);padding:30px max(5vw,20px);color:var(--muted);font-size:12px}footer>div{max-width:1120px;margin:auto}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--line)}th{background:var(--panel)}caption{text-align:left;color:var(--muted);font-size:12px;margin:15px 0}button{background:var(--accent);color:#17101a;border:0;padding:12px 18px;border-radius:8px;font-weight:700;cursor:pointer;margin-top:18px}input{width:20px;height:20px;accent-color:var(--accent)}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:black;padding:12px;z-index:5}@media(max-width:900px){.layout{grid-template-columns:1fr;gap:30px}aside{position:static;order:-1}aside a{display:inline-block;margin:6px 15px 6px 0}main{padding-top:30px}.bar{align-items:start;flex-direction:column}.related{grid-template-columns:1fr}h1{letter-spacing:-1px}}
/* ZoneZine: compact five-page dossier, with decorative crossover artwork. */
:root{--bg:#0c101c;--panel:#202638;--line:#353f56;--muted:#adb9ce;--accent:#ff8caa}
body{background:#0c101c url('/assets/anime-crossovers.png') center 65px / 100% auto fixed no-repeat;font-size:16px}
body::before{content:'';position:fixed;inset:0;background:linear-gradient(180deg,rgba(7,12,28,.12),rgba(7,12,28,.55) 650px,#0c101c 1100px);pointer-events:none;z-index:-1}
header{background:rgba(11,16,30,.9);border-bottom:1px solid #ffffff20;padding:14px max(4vw,18px)}
.bar{max-width:1320px}.brand{font-size:24px}.bar nav{font-size:12px;gap:20px}
.world-banner{min-height:300px;position:relative;display:flex;justify-content:center;align-items:center;text-align:center;padding:35px 20px 50px}
.banner-copy{max-width:620px;text-shadow:0 2px 20px #060a21;background:radial-gradient(ellipse,#0c102e88,transparent 75%)}
.world-banner .eyebrow{color:#d9ddff;letter-spacing:3px}.banner-title{font-size:clamp(32px,5vw,58px);line-height:1.12;font-weight:900;letter-spacing:-2px;margin:12px 0}.banner-copy p{margin:8px 0;color:#e4e6fa;font-size:15px}
.edition{display:inline-block;margin-top:14px;background:#131a30b8;border:1px solid #9c9fcd88;border-radius:30px;padding:5px 15px;color:#fff;font-size:11px;letter-spacing:1.2px}
.art-credit{font-size:10px!important;color:#e4e6fa!important;margin-top:15px!important}
.wiki-shell{max-width:1320px;margin:0 auto 45px;padding:0 24px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;align-items:start}
.topic-nav{position:sticky;top:20px;border:1px solid #61769c55;background:rgba(16,24,43,.96);padding:0;overflow:hidden;border-radius:9px;box-shadow:0 10px 35px #0003}
.topic-nav .nav-heading{padding:20px;border-bottom:1px solid var(--line)}.nav-heading small{display:block;color:#b9c8df;font-size:10px;letter-spacing:2px;margin-bottom:6px}.nav-heading strong{font-size:18px;color:white}.topic-nav a{display:flex;align-items:center;gap:11px;margin:0;padding:13px 15px;text-decoration:none;color:#c3cce1;font-size:12px;line-height:1.5;border-left:3px solid transparent;border-bottom:1px solid #ffffff09}.topic-nav a:hover{background:#ffffff09}.topic-nav a[aria-current]{color:#fff;background:#ff8caa12;border-left-color:var(--accent)}.nav-number{font-size:10px;color:#8a9bb6}.nav-note{padding:16px;margin:0;font-size:11px;line-height:1.7;color:#9bacce}
main{padding:30px 36px 40px;margin:0;max-width:none;min-width:0;background:rgba(17,23,39,.98);border:1px solid #61769c55;border-radius:9px;box-shadow:0 10px 35px #0003}
h1{font-size:clamp(28px,3.2vw,42px);letter-spacing:-1px;line-height:1.15;margin:16px 0 20px}h2{font-size:24px;margin-top:34px}.eyebrow{font-size:10px}.meta{font-size:11px}.lead{font-size:17px;margin:0}.answer{padding:17px 20px;margin:23px 0;background:#20293c;border-radius:0 7px 7px 0}
.layout{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:24px}.layout>aside{order:-1;position:static;padding:13px 16px;border-radius:6px;background:#151d2e;line-height:1.6}.layout>aside strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#aab9d3;margin-bottom:6px}.layout>aside a{display:inline-block;margin:3px 16px 3px 0;font-size:11px}article{min-width:0}article p{color:#d2d9e8}figure{margin:5px 0 25px}figure img{height:auto;border-radius:7px}figcaption{font-size:11px}.related{gap:10px}.related a{font-size:13px;border-radius:6px;background:#182236}footer{background:#0d1423eb;border-color:#ffffff15}.table-scroll{border:1px solid var(--line);border-radius:6px}table{font-size:12px}th,td{padding:10px}caption{padding:0 12px}.section-index{margin:20px 0 28px}.section-index .related a span{display:block;color:#9eacc5;font-size:11px;margin-top:5px}
@media(min-width:1600px){body{background-size:100% auto}}
@media(max-width:900px){body{background-size:auto 620px;background-attachment:scroll}.world-banner{min-height:240px;padding-bottom:30px}.banner-title{font-size:38px}.wiki-shell{grid-template-columns:1fr;padding:0 14px;gap:12px}.topic-nav{position:static}.topic-nav .nav-heading{padding:12px 15px}.topic-nav .nav-heading small,.nav-note{display:none}.topic-nav .topic-links{display:flex;flex-wrap:wrap;padding:4px}.topic-nav a{font-size:11px;padding:10px;border-left:0;border-bottom:2px solid transparent;flex:1 0 30%;gap:6px}.topic-nav a[aria-current]{border-bottom-color:var(--accent)}.bar nav{display:none}.bar{flex-direction:row}main{padding:22px 20px}.layout>aside{order:-1}.layout>aside a{margin:4px 10px 4px 0}.related{grid-template-columns:1fr 1fr}.banner-copy p{font-size:12px}.banner-copy .art-credit{font-size:9px!important}}
@media(max-width:480px){.world-banner{min-height:215px}.banner-title{font-size:32px}.wiki-shell{padding:0 8px}.topic-nav a{flex-basis:45%}main{padding:19px 16px}.related{grid-template-columns:1fr}h1{font-size:29px}.lead{font-size:16px}}
