:root{--paper:#f0e7d5;--gold:#d6b77d;--ink:#142327;--muted:#b6c0ba}*{box-sizing:border-box}body{margin:0;background:#111e21;color:var(--paper);font:14px/1.55 system-ui, sans-serif;overflow:hidden}#scene{position:fixed;inset:0;width:100%;height:100%;touch-action:none}#shade{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,#07131566)}#ui{position:fixed;inset:0;pointer-events:none}button,input,select{font:inherit}button,a,input,select{pointer-events:auto}button{color:inherit;cursor:pointer;border:1px solid #c0ab7c66;background:#142427c9;padding:12px 22px;transition:background .2s;border-radius:2px}button:hover{background:#48564a}button:focus-visible{outline:2px solid #ffe0a0;outline-offset:3px}button.primary{color:#172527;background:var(--gold);font-weight:650}button:disabled{opacity:.4;cursor:default}button.small{font-size:11px;padding:8px 12px}a{color:var(--gold)}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.1;margin:0 0 20px}h1{font-size:clamp(45px,6vw,90px);letter-spacing:-2px}h2{font-size:38px}h3{font-size:26px}p{margin:0 0 16px}.eyebrow{letter-spacing:3px;font-size:10px;color:var(--gold);text-transform:uppercase;font-weight:650;margin-bottom:12px}.muted,small{color:var(--muted)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.card{border:1px solid #c0ab7c33;background:#ffffff05;padding:20px}.home{height:100%;padding:5vh 6vw;background:linear-gradient(90deg,#0f2028ed,#15282a90 45%,transparent 80%);display:flex;flex-direction:column;justify-content:center}.home .copy{max-width:610px}.home h1 small{display:block;color:var(--gold);font:14px system-ui;letter-spacing:6px;margin-top:22px}.home .description{max-width:450px;margin:24px 0;color:#c1cbc4;font:19px/1.6 Georgia}.home footer{position:absolute;bottom:25px;left:6vw;right:6vw;font-size:10px;letter-spacing:2px}.device{margin:25px 0}.device button.active,.role-tab.active{border-color:var(--gold);background:#c1ab7440}.secondary{margin-top:20px;max-width:580px;gap:8px}.secondary button{padding:7px 11px;font-size:11px;background:#13232688}.selection{height:100%;padding:5vh 6vw;background:linear-gradient(90deg,#101e25f5,#101e25bb 38%,transparent 65%)}.selection .copy{max-width:390px}.selection h1{margin:20px 0}.role-tabs{position:absolute;bottom:5vh;left:6vw;right:6vw;display:flex;gap:12px}.role-tab{min-width:150px;text-align:left}.role-tab strong{display:block;font:22px Georgia}.role-tab small{font-size:10px}.input{background:#182c2d;border:1px solid #b6a57866;color:var(--paper);padding:10px;width:250px}.cinema{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;border-top:8vh solid #081418;border-bottom:8vh solid #081418;background:linear-gradient(0deg,#0c171e66,transparent 45%)}.cinema h1{max-width:900px;text-shadow:0 4px 22px #000}.cinema .caption{position:absolute;bottom:20px;max-width:700px;background:#112124bb;padding:12px 25px;font-size:17px}.cinema .skip{position:absolute;top:15px;right:25px}.cinema .label{position:absolute;top:20px;left:25px;max-width:300px;font-size:10px;letter-spacing:2px;text-align:left}.cinema .intro-title{animation:reveal 2s both}.hud-top{position:absolute;top:max(22px,env(safe-area-inset-top));left:max(25px,env(safe-area-inset-left));right:max(25px,env(safe-area-inset-right));display:flex;justify-content:space-between;gap:20px}.objective{max-width:330px;padding:14px 18px;background:linear-gradient(90deg,#132326dd,#13232666);border-left:2px solid var(--gold)}.objective h3{font-size:21px;margin:0 0 10px}.objective .eyebrow{margin-bottom:8px}.objective small{font-size:11px}.compass{position:absolute;top:25px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:3px;background:#14232677;padding:9px 20px;border-bottom:1px solid #d4b98588}.compass b{color:var(--gold);font-size:20px;display:inline-block}.hud-bottom{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:25px;right:25px;display:flex;justify-content:space-between;align-items:end;gap:15px}.ability{border:1px solid #a9966d66;background:#112329c9;max-width:270px;text-align:left}.ability b{font:17px Georgia;display:block}.bar{height:3px;background:#ffffff20;margin-top:9px}.bar i{display:block;height:100%;background:var(--gold)}.prompt{position:absolute;bottom:125px;left:50%;transform:translateX(-50%);text-align:center;background:#13252bea;padding:10px 24px}.prompt button{background:transparent;border:0;padding:5px}.controls{font-size:10px;letter-spacing:1px;color:#c1c9c4}.hud-nav{display:flex;gap:6px;align-items:start}.hud-nav button{font-size:11px;padding:8px 12px}.touch{display:none}.mobile .touch{display:block}.mobile .desktop-tip{display:none}.joystick{position:absolute;bottom:max(40px,env(safe-area-inset-bottom));left:max(28px,env(safe-area-inset-left));width:120px;height:120px;border-radius:50%;border:1px solid #e6d2a877;background:#11262b55;touch-action:none;pointer-events:auto;display:grid;place-items:center}#knob{width:48px;height:48px;border-radius:50%;background:#cbb48188;border:1px solid #eddab0;pointer-events:none}.touch-actions{position:absolute;right:max(25px,env(safe-area-inset-right));bottom:max(30px,env(safe-area-inset-bottom));display:grid;grid-template-columns:80px 80px;gap:8px}.touch-actions button{touch-action:none;padding:14px 9px;background:#12272ddd;font-size:12px}.mobile .hud-bottom{bottom:190px}.mobile .prompt{bottom:185px}.camera-tip{position:absolute;right:30px;top:45%;font-size:10px;letter-spacing:2px;color:#d8dfd0;pointer-events:none}.rotate{display:none}.dialogue{position:absolute;inset:0;border-top:6vh solid #09161b;border-bottom:6vh solid #09161b;pointer-events:none}.dialogue .speaker{position:absolute;top:24px;left:35px}.dialogue .subtitles{position:absolute;bottom:14px;left:50%;width:min(800px,90vw);transform:translateX(-50%);background:linear-gradient(0deg,#102025f5,#102025b8);padding:22px 28px;pointer-events:auto;border-top:1px solid #b9a16a55}.dialogue p{font-size:17px;line-height:1.65}.dialogue .responses{display:grid;gap:7px;margin-top:18px}.responses button{text-align:left;font-size:13px;padding:10px 15px}.dialogue .voice{font-size:10px;letter-spacing:1px;color:#c6bfad}.dialogue .skipvoice{position:absolute;right:25px;top:20px}.modal{position:fixed;inset:0;background:#0b1827bb;backdrop-filter:blur(10px);z-index:20;display:grid;place-items:center;padding:22px}.modal[hidden]{display:none}#modal[hidden]{display:none}.sheet{pointer-events:auto;max-height:90dvh;overflow:auto;width:min(940px,100%);background:linear-gradient(135deg,#243b3d,#14252b);padding:32px;border:1px solid #bba47177;box-shadow:0 30px 100px #0007}.sheet header{display:flex;justify-content:space-between;gap:15px}.sheet .close{padding:6px 12px;font-size:20px}.sheet.narrow{max-width:700px}.notice{padding:14px 18px;border-left:2px solid var(--gold);background:#bda46a12;margin:18px 0;font-size:12px;color:#c6cfc6}.answers{display:grid;gap:9px;margin:20px 0}.answers button{text-align:left}.feedback{border-left:3px solid var(--gold);background:#081c2377;padding:20px;margin:18px 0}.source{font-size:11px}.cards{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.cards button{flex:1;min-width:160px}.slot{border-bottom:1px dashed #ad9e74;padding:12px;min-height:45px}.match{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.match select{background:#173039;color:var(--paper);border:1px solid #aa946b;padding:10px}.archive img{max-width:100%;max-height:330px;object-fit:contain;display:block;margin:15px auto}.archive p{line-height:1.8}.timeline{border-left:1px solid var(--gold);padding-left:20px}.timeline p{margin:16px 0}.stat{font:37px Georgia;color:var(--gold)}table{width:100%;border-collapse:collapse;font-size:12px}td,th{padding:10px 5px;border-bottom:1px solid #ccb37a33;text-align:left}.transition{position:absolute;inset:0;background:linear-gradient(90deg,#11252cf5,#11252c77);display:flex;flex-direction:column;justify-content:center;padding:9vw}.transition h1{font-size:60px}.artifact{position:absolute;right:5vw;bottom:5vh;width:190px}.artifact img{width:100%;border:5px solid #8b7958}.artifact small{font-size:9px}.stealth{position:absolute;bottom:130px;left:50%;transform:translateX(-50%);text-align:center;background:#10252be8;padding:15px 25px}.scene-title{position:absolute;top:35%;width:100%;text-align:center;pointer-events:none;text-shadow:0 2px 12px #000}.council .subtitles{bottom:10px}.council .round{font:16px Georgia;color:var(--gold);margin-bottom:8px}.result{text-align:center}.result h1{font-size:45px}.result .row{justify-content:center}.field{display:block;margin:18px 0}.field input[type=range]{display:block;width:100%;margin-top:12px}#toast{position:fixed;top:22%;left:50%;transform:translate(-50%,-15px);background:#d9c18d;color:#17282c;padding:12px 24px;z-index:40;opacity:0;pointer-events:none;transition:.25s;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.photo #ui{visibility:hidden}.photo .photo-exit{visibility:visible;position:absolute;bottom:20px;right:20px}.loading{font:20px Georgia;position:absolute;top:45%;width:100%;text-align:center}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:750px){.home{padding:5vh 5vw}.home h1{font-size:46px}.home .description{font-size:16px}.home footer{font-size:8px;bottom:12px}.selection{padding:25px}.selection .copy{max-width:55vw}.selection h1{font-size:42px}.role-tabs{left:20px;right:20px;bottom:20px;gap:6px}.role-tab{min-width:0;flex:1;padding:10px}.role-tab strong{font-size:17px}.role-tab small{font-size:8px}.hud-top{top:12px;left:12px;right:12px}.objective{max-width:230px;padding:10px}.objective h3{font-size:16px}.compass{top:110px;font-size:9px}.hud-nav{flex-wrap:wrap;max-width:155px;justify-content:end}.hud-nav button{padding:7px 9px}.sheet{padding:20px}.dialogue p{font-size:14px;line-height:1.5}.dialogue .subtitles{padding:15px;max-height:55vh;overflow:auto}.dialogue .responses{gap:5px}.responses button{font-size:11px;padding:8px}.dialogue .speaker{left:20px;top:14px}.dialogue .skipvoice{right:15px;top:10px}.cinema h1{font-size:40px}.artifact{width:110px}.transition h1{font-size:42px}.grid{gap:8px}.card{padding:13px}.mobile .ability{max-width:210px}.controls{font-size:8px}}@media(orientation:portrait) and (max-width:650px){.mobile .rotate{display:block;position:absolute;top:180px;left:15px;font-size:10px;background:#13272b88;padding:7px}.mobile .compass{display:none}.selection .copy{max-width:80vw}.selection{background:linear-gradient(90deg,#15262be6,#15262b77)}.home .secondary{gap:5px}.dialogue .subtitles{max-height:60vh}.dialogue .speaker{max-width:50%}.hud-bottom .row{display:none}.mobile .hud-bottom{bottom:185px}.cinema .caption{font-size:13px}.sheet h2{font-size:28px}}@media print{body{overflow:visible;background:white;color:black}#scene,#shade,#ui,#toast,.sheet button{display:none}#modal{position:static;background:white;display:block}.sheet{max-height:none;width:100%;background:white;color:black;overflow:visible;border:0;box-shadow:none}.sheet small,.sheet a{color:black}}
.prologue:after{content:'';position:absolute;inset:0;background:#000;pointer-events:none;animation:from-black 3s forwards}@keyframes from-black{from{opacity:1}to{opacity:0}}.dialogue .speaker{max-width:44%;text-shadow:0 2px 8px #000}.mobile .hud-bottom .row{gap:5px}.mobile .hud-bottom .small{font-size:10px;padding:7px 9px}@media(max-height:540px){.home{overflow:auto;justify-content:flex-start;padding-top:20px}.home h1{font-size:40px}.home footer{display:none}.home .description{margin:12px 0}.device{margin:12px 0}.selection{padding:20px 30px;overflow:auto}.selection .copy{max-width:48vw}.selection h1{font-size:40px;margin:8px 0}.selection .notice{margin:10px 0;padding:8px;font-size:10px}.role-tabs{position:fixed;left:55vw;right:20px;bottom:15px;display:grid;grid-template-columns:1fr 1fr}.role-tab{min-width:0;padding:8px}.role-tab strong{font-size:17px}.objective{max-width:260px}.objective h3{font-size:16px}.compass{top:115px;left:30px;transform:none;font-size:8px}.mobile .hud-bottom{bottom:165px;left:20px}.mobile .hud-bottom .row{display:none}.mobile .ability{padding:7px 12px;max-width:180px}.mobile .ability b{font-size:13px}.mobile .ability small{font-size:9px}.joystick{bottom:20px;width:108px;height:108px}.touch-actions{bottom:15px}.dialogue .speaker{top:8px}.dialogue .speaker h3{font-size:20px;margin:5px 0}.dialogue .speaker small{display:none}.dialogue .subtitles{left:auto;right:15px;transform:none;width:55%;bottom:5px;padding:12px;max-height:78vh;overflow:auto}.dialogue p{font-size:12px;margin-bottom:9px}.responses button{font-size:11px;padding:7px}.dialogue .skipvoice{left:25px;right:auto;top:80px}.cinema .label{font-size:8px}.cinema .caption{font-size:12px;bottom:5px}.cinema h1{font-size:38px}.transition{padding:30px}.transition h1{font-size:38px}.transition .notice{margin:10px 0}.artifact{width:120px}.stealth{font-size:11px;bottom:15px;width:190px}}
.windshield{position:absolute;inset:0;pointer-events:none;border-left:35px solid #142025;border-right:35px solid #142025;border-top:15px solid #142025;border-bottom:55px solid #172329;border-radius:18% 18% 3% 3%;box-shadow:inset 0 0 35px #051315}.windshield[hidden]{display:none}.steering{position:absolute;bottom:-130px;left:10%;width:240px;height:240px;border:18px solid #0b151b;border-radius:50%;background:linear-gradient(0deg,transparent 45%,#0b151b 45%,#0b151b 53%,transparent 53%)}
.selection-back{position:absolute;right:30px;top:25px}
/* Cinematic remaster: actors stay visible; choices occupy a separate, compact rail. */
.dialogue.conversation{border-width:5vh;background:linear-gradient(0deg,#08141888,transparent 35%)}
.dialogue .speaker{top:22px;left:4vw}.dialogue .speaker h3{font-size:26px;margin:3px 0}.dialogue .speaker .eyebrow{margin-bottom:4px;font-size:9px}
.spoken-line{position:absolute;bottom:4vh;left:18%;right:18%;text-align:center;text-shadow:0 2px 6px #000;background:linear-gradient(90deg,transparent,#081418c9 20%,#081418c9 80%,transparent);padding:10px 24px;}
.spoken-line p{font:20px/1.45 Georgia,serif;margin:0 auto;max-width:700px}.spoken-line .voice{font-size:8px;opacity:.65;display:block;margin-top:5px}
.dialogue .choice-rail{position:absolute;right:4vw;bottom:18vh;width:min(400px,36vw);margin:0;pointer-events:auto;gap:6px;background:linear-gradient(90deg,transparent,#101f24b8);padding:12px}
.choice-rail[hidden]{display:none}.choice-rail button{display:flex;gap:12px;background:#102024d9;border:0;border-left:2px solid #bda87580;padding:12px 14px;font-size:13px}.choice-rail button span{color:#d6b77d}.choice-rail p{font-size:13px}.choice-rail .primary{color:#f0e7d5}
.dialogue.council .subtitles{left:auto;right:4vw;bottom:5vh;transform:none;width:min(480px,43vw);max-height:72vh;overflow:auto;padding:18px 22px;background:#0c1d22dd;border:1px solid #bda87555}.council .subtitles p{font-size:15px;line-height:1.5}.council .feedback{padding:10px;margin:10px 0}.council .responses{margin-top:10px}.council .notice{padding:8px 10px;margin:10px 0}
.film-progress{position:absolute;bottom:-2vh;height:2px;left:0;right:0;background:#ffffff15}.film-progress i{height:100%;display:block;background:#d6b77d;transition:width .5s linear}.cinema .caption:empty{display:none}.cinema .caption{bottom:2vh;max-width:70vw;font:19px/1.45 Georgia;min-height:0}.cinema .label{color:#dfd3b9;text-shadow:0 2px 5px #000}
.mobile .hud-top{top:max(12px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));gap:10px}.mobile .objective{width:37vw;max-width:310px;padding:9px 12px}.mobile .objective h3{font:17px/1.2 Georgia;margin-bottom:5px}.mobile .objective .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:5px}.mobile .hud-nav button{min-height:40px;font-size:11px;padding:8px 12px}.mobile .compass{top:14px;left:50%;transform:translateX(-50%);font-size:0;padding:4px 12px;background:#14232677}.mobile .compass b{font-size:24px}.mobile .hud-bottom{left:max(18px,env(safe-area-inset-left));bottom:146px;right:auto}.mobile .hud-bottom .row{display:none}.mobile .ability{padding:5px 9px;max-width:180px;background:#11232988;pointer-events:none;border:0}.mobile .ability b{font-size:12px}.mobile .ability small:first-child{display:none}.mobile .ability small{font-size:10px}.mobile .ability .bar{margin-top:4px}.mobile .joystick{width:108px;height:108px;bottom:max(24px,env(safe-area-inset-bottom));left:max(24px,env(safe-area-inset-left));background:#14262c77}.mobile .touch-actions{right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));grid-template-columns:72px 88px;gap:10px}.mobile .touch-actions button{min-height:49px;padding:10px 8px;border-color:#c0ab7c88}.mobile .touch-actions button[data-a=interact]{background:#d6b77de8;color:#172527;font-weight:650}.mobile .prompt{bottom:24px;padding:4px 10px;font-size:10px;pointer-events:none}.mobile .prompt button{pointer-events:none}.mobile .camera-tip{top:50%;right:15%;font-size:9px;color:#f0e7d555}.mobile .stealth{bottom:18px;left:50%;width:240px;font-size:11px;padding:7px 12px}.mobile .stealth small{display:none}
@media(max-height:540px){.dialogue .speaker{top:12px;left:max(24px,env(safe-area-inset-left));max-width:45%}.dialogue .speaker h3{font-size:20px}.dialogue .skipvoice{left:auto;right:max(22px,env(safe-area-inset-right));top:12px}.dialogue .choice-rail{right:max(20px,env(safe-area-inset-right));bottom:19vh;width:38vw;padding:5px}.choice-rail button{padding:8px 10px;font-size:11px;line-height:1.3;min-height:38px}.spoken-line{left:17%;right:17%;bottom:2vh;padding:6px 12px}.spoken-line p{font-size:15px;line-height:1.35}.spoken-line .voice{display:none}.dialogue.council .subtitles{right:max(20px,env(safe-area-inset-right));width:47vw;max-height:75vh;padding:12px}.council .subtitles p{font-size:12px}.council .responses button{font-size:11px;min-height:36px}.dialogue .speaker small{display:block;font-size:10px}.cinema .caption{font-size:15px;max-width:72vw;bottom:2vh;padding:6px 12px}.cinema h1{font-size:42px}.selection .input{width:90%}.selection .notice{margin:8px 0}.selection .copy>p:last-child{font-size:9px!important}.selection-back{right:20px;top:15px}.selection .copy{padding-bottom:18px}.home .copy{max-width:70vw}.home .secondary{margin-top:10px}.home .device .eyebrow{margin-bottom:5px}}
@media(orientation:portrait) and (max-width:650px){.mobile .rotate{display:block;position:fixed;z-index:15;inset:0;background:#142327f5;display:grid;place-content:center;text-align:center;font:24px/1.5 Georgia;padding:35px;pointer-events:auto}.mobile .rotate:after{content:'Turn your device sideways to continue the adventure.';font:14px/1.6 system-ui;display:block;margin-top:14px}.selection .copy{max-width:90vw}.dialogue .choice-rail{width:75vw;bottom:22vh}.spoken-line{left:5%;right:5%}.dialogue.council .subtitles{width:85vw}.cinema h1{font-size:35px}}
.loading-fact{font:14px/1.5 Georgia;max-width:480px;margin-top:20px;color:#d8cfb9}.loading-fact .source{display:block;margin-top:5px}.transition .notice{margin-bottom:10px}
@media(max-height:540px){.loading-fact{font-size:11px;max-width:55vw;margin-top:8px}.transition p{margin-bottom:8px}.transition h1{margin-bottom:10px}.transition .notice{font-size:11px}.transition>p:first-of-type{font-size:12px;max-width:58vw!important}}
@media(max-height:500px){.selection{padding:18px 28px}.selection .eyebrow{font-size:8px;margin-bottom:4px}.selection h1{font-size:35px;margin:5px 0 8px}.selection .copy>p{font-size:12px;line-height:1.4;margin-bottom:7px}.selection .notice{font-size:10px;line-height:1.4;padding:7px 10px;margin:7px 0}.selection label small{font-size:10px}.selection input{padding:6px 8px}.selection .copy>.row{margin-top:9px!important}.selection button.primary{padding:9px 15px}.selection .copy>p:last-child{margin-top:8px!important}.selection [data-a=ability-demo]{display:none}.home .description{font-size:15px}.home h1{font-size:35px}.home h1 small{font-size:10px;margin-top:10px;letter-spacing:4px}.home .device{margin:8px 0}.home .secondary button{padding:5px 9px;font-size:10px}.home .row>button.primary{padding:9px 18px}}
.assets-loading #scene{visibility:hidden}.assets-loading #shade{background:radial-gradient(ellipse at 70% 40%,#2e403c,#101c22 70%)}.conversation .spoken-line .voice{display:none}
/* Cinematic polish: unobtrusive sound recovery, outcome cards and test tools. */
.sound-enable{position:absolute;right:max(24px,env(safe-area-inset-right));top:58px;z-index:8;background:#d5b57a;color:#182629}.sound-enable[hidden]{display:none}.cinematic-fade{position:absolute;inset:-10vh -5vw;background:#091417;pointer-events:none;opacity:0;z-index:1}.cinema .skip,.cinema .label,.cinema .caption{z-index:3}.outcome-title{position:absolute;left:5vw;top:15vh;animation:reveal 1.5s;text-shadow:0 2px 16px #000}.outcome-title h2{font:clamp(24px,3.2vw,46px)/1.15 Georgia;max-width:550px;margin:12px 0}.ending-film .intro-title{animation:reveal 1.5s}.ending-film .intro-title p{letter-spacing:.18em;font-size:17px}.developer-access{position:fixed;z-index:35;bottom:max(8px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);font-size:10px;background:#302d25e8;border-color:#c2a165;color:#edce92;padding:5px 12px}.developer-settings{margin:24px 0;border-top:1px solid #c2a16544;padding-top:15px}.dev-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin:12px 0 22px}.dev-grid button{text-align:left;min-height:46px;padding:11px 14px}.dev-values{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;margin:20px 0}.dev-values input{width:100%;display:block;margin-top:6px;background:#14252b;color:#f0e7d5;border:1px solid #c2a16577;padding:9px}.developer .sheet .notice{border-left:2px solid #d5b57a}.result .grid{grid-template-columns:repeat(3,1fr)}
@media(max-height:540px){.dev-grid{grid-template-columns:repeat(3,1fr);gap:6px}.dev-grid button{font-size:11px;min-height:42px;padding:9px}.sheet .dev-values{gap:8px}.dev-values label{font-size:11px}.outcome-title{top:12vh;left:6vw}.outcome-title h2{font-size:27px}.ending-film .intro-title p{font-size:12px}.result .card{padding:9px}.result .stat{font-size:26px}.developer-access{font-size:9px;padding:4px 10px}.sound-enable{top:48px;font-size:11px;padding:6px 12px}}
@media(max-width:500px){.dev-grid{grid-template-columns:1fr 1fr}.dev-values{grid-template-columns:1fr 1fr}.dev-values button{grid-column:1/-1}.result .grid{grid-template-columns:1fr 1fr}}
.ending-good #scene{filter:brightness(1.06) saturate(1.06) sepia(.08)}.ending-middle #scene{filter:saturate(.92)}.ending-bad #scene{filter:saturate(.76) brightness(.92)}
.film-controls{position:absolute;z-index:9;right:max(24px,env(safe-area-inset-right));top:18px;display:flex;gap:8px}.cinema .film-controls .skip{position:static}.film-controls button{min-height:40px}.film-pause{background:#14272cd9;min-width:85px}.film-paused{position:absolute;z-index:5;top:40%;left:20%;right:20%;text-align:center;padding:22px;background:#102126ed;border:1px solid #c2a16588;font:24px Georgia}.film-paused small{display:block;font:12px/1.5 system-ui;margin-top:10px;color:#d8cfb9}.film-paused[hidden]{display:none}
@media(max-height:540px){.film-controls{top:12px;gap:6px}.film-controls button{min-height:36px;font-size:11px;padding:7px 10px}.film-pause{min-width:65px}.film-paused{top:35%;padding:14px;font-size:20px}.cinema .label{max-width:46vw}}
/* Grand finale: the chamber stays visible beside a concise research notebook. */
.council-stage{position:absolute;inset:0;background:linear-gradient(90deg,transparent 40%,#0b171d55);pointer-events:none;border-top:4vh solid #071116;border-bottom:4vh solid #071116}.council-stage button,.council-stage input,.council-stage a{pointer-events:auto}.council-heading{position:absolute;top:20px;left:3vw;text-shadow:0 2px 10px #000}.council-heading h3{font-size:25px;margin:5px 0 8px}.council-heading .eyebrow{margin-bottom:7px}.council-heading small{font-size:11px}.council-pause{position:absolute;top:20px;right:3vw}.evidence-seals{display:flex;gap:9px;margin-top:13px}.evidence-seals span{border:1px solid #b6a17b77;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font:12px Georgia;background:#13232ca8}.evidence-seals .current{background:#d3b27a;color:#14232a}.evidence-seals .complete{color:#bacfb6}.research-rail{position:absolute;top:76px;right:3vw;bottom:8px;width:36vw;max-width:470px;overflow:auto;padding:20px 23px;background:linear-gradient(110deg,#14242be8,#112028f5);border-left:1px solid #c2a16588;pointer-events:auto;scrollbar-width:thin}.research-rail .eyebrow{font-size:9px;margin-bottom:7px}.research-rail .era-note{font-size:10px;line-height:1.5;color:#aebdbb;margin:0 0 16px}.research-rail h3{font:21px/1.35 Georgia;margin-bottom:13px}.research-rail .presented-card{color:#d3b27a;font-size:11px;padding:8px 0;border-top:1px solid #c2a16533;border-bottom:1px solid #c2a16533}.optional-evidence{font-size:11px;display:block;margin:10px 0}.research-rail .responses{display:grid;gap:7px;margin:12px 0}.research-rail .responses button{font-size:12px;padding:11px 13px;line-height:1.45;text-align:left;background:#25363c;border-left:2px solid #c2a165}.research-rail .feedback{font-size:12px;padding:12px;margin:12px 0;border-left:2px solid #c2a165}.research-rail .feedback h3{font-size:18px}.scoring-key{display:block;font-size:9px;color:#a9b6b8;line-height:1.5;margin-top:10px}.council-caption{position:absolute;bottom:24px;left:5vw;width:49vw;text-align:center;text-shadow:0 2px 5px #000;background:linear-gradient(90deg,transparent,#0b1822ce 15%,#0b1822ce 85%,transparent);padding:10px 20px}.council-caption small,.caption #film-speaker{display:block;color:#d3b27a;font:9px/1.6 system-ui;letter-spacing:1.8px;text-transform:uppercase}.council-caption p{font:19px/1.4 Georgia;margin:5px 0}.caption #spoken-subtitle{margin:5px 0}.final-credit{z-index:4}.final-credit h2{font-size:22px;letter-spacing:.3em;margin-top:30px}.chapter-ribbon{width:220px;height:2px;background:#c2a16522;overflow:hidden;margin-top:16px}.chapter-ribbon i{display:block;width:35%;height:100%;background:#d6b77d;animation:chapter-ribbon 2.6s ease-in-out infinite}@keyframes chapter-ribbon{0%{transform:translateX(-100%)}100%{transform:translateX(390%)}}
@media(max-height:540px){.council-heading{top:10px;left:max(22px,env(safe-area-inset-left));max-width:43vw}.council-heading h3{font-size:20px}.council-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.council-heading small{font-size:10px}.evidence-seals{margin-top:9px;gap:7px}.evidence-seals span{width:20px;height:20px;font-size:10px}.council-pause{right:20px;top:9px;font-size:10px;padding:6px 10px}.research-rail{top:48px;right:max(18px,env(safe-area-inset-right));bottom:4px;width:43vw;padding:10px 14px}.research-rail .era-note{font-size:9px;line-height:1.35;margin-bottom:8px}.research-rail h3{font-size:16px;margin-bottom:8px}.research-rail .presented-card{font-size:9px;padding:5px 0}.optional-evidence{font-size:9px;margin:5px 0}.research-rail .responses{gap:5px;margin:8px 0}.research-rail .responses button{font-size:11px;padding:8px 10px;min-height:38px}.council-caption{left:2vw;width:49vw;bottom:8px;padding:8px 14px}.council-caption p{font-size:14px;line-height:1.35}.council-caption small{font-size:8px}.research-rail .feedback{font-size:11px;padding:8px}.scoring-key{font-size:8px}.final-credit h2{font-size:16px;margin-top:20px}.chapter-ribbon{margin-top:8px}}
@media(orientation:portrait) and (max-width:650px){.research-rail{left:6vw;right:6vw;top:43%;width:auto;max-width:none;bottom:8px}.council-caption{left:8vw;top:24%;bottom:auto;width:84vw}.council-caption p{font-size:13px}.council-heading{top:14px;left:6vw}.council-heading h3{font-size:22px}}

.research-rail{bottom:auto;max-height:calc(100% - 90px)}
@media(max-height:540px){.research-rail{max-height:calc(100% - 52px)}}
@media(orientation:portrait) and (max-width:650px){.research-rail{bottom:8px;max-height:55%}}
.cinema .caption:has(p:empty),.council-caption:has(p:empty){display:none}
/* Living World: compact status, optional conversations and clear investigations. */
.health-badge{position:absolute;left:3vw;top:132px;display:grid;text-align:left;gap:4px;padding:8px 12px;background:#15282cba;font-size:11px;border-color:#a9b5a355}.health-badge small{font-size:8px;letter-spacing:1.5px;color:#d3b27a}.event-timer{position:absolute;left:3vw;top:190px;font-size:12px;color:#e5c48d}.event-timer button{font-size:10px;padding:5px 8px}.living-note{position:absolute;left:4vw;bottom:18vh;width:30vw;max-height:40vh;overflow:auto;background:#14242ce8;padding:13px 16px;border-left:2px solid #bca67e;font-size:12px}.living-note:empty{display:none}.living-note small{color:#d3b27a;text-transform:uppercase;font-size:9px;letter-spacing:1px}.living-note p{margin:6px 0;line-height:1.55}.living-note a{font-size:10px}.event-title{position:absolute;left:5vw;top:22%;width:46vw;max-width:610px;padding:24px;background:linear-gradient(100deg,#142329e8,#142329aa);border-left:1px solid #d1b07b}.event-title h1{font-size:clamp(30px,4vw,54px);line-height:1.1;margin:12px 0}.event-title small{letter-spacing:3px;color:#dfbd81}.event-title p{font-size:14px;line-height:1.6}.event-review{position:absolute;right:5vw;top:8vh;bottom:7vh;width:49vw;max-width:650px;padding:25px;background:#13252bed;border-left:1px solid #bba275;overflow:auto}.event-review h2{font:27px/1.3 Georgia}.event-review p{font-size:13px}.event-review .answers{display:grid;gap:9px}.event-review .answers button{text-align:left;min-height:48px}.event-review>.small{margin-top:16px}.failure-screen{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:7vw;background:#142026bd}.failure-screen h1{font:clamp(34px,5vw,64px)/1.15 Georgia;letter-spacing:.04em;margin:16px 0}.failure-screen p{max-width:650px;font-size:15px;line-height:1.6}.failure-screen small{margin-top:20px}.investigation-failed #scene{filter:grayscale(.9) brightness(.72)}.unwell #scene{filter:saturate(.72)}.unwell #shade{box-shadow:inset 0 0 100px 20px #5c422b55}.sequence-slots{display:grid;gap:7px;margin:14px 0}.sequence-slots .slot{min-height:46px;padding:10px 13px;border:1px dashed #c4ae7988;font-size:12px;line-height:1.5}.ordering-cards{display:grid;gap:8px;margin:14px 0}.ordering-cards button{text-align:left;min-height:44px;font-size:13px;cursor:grab}.ordering-cards button:disabled{opacity:.36;cursor:default}.sequence-explanation{padding-left:26px}.sequence-explanation li{padding:8px 0;animation:sequenceReveal .5s both;animation-delay:calc(var(--step)*.18s)}.sequence-explanation li b{display:block;color:#dac190;font-size:12px}.sequence-explanation li span{font-size:12px}.patient-records{display:grid;gap:12px}.patient-record{border:1px solid #b59d7255;padding:12px;background:#1b2d32}.patient-record>button{width:100%;text-align:left;border:0;background:none;padding:4px}.patient-record>button>*{display:block;margin-bottom:5px}.patient-record>button>span{font-size:9px;letter-spacing:1.4px;color:#d3b27a}.patient-record>button>small{font-size:11px}.patient-record p{margin:10px 0}.patient-record .match{display:grid;gap:8px;margin:12px 0}.patient-record select{width:100%}@keyframes sequenceReveal{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
@media(max-height:540px){.health-badge{top:87px;left:max(24px,env(safe-area-inset-left));font-size:9px;padding:5px 8px}.health-badge small{font-size:7px}.event-timer{top:130px;left:24px;font-size:10px}.event-title{top:17%;padding:15px;width:53vw}.event-title h1{font-size:30px}.event-title p{font-size:11px;margin:8px 0}.event-title button{font-size:10px;padding:8px}.event-review{top:5vh;bottom:5vh;width:52vw;padding:16px}.event-review h2{font-size:19px}.event-review .answers button{min-height:38px;font-size:11px;padding:8px}.living-note{left:3vw;width:37vw;bottom:21vh;max-height:37vh;font-size:10px;padding:9px 12px}.living-note small,.living-note a{font-size:8px}.failure-screen{padding:22px}.failure-screen h1{font-size:32px;margin:10px}.failure-screen p{font-size:12px;margin:5px 0}.failure-screen button{font-size:11px;padding:9px}.failure-screen small{font-size:9px;margin-top:10px}.sequence-slots .slot{font-size:11px}.ordering-cards button{font-size:11px}.mobile .health-badge{max-width:210px}.mobile .event-timer{top:128px}.mobile .compass{top:84px}}
@media(prefers-reduced-motion:reduce){.sequence-explanation li{animation:none}}
.ambient-caption{position:absolute;left:30%;right:30%;bottom:6vh;text-align:center;font:14px/1.5 Georgia;text-shadow:0 1px 5px #000;background:#13242bb8;padding:7px 12px;pointer-events:none}.ambient-caption:empty{display:none}@media(max-height:540px){.ambient-caption{left:27%;right:27%;bottom:8vh;font-size:11px}}
.health-badge{left:auto;right:3vw;top:80px}.event-timer{left:auto;right:3vw;top:140px}.event-film{animation:eventArrival .5s ease-out}@keyframes eventArrival{from{box-shadow:inset 0 0 150px #e6c38a88}to{box-shadow:inset 0 0 0 transparent}}@media(max-height:540px){.health-badge,.mobile .health-badge{left:auto;right:max(24px,env(safe-area-inset-right));top:66px}.event-timer,.mobile .event-timer{left:auto;right:24px;top:110px}}
/* Two perspectives, with a live rigged portrait rather than an unrelated image. */
.selection{padding:6vh 6vw;background:linear-gradient(90deg,#101e25f5 0%,#101e25c9 34%,#101e2530 55%,transparent 75%)}
.selection .copy{width:36vw;max-width:460px;padding-bottom:115px}.selection .copy>p{max-width:390px;font-size:15px;line-height:1.6}
.selection-focus{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin:18px 0}
.selection .notice{background:#102027a8;border-left:2px solid var(--gold);line-height:1.8}.selection h1{font-size:clamp(50px,6vw,84px)}
.selection .role-tabs{left:6vw;right:auto;bottom:4vh;gap:12px}.selection .role-tab{min-width:180px;padding:14px 22px;background:#102027e8;border-color:#d6b77d55;transition:background .25s,border-color .25s}.selection .role-tab.active{border-color:#e1c994;background:#344c47ee;box-shadow:inset 3px 0 #ddc58d}.selection .role-tab small{display:block;margin-top:6px;letter-spacing:1.4px;text-transform:uppercase}
.selection-portrait{position:absolute;bottom:5vh;right:10vw;display:flex;flex-direction:column;align-items:center;gap:12px}.selection-portrait>span{font-size:9px;letter-spacing:2.5px;color:#e8d9b8;text-shadow:0 2px 8px #000}.selection-portrait button{background:#12272dcc}
.migration-note{max-width:530px;font-size:12px;border-left:2px solid var(--gold);padding-left:15px}.role-reaction{display:block;border-left:2px solid var(--gold);padding:9px 12px;margin-bottom:8px;color:#e5d4b3}
.transition{pointer-events:auto;touch-action:none;animation:chapter-arrive .5s ease both}@keyframes chapter-arrive{from{opacity:0}to{opacity:1}}
@media(max-height:600px){.selection{padding:18px 4vw}.selection .copy{width:43vw;max-width:43vw;padding-bottom:70px}.selection h1{font-size:38px;margin:6px 0}.selection .copy>p{font-size:11px;line-height:1.45}.selection-focus{font-size:8px;margin:8px 0}.selection .notice{font-size:10px;padding:7px 10px;line-height:1.5}.selection .role-tabs{position:absolute;left:53vw;right:4vw;bottom:15px;display:flex}.selection .role-tab{min-width:0;flex:1;padding:10px 12px}.selection .role-tab strong{font-size:19px}.selection .role-tab small{font-size:8px}.selection-portrait{right:15vw;bottom:100px}.selection-portrait>span{display:none}.selection .copy>p:last-child{font-size:9px!important}.selection .selection-back{top:16px;right:4vw}}
@media(orientation:portrait) and (max-width:650px){.selection{overflow:auto;padding:24px}.selection .copy{width:88vw;max-width:88vw;padding-top:32vh;padding-bottom:100px}.selection .copy>p{font-size:12px}.selection .role-tabs{position:fixed;left:20px;right:20px;bottom:20px}.selection .role-tab{min-width:0;flex:1;padding:10px 15px}.selection-portrait{right:20px;top:25vh;bottom:auto}.selection h1{font-size:46px}}