:root{color-scheme:dark;--ink:#e7edf1;--muted:#9aadb9;--cyan:#9edee6;--amber:#e3b77e;--line:#ffffff24}*{box-sizing:border-box}body{margin:0;background:#071019;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}button{transition:background .2s,border-color .2s}#app{min-height:100svh}.scene-art{position:fixed;inset:0;overflow:hidden;z-index:-2;background:#071019}.scene-art img{position:absolute;width:100%;height:200%;object-fit:cover;object-position:center;top:0;animation:drift 40s ease-in-out infinite alternate}.scene-art.lower img{top:-100%}.shade{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,10,17,.92),rgba(3,10,17,.52) 51%,rgba(3,10,17,.08)),linear-gradient(0deg,#071019 0%,transparent 80%)}@keyframes drift{to{transform:scale(1.045)}}header{display:flex;align-items:center;justify-content:space-between;padding:25px 4vw;border-bottom:1px solid var(--line);gap:18px}.brand{font-family:'Barlow Condensed',sans-serif;letter-spacing:.22em;font-weight:500;font-size:20px}.brand span{color:var(--cyan)}.top-controls{display:flex;gap:8px}.quiet{background:#07101966;border:1px solid var(--line);padding:10px 14px;border-radius:3px;font-size:14px}.quiet:hover{background:#24414b}.home{padding:clamp(65px,13vh,150px) 8vw 40px;max-width:850px}.eyebrow{font-size:13px;letter-spacing:.23em;color:var(--cyan);text-transform:uppercase;line-height:1.7}.home h1{font-family:'Barlow Condensed',sans-serif;font-weight:400;font-size:clamp(76px,10vw,146px);letter-spacing:.04em;line-height:.85;margin:26px 0}.home h1 span{display:block;font-size:.49em;letter-spacing:.18em;margin-bottom:18px;color:#c0d0d9}.intro{max-width:450px;color:#bdc9d1;line-height:1.85;font-size:17px}.primary{display:block;border:1px solid var(--cyan);background:#93d6df;color:#0a1b25;padding:17px 28px;letter-spacing:.06em;font-weight:600;margin:28px 0 12px;min-width:230px;text-align:left}.primary:hover{background:#c2f2f5}.home .quiet{min-width:230px;text-align:left}.home-foot{margin-top:40px;color:#93a7b6;font-size:13px;line-height:1.8}.coordinate{position:fixed;bottom:35px;right:4vw;color:#a3b6c3;font-size:12px;letter-spacing:.15em;text-align:right;line-height:1.8}.game{padding:35px 5vw 45px;display:grid;grid-template-columns:minmax(0,730px) 1fr;gap:6vw}.chapter-line{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:13px;letter-spacing:.13em;text-transform:uppercase}.chapter-line::before{content:'';width:32px;height:1px;background:var(--cyan)}h1.scene-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(38px,5vw,62px);font-weight:400;letter-spacing:.035em;margin:12px 0 25px}.prose{font-size:17px;line-height:1.85;color:#d1dce3;max-width:680px}.prose p{margin:0 0 18px}.prose .speech{border-left:2px solid #87cdd888;padding:3px 0 3px 19px;margin:22px 0;color:#f2f5f6}.speaker{display:block;font-size:12px;letter-spacing:.14em;color:var(--cyan);text-transform:uppercase;margin-bottom:4px}.choices{margin-top:26px;display:grid;gap:10px}.choice{width:100%;display:flex;text-align:left;gap:17px;background:#0b1924c9;border:1px solid #63829566;border-radius:3px;padding:17px 20px}.choice:hover{background:#1a3443dc;border-color:#a2dae0}.choice .number{color:var(--cyan);font-family:'Barlow Condensed',sans-serif;font-size:21px;min-width:18px}.choice strong{font-size:16px;font-weight:500;display:block}.choice small{display:block;color:#9eafbc;margin-top:6px;line-height:1.55;font-size:13px}.choice.selected{border-color:var(--cyan)}.aside{align-self:start;justify-self:end;width:230px;margin-top:10px;background:#071019aa;backdrop-filter:blur(12px);padding:22px;border-top:1px solid var(--line)}.aside h2{font-size:12px;letter-spacing:.2em;color:#9fb3c0;font-weight:500;margin:0 0 20px}.stat{margin-bottom:20px}.stat-label{display:flex;justify-content:space-between;font-size:14px}.meter{height:2px;background:#ffffff1c;margin-top:10px}.meter i{display:block;height:100%;background:var(--cyan)}.aside .location{font-size:14px;line-height:1.7;color:#9fb3c0;border-top:1px solid var(--line);padding-top:18px}.objective{margin-top:20px;font-size:14px;line-height:1.7;color:#d3dce1}.objective b{display:block;font-size:11px;letter-spacing:.18em;font-weight:500;color:var(--amber);margin-bottom:5px}.save-line{font-size:12px;color:#8ea2af;margin-top:22px;line-height:1.6}.notice{padding:13px 17px;border-left:2px solid var(--amber);background:#c5a16a12;color:#e5caa3;font-size:14px;line-height:1.6;margin:18px 0}.explore{display:grid;gap:10px}.scan{border:1px solid #6aa5b66b;background:#0b1d29bd;text-align:left;padding:18px}.scan:hover{border-color:var(--cyan)}.scan.done{border-color:#a1d3b8;color:#bddbc8}.scan small{display:block;margin-top:6px;color:var(--muted);font-size:13px}.scan-result{padding:20px;background:#0d202ddd;border-left:2px solid var(--cyan);font-size:16px;line-height:1.8;margin-top:12px}.progress{display:flex;gap:5px;margin-top:20px}.progress i{height:3px;flex:1;background:#34434c}.progress i.on{background:var(--cyan)}dialog{color:var(--ink);background:#0b1823;border:1px solid #4c6778;border-radius:6px;width:min(650px,92vw);max-height:86svh;padding:26px}dialog::backdrop{background:#02080ed9;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:22px}.dialog-top h2{font-family:'Barlow Condensed',sans-serif;letter-spacing:.05em;font-size:30px;font-weight:400;margin:0}.dialog-top button{border:0;background:transparent;font-size:20px;padding:10px}#panel-body{line-height:1.8;color:#c2d0d9}#panel-body h3{color:var(--cyan);font-weight:500;font-size:17px}#panel-body p{margin:10px 0 22px}.journal-entry{border-bottom:1px solid var(--line);padding:8px 0}.end-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.end-grid div{border:1px solid var(--line);background:#06121ccc;padding:18px;font-size:14px;line-height:1.7}.end-grid b{display:block;color:var(--cyan);font-size:12px;letter-spacing:.08em;margin-bottom:5px}.hidden{display:none!important}@media(min-width:1500px){.game{padding-top:60px}.prose{font-size:18px}}@media(max-width:850px){header{padding:18px 5vw}.brand{font-size:16px;letter-spacing:.12em}.top-controls{gap:5px}.quiet{padding:9px;font-size:13px}.game{grid-template-columns:1fr;padding:25px 5vw;gap:20px}.aside{grid-row:1;justify-self:stretch;width:auto;display:flex;gap:20px;padding:12px 0;margin:0;background:none;flex-wrap:wrap}.aside h2,.aside .location,.aside .objective,.aside .progress{display:none}.stat{flex:1;min-width:85px;margin:0}.stat-label{font-size:12px}.shade{background:linear-gradient(0deg,#071019 5%,#071019d9 60%,#07101966)}.prose{font-size:16px}.home{padding:100px 7vw 40px}.coordinate{display:none}.scene-art img{width:150%;left:-25%}.choices{margin-top:20px}.top-controls .sound-label{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
/* The source illustrations contain two independent cinematic panels. */
.scene-art.bridge-art img{height:210.7%;top:0}.scene-art.object-art img{height:190.4%;top:-90.4%}
@media(min-width:1100px){.scene-art img{object-position:65% center}.shade{background:linear-gradient(90deg,rgba(3,10,17,.94),rgba(3,10,17,.74) 42%,rgba(3,10,17,.16) 75%),linear-gradient(0deg,#071019 0%,transparent 80%)}}
label{display:block;margin:15px 0;font-size:15px}input:not([type=checkbox]){display:block;width:100%;margin-top:8px;border:1px solid #607884;background:#06121d;color:#edf4f7;padding:13px;font:inherit;border-radius:3px}input:focus{outline:2px solid var(--cyan)}.form-error{color:#ffb3a8}.muted{color:#9aadb9;font-size:14px}.recovery{white-space:pre-wrap;overflow-wrap:anywhere;background:#03101a;padding:20px;color:var(--cyan)}.consent{display:flex;gap:12px;align-items:flex-start;font-size:14px}.consent input{margin-top:6px;flex:none}a{color:var(--cyan)}@media(max-width:650px){header{flex-wrap:wrap}.top-controls{flex-wrap:wrap}.brand{width:100%}}
.scene-art.ch2-city img{height:320%;top:0}.scene-art.ch2-archive img{height:310%;top:-98%}.scene-art.ch2-witness img{height:278%;top:-178%}

.scene-art.ch3-refuge img{height:320%;top:0}.scene-art.ch3-council img{height:332%;top:-104%}.scene-art.ch3-core img{height:259.5%;top:-159.5%}

.scene-art.single-panel img{height:100%;top:0;object-position:65% center}.chapter-line{overflow-wrap:anywhere}.choice span{min-width:0;overflow-wrap:anywhere}