html:has(.na-world-intro[open]){overflow:hidden}
.na-page .na-world-intro{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#071115;color:#f0f2e9;overflow:auto;overscroll-behavior:contain;font-family:var(--na-font)}
.na-world-intro::backdrop{background:#071115}
.na-world-intro::before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#06101612 0%,#06101608 34%,#0610167a 58%,#061016e8 100%),linear-gradient(0deg,#061016e8 0%,#06101640 42%,#06101614 100%),url('./art/neon-straits-cover.jpg') 35% center/cover no-repeat}
.na-world-page{position:relative;min-height:100%}
.na-world-top{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:12px clamp(22px,3.5vw,56px);background:#071115e8;border-bottom:1px solid #c4ddd318;backdrop-filter:blur(12px)}
.na-world-kicker{font:500 10px/1.5 var(--na-mono);letter-spacing:1.4px;color:#c0cbc4}
.na-world-controls{display:flex;gap:10px;flex:none}
.na-page .na-world-controls button{min-height:44px;padding:10px 15px;border:1px solid #c2d5cc45;background:#07111570;color:#e3e9df;font-size:12px;font-weight:550}
.na-page .na-world-controls button:hover{background:#1d3030;border-color:#b8d3c0}
.na-world-controls #world-rain{color:#b3d3cc}
.na-world-controls #world-rain[aria-pressed=true]{border-color:#70aaa2;color:#d4eee2}
.na-world-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);max-width:1480px;margin:0 auto;padding:0 clamp(22px,3.5vw,56px);gap:clamp(28px,4.5vw,72px)}
.na-world-hero{position:sticky;top:76px;align-self:start;display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100svh - 76px);padding:26px 0 54px}
.na-world-scene-label{font:500 9px/1.5 var(--na-mono);letter-spacing:1.5px;color:#d9e1d4;text-shadow:0 2px 6px #000}
.na-world-hero-copy{max-width:460px;padding-top:100px}
.na-world-hero-label{display:block;margin-bottom:16px;font:600 10px/1.4 var(--na-mono);letter-spacing:2.4px;color:#dce690}
.na-page .na-world-page h1{max-width:7ch;margin:0 0 24px;font-size:clamp(56px,6.3vw,88px);font-weight:750;line-height:.95;letter-spacing:-.035em;color:#f3f2e7;text-transform:uppercase;outline:none;text-shadow:0 3px 30px #04101475}
.na-page .na-world-page h1:focus-visible{outline:none}
.na-page .na-world-epigraph{max-width:30ch;margin:0;color:#e0e6da;font-size:clamp(18px,1.65vw,23px);font-style:italic;line-height:1.5;text-wrap:pretty;text-shadow:0 2px 8px #041014}
.na-world-reading{margin-top:28px;padding:clamp(25px,3vw,46px);background:#09161be8;border-left:1px solid #b3d0c629;align-self:start}
.na-world-story p{margin:0 0 23px;font-size:16px;line-height:1.75;color:#d6dfd9;text-wrap:pretty;overflow-wrap:break-word}
.na-world-story p:first-child{color:#edf0e7}
.na-world-story .na-world-turn{margin:31px 0;padding:0 0 0 16px;border-left:2px solid #a7c99c;color:#e7ebc1;font-weight:650}
.na-world-story .na-world-last{margin:32px 0 0;font-size:18px;line-height:1.65;font-weight:600;color:#f0f2df}
.na-world-reading>footer{margin-top:32px;padding:0 0 max(8px,env(safe-area-inset-bottom));border:0;background:none}
.na-page .na-world-reading>footer button{min-height:50px;min-width:220px;padding:13px 25px;border:1px solid #dfeb8c;background:#dfeb8c;color:#18241b;font-size:15px;font-weight:700}
.na-page .na-world-reading>footer button:hover{background:#edf5b4}
@media(min-width:1600px){.na-world-story p{font-size:17px}}
@media(max-width:900px){
 .na-world-intro::before{background:linear-gradient(0deg,#071115 0%,#071115ee 24%,#07111500 76%),url('./art/neon-straits-cover.jpg') 26% top/auto 85svh no-repeat}
 .na-world-top{min-height:68px;padding:10px 22px}
 .na-world-kicker{max-width:160px;font-size:9px;letter-spacing:1px}
 .na-world-controls{gap:8px}
 .na-page .na-world-controls button{padding:10px 12px;font-size:11px}
 .na-world-layout{display:block;max-width:720px;padding:0 26px}
 .na-world-hero{position:relative;top:auto;min-height:560px;min-height:min(66svh,650px);padding:24px 0 32px}
 .na-world-hero-copy{padding-top:140px}
 .na-page .na-world-page h1{max-width:none;font-size:clamp(46px,8vw,68px);line-height:1;margin-bottom:20px}
 .na-page .na-world-epigraph{max-width:34ch;font-size:20px;line-height:1.5}
 .na-world-reading{margin:0 -26px;padding:32px 26px 38px;background:#071115f5;border-left:0;border-top:1px solid #afc9bb42}
 .na-world-story p{font-size:16px;line-height:1.75}
}
@media(max-width:480px){
 .na-world-top{padding:10px 18px;gap:8px}
 .na-world-kicker{max-width:110px;font-size:8px;letter-spacing:.8px}
 .na-page .na-world-controls button{padding:10px;min-height:44px;font-size:10px}
 .na-world-layout{padding:0 22px}
 .na-world-hero{min-height:550px;min-height:64svh;padding-top:18px}
 .na-world-hero-copy{padding-top:115px}
 .na-page .na-world-page h1{max-width:7ch;font-size:58px}
 .na-page .na-world-epigraph{font-size:18px;max-width:30ch}
 .na-world-reading{margin-left:-22px;margin-right:-22px;padding-left:22px;padding-right:22px}
 .na-world-reading>footer button{width:100%}
}
@media(prefers-reduced-transparency:reduce){.na-world-top,.na-world-reading{background:#09161b;backdrop-filter:none}}