@charset "UTF-8";
:root{color-scheme:dark;--night:#101322;--panel:#151b2d;--ink:#eee9db;--muted:#b8c1cc;--gold:#d8bf86;--line:#d8bf863b;--bright:#f4d799;font-family:system-ui,sans-serif;background:var(--night);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}button,a,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{font:inherit;color:var(--ink);background:#242d41;border:1px solid #9f966d99;border-radius:4px;padding:11px 16px;cursor:pointer;min-height:44px}button:hover{background:#364156;border-color:var(--gold)}button:disabled{opacity:.5;cursor:default}a{color:var(--gold)}button.primary{background:var(--gold);color:#151927;border-color:var(--gold)}:focus-visible{outline:3px solid #ffe1a2;outline-offset:4px}.skip{position:fixed;top:-80px;left:10px;z-index:100;background:#171d30;padding:16px}.skip:focus{top:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}
.masthead{display:flex;align-items:center;gap:26px;padding:15px max(24px,calc((100vw - 1580px)/2));border-bottom:1px solid var(--line);min-height:78px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-size:13px;letter-spacing:.17em;line-height:1.4}.brand small{display:block;letter-spacing:.08em;font-size:10px;color:var(--muted)}.edition{color:var(--gold);font-size:10px;letter-spacing:.15em;margin-left:auto}.masthead nav{display:flex;gap:9px}.masthead button{padding:8px 12px;font-size:12px;min-height:44px;background:transparent}
main{max-width:1680px;margin:auto;padding:20px 28px 32px}.world-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:0 4px 16px}.eyebrow{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:var(--gold);margin:0 0 8px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(25px,3vw,42px);margin:0;line-height:1.15}.world-head .position{color:var(--muted);font-size:12px;margin:8px 0 0}.view-controls{display:flex;align-items:center;gap:8px}.view-controls button{font-size:12px;padding:10px 14px}.view-controls [aria-pressed=true]{background:#d8bf86;color:#141927}.layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:20px;align-items:start}.scene-shell{position:relative;overflow:hidden;border:1px solid #a99a654c;border-radius:8px;background:#080d1a;isolation:isolate;aspect-ratio:16/10;max-height:900px}.scene-shell svg{width:100%;height:100%;display:block}.scene-art{height:100%;transition:filter .35s}.scene-art.shaded{filter:brightness(.72)}.scene-art.turned svg{transform:scale(1.12) translateX(var(--pan))}.scene-art svg{transform-origin:center;transition:transform .4s}.scene-shell:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px #05071460;pointer-events:none;z-index:1}.scene-overlay{position:absolute;inset:0;z-index:2;pointer-events:none}.scene-overlay button,.scene-overlay a{pointer-events:auto}
.world-seal{position:absolute;top:18px;left:20px;font-family:Georgia,serif;font-size:17px;color:#f2dcad;text-shadow:0 2px 7px #000;letter-spacing:.04em}.world-seal small{display:block;font-family:system-ui;font-size:9px;letter-spacing:.18em;margin-top:6px}.compass{position:absolute;top:15px;right:18px;text-align:center;color:#f5d99b;filter:drop-shadow(0 2px 5px #050811);font-size:10px}.compass img{width:58px;height:58px;display:block}.heading{display:block;margin-top:2px;letter-spacing:.1em}.turn-controls{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.turn-controls button{background:#0c142bdd;backdrop-filter:blur(5px);font-size:12px;border-color:#c6ac74b0;padding:9px 13px}.view-note{position:absolute;left:18px;bottom:18px;font-size:10px;color:#dfe2e6;background:#111b2dce;padding:7px 9px;border-radius:3px;max-width:180px;line-height:1.5}.hotspot{position:absolute;transform:translate(-50%,-50%);padding:8px 12px;border-radius:30px;background:#10192ddb;box-shadow:0 2px 22px #080d2070;font-size:12px;border-color:#e5c78b;white-space:nowrap}.hotspot:before{content:'◇';margin-right:7px;color:var(--gold)}.hotspot.creature{background:#e1c88e;color:#171b2b;font-weight:600}.hotspot.creature:before{color:#303445}.hotspot:hover{background:#f0d397;color:#171b2b}.mini-map{position:absolute;bottom:15px;right:15px;width:135px;height:91px;border:1px solid #d8bf8666;border-radius:5px;background:#141d2cda;overflow:hidden}.mini-map svg{width:100%;height:100%}
.side{border:1px solid var(--line);background:linear-gradient(145deg,#192238,#101729);border-radius:8px;padding:21px}.side h2{font-size:26px;margin:0 0 12px}.side p{color:#c9d0d6;font-size:14px;line-height:1.75;margin:0 0 18px}.side h3{font-family:system-ui;font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--gold);margin:22px 0 10px}.route-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.route-list button{width:100%;text-align:left;display:flex;gap:10px;align-items:center;padding:11px;font-size:12px;background:#0e192b}.route-list .bearing{font-size:10px;color:var(--gold);width:30px;flex:none}.route-list small{display:block;color:#aab5c2;font-size:10px;margin-top:4px}.region-list{display:grid;gap:9px}.region-list button{padding:13px;text-align:left}.region-list button[aria-pressed=true]{border-color:var(--gold);background:#2a3649}.region-list small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.side .text-button{background:transparent;border-color:#d8bf8666;font-size:12px;width:100%;margin-top:10px}.side .source-note{font-size:10px;line-height:1.65;color:#a6b3c2;margin:9px 0 0}.regional-content{list-style:none;padding:0;margin:0 0 18px;font-size:12px;color:#c3ccd7;line-height:1.9}.regional-content li:before{content:'·';color:var(--gold);margin-right:8px}.route-status{margin-top:17px;padding:12px;border-left:2px solid var(--gold);background:#d8bf8610;font-size:12px;line-height:1.65;color:#ecdcb7}.journey-strip{display:flex;gap:10px;flex-wrap:wrap;color:#a8b8c5;font-size:11px;line-height:1.6;margin:13px 4px 0}.journey-strip span+span:before{content:'·';margin-right:10px;color:var(--gold)}
.encounter{margin-top:18px;display:grid;grid-template-columns:1fr 1.5fr;gap:28px;padding:22px;border:1px solid var(--line);border-radius:8px;background:#172134}.encounter h2{font-size:29px;margin:6px 0 10px}.encounter p{font-size:14px;line-height:1.7;color:#c8d1d7}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.choice-grid button{text-align:left;padding:14px;font-size:13px;min-height:84px;background:#111c30}.choice-grid small{display:block;font-size:11px;color:#c1c8ce;line-height:1.6;margin-top:7px}.choice-grid button[aria-pressed=true]{border-color:#e1c286;background:#2d3c4a}.encounter .outcome{grid-column:1/-1;margin:0;padding:16px;background:#0d182c;border-left:3px solid var(--gold);color:#e6d7b5;line-height:1.65}.encounter a{font-size:12px}.region-hotspot{cursor:pointer}.region-hotspot:hover .region-area{fill-opacity:.7}.region-hotspot:focus .region-area{stroke:#fff0b8;stroke-width:4}.map-caption{fill:#e7d9b6;font:18px Georgia,serif;letter-spacing:1px}.map-small{fill:#c3cad3;font:11px system-ui}.map-location{fill:#ecd29e;font:10px system-ui}.map-title{fill:#f0ddaf;font:27px Georgia,serif;letter-spacing:2px}.map-region-name{fill:#f1e2be;font:21px Georgia,serif}.map-region-detail{fill:#c9d1d7;font:11px system-ui;letter-spacing:1px}
.reader,.credits,.exit-screen{max-width:880px;margin:25px auto 50px}.reader h1,.exit-screen h1{margin:13px 0 22px}.reader .reader-text{font:21px/1.85 Georgia,serif;white-space:pre-wrap;color:#e9e5d8;border-top:1px solid var(--line);padding:27px 0;margin:0}.reader-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:24px 0}.reader-controls select{color:var(--ink);background:#1c273c;padding:12px;border:1px solid #a99a65;font:inherit}.reader p.fine,.credits p,.exit-screen p{font-size:14px;line-height:1.8;color:#bdc8d2}.reader .source-meta{font-size:12px;line-height:1.8;color:#b8c3ce;overflow-wrap:anywhere}.reader details{border:1px solid var(--line);padding:18px;margin-top:20px;font-size:12px;line-height:1.8}.reader details summary{cursor:pointer;min-height:35px}.reader .return{display:inline-block;text-decoration:none;border:1px solid #b7a878;padding:12px 16px;min-height:44px;border-radius:4px}.credits h2{font-size:28px;margin-top:30px}.credits ul{line-height:1.8;color:#c7cfd6;font-size:14px}.exit-screen .gate-art{border:1px solid var(--line);margin-bottom:30px;max-height:250px;overflow:hidden;border-radius:8px}.exit-screen svg{width:100%;display:block}.exit-actions{display:flex;gap:15px;flex-wrap:wrap}.exit-actions a{border:1px solid var(--line);padding:12px;text-decoration:none}.no-script{margin:40px;line-height:1.8}dialog{max-width:580px;width:calc(100% - 35px);background:#172035;color:#e6e0d3;border:1px solid #d8bf86;border-radius:8px;padding:28px;max-height:85vh;overflow:auto}dialog::backdrop{background:#070d19ce}dialog p{line-height:1.8;font-size:14px;color:#c6d1db}dialog h2{font-size:32px;margin:0 0 20px}footer{border-top:1px solid var(--line);padding:16px 28px;display:flex;justify-content:center;gap:30px;font-size:10px;color:#a1aebe;flex-wrap:wrap}
@media(min-width:1700px){main{padding-top:28px}.scene-shell{aspect-ratio:16/9}.layout{grid-template-columns:minmax(0,1fr) 320px;gap:24px}.side{padding:24px}}
@media(max-width:1050px){.layout{grid-template-columns:minmax(0,1fr) 260px;gap:12px}.side{padding:16px}.side h2{font-size:23px}.view-note{display:none}.hotspot{font-size:10px;padding:7px 9px}.scene-shell{aspect-ratio:4/3}.mini-map{width:105px;height:75px}.compass img{width:48px;height:48px}.encounter{gap:18px}.world-seal{font-size:14px}.masthead{gap:14px}.edition{font-size:9px}}
@media(max-width:760px){.masthead{padding:12px 15px;gap:10px;flex-wrap:wrap}.brand img{width:35px;height:35px}.brand{font-size:11px}.edition{margin-left:auto;max-width:90px;line-height:1.6}.masthead nav{margin-left:auto}.masthead button{font-size:11px;padding:8px}.world-head{align-items:start;flex-direction:column;gap:14px;padding-bottom:14px}.view-controls{width:100%;flex-wrap:wrap}.view-controls button{flex:1;font-size:11px}main{padding:18px 13px 26px}.layout{grid-template-columns:1fr}.scene-shell{aspect-ratio:1.12;min-height:280px}.scene-art svg{width:160%;max-width:none;margin-left:-30%}.scene-art.turned svg{transform:scale(1.1) translateX(var(--pan))}.regional .scene-art svg{width:100%;margin-left:0}.regional.scene-shell{aspect-ratio:1.24}.world-seal{left:12px;top:13px;font-size:13px}.world-seal small{font-size:8px}.compass{right:10px;top:11px}.mini-map{width:90px;height:62px;right:9px;bottom:9px}.turn-controls{bottom:11px;gap:5px;left:41%}.turn-controls button{font-size:10px;min-height:44px;padding:7px}.hotspot{white-space:normal;max-width:135px;min-height:44px;text-align:center;font-size:11px}.hotspot.creature{max-width:120px}.side{padding:20px}.route-list{grid-template-columns:1fr 1fr;gap:8px}.route-list button{height:100%;font-size:11px}.route-list .bearing{width:23px}.encounter{grid-template-columns:1fr;padding:19px;gap:12px}.encounter h2{font-size:27px}.choice-grid{gap:8px}.choice-grid button{font-size:12px;padding:11px;min-height:110px}.choice-grid small{font-size:10px}.reader .reader-text{font-size:19px}.reader{margin-top:12px}.reader h1{font-size:33px}.reader-controls{gap:10px}.reader-controls>*{max-width:100%}.reader-controls select{width:100%}.journey-strip{font-size:10px}.map-region-name{font-size:24px}.map-region-detail,.map-location{display:none}.map-title{font-size:32px}footer{gap:13px;padding:17px 13px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.habitat{border-top:1px solid var(--line);padding-top:12px;margin:10px 0;font-size:11px;color:#c5ced6}.habitat summary{cursor:pointer;min-height:44px;line-height:1.5;padding:8px 0}.habitat p{font-size:12px;margin:8px 0}.habitat small{font-size:10px;color:#cbb78a}
.regional .world-seal{display:none}.map-location{font-size:14px}.map-small{font-size:13px}
.still *,.still *:before,.still *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-setting{display:flex;align-items:center;gap:12px;min-height:44px;font-size:14px}.motion-setting input{width:20px;height:20px}
.regional.scene-shell{aspect-ratio:16/10;min-height:0}
.layout>*{min-width:0}.scene-shell{width:100%;min-width:0}@media(max-width:760px){.layout{grid-template-columns:minmax(0,1fr)}}