:root{color-scheme:dark;--ink:#e6e0ce;--gold:#b8a87b;--muted:#acb3a9;--deep:#0b1515}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0b1212;font-family:Arial,sans-serif;color:var(--ink)}button,a,input{touch-action:manipulation}button{font:inherit;font-size:15px;min-height:46px;padding:11px 17px;color:var(--ink);background:#182524ed;border:1px solid #6c776b66;border-radius:3px;cursor:pointer}button:hover{background:#34413b;border-color:var(--gold)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #dbca92;outline-offset:3px}button:disabled{opacity:.45;cursor:wait}a{color:#dbd1ad;text-underline-offset:4px;font-size:15px}h1,h2,h3{font-family:Georgia,serif;font-weight:normal}h2{font-size:36px;line-height:1.12;margin:18px 0 22px}h3{font-size:23px;margin:24px 0 8px}p{line-height:1.6}#game,#view{position:absolute;inset:0;width:100%;height:100%;touch-action:none}#view{display:block;cursor:grab}#vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 18vw 3vw #0008;background:linear-gradient(#0004,transparent 23%,transparent 73%,#0005)}#fade{position:absolute;inset:0;background:#060b0c;opacity:0;pointer-events:none;transition:opacity .55s;z-index:8}#fade.active{opacity:1}#hud{position:absolute;top:max(20px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));right:24px;pointer-events:none;text-shadow:0 2px 5px #000}.brand{font-size:10px;letter-spacing:2px;color:#c8c6b3}.brand span{margin:0 12px;color:var(--gold)}.toprow{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.toprow button{pointer-events:auto;background:#0c1718bc}.eyebrow{font-size:10px;letter-spacing:2.6px;color:var(--gold);line-height:1.7}#chapter{font:25px Georgia,serif;margin-top:5px}#objective{font-size:14px;color:#dadcca;max-width:470px;line-height:1.5;margin-top:12px}#inventory{font-size:11px;color:#c4b88e;margin-top:10px;letter-spacing:1px}#reticle{position:absolute;top:50%;left:50%;font-size:34px;line-height:0;transform:translate(-50%,-50%);color:#fff9;pointer-events:none}#prompt{position:absolute;left:50%;bottom:25%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;max-width:85%;text-shadow:0 2px 8px #000}#targetLabel{font:20px Georgia,serif}#interactBtn{background:#142526e8;border-color:#b3a8789c;min-width:156px}#captions{position:absolute;bottom:132px;left:50%;transform:translateX(-50%);max-width:min(700px,88%);width:max-content;white-space:pre-line;font-size:17px;text-align:center;line-height:1.5;background:#071010e6;border-left:2px solid var(--gold);padding:10px 18px;pointer-events:none;z-index:9}#captions:empty{display:none}#toast{position:absolute;bottom:83px;left:50%;transform:translateX(-50%);font-size:13px;text-align:center;background:#112120e6;border:1px solid #a59b7355;padding:10px 20px;z-index:10;pointer-events:none;opacity:0;transition:opacity .3s;width:max-content;max-width:85%}#playbar{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:24px;right:24px;display:flex;gap:7px;align-items:center}#playbar button{background:#0c1819d9;font-size:13px;min-height:40px;padding:8px 15px}#saveState{margin-left:auto;color:#c6c6b0;font-size:11px;text-shadow:0 2px 4px #000}.overlay{position:absolute;inset:0;z-index:15;display:flex;align-items:center;justify-content:center;background:#071011b5;backdrop-filter:blur(5px);overflow-y:auto;padding:30px}.overlay[hidden],[hidden]{display:none!important}#menu{justify-content:space-between;background:linear-gradient(90deg,#061011fa 0%,#071112ee 33%,#07111269 67%,#0001);backdrop-filter:none;padding:6vh 6vw}.menuPanel{max-width:590px}.line{height:1px;background:#b8a87b77;width:70px;margin:26px 0}h1{font-size:clamp(46px,5.7vw,83px);line-height:.97;letter-spacing:3px;margin:0 0 24px}h1 em{color:#b9b58e;font-style:normal}.tagline{font:18px/1.5 Georgia,serif;color:#d5d4bd}.intro{font-size:13px;color:var(--muted);margin-bottom:24px}.menubuttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:415px}.menubuttons .primary{grid-column:1/-1}.primary{background:#c3b68d;color:#111c1c;border-color:#c3b68d;text-shadow:none}.primary:hover{background:#ddd0a3;color:#071111}.primary span{float:right;margin-left:20px}.contentNote{font-size:11px;color:#a6ae9f;margin:22px 0 18px}#loadStatus{margin-top:12px;font-size:11px;color:#b9bdac}.menuAside{align-self:flex-start;padding-top:12px}.roomNo{font:56px Georgia,serif;color:#cbc2a277;border-top:1px solid #b8a87b55;padding-top:12px;display:block;text-align:right}.roomNo small{font:9px/1.7 Arial;letter-spacing:2px;display:block;margin-top:10px}.paper{background:#dfdac8;color:#273332;border:1px solid #a49b7b;padding:30px 36px;max-width:680px;width:100%;max-height:90dvh;overflow-y:auto;box-shadow:0 20px 100px #0008;border-radius:2px;font-size:17px;line-height:1.65}.paper .eyebrow{color:#656c54}.paper button{background:#c4c3ae;color:#1c2928;border-color:#919783;font-size:16px;text-align:left}.paper .primary{background:#213c3c;color:#f0ecdb;border-color:#213c3c;width:100%;margin-top:22px;text-align:center}.paper button:hover{background:#b4b8a3}.paper .primary:hover{background:#365551}.paper.dark{background:#0f2021ed;color:#dddac7;border-color:#79816c66}.paper.dark button{background:#203434;color:#e1dfc9;border-color:#72816c77}.paper.dark .eyebrow{color:#bbb084}.stack{display:flex;flex-direction:column;gap:10px;margin-top:20px}.stack:empty{display:none}.paper ol,.paper ul{padding-left:24px}.paper li{margin-bottom:10px}.paper blockquote{border-left:2px solid #79826a;padding-left:18px;margin-left:0;font:21px/1.6 Georgia,serif}.settings label{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:14px 0;font-size:15px}.settings input[type=range]{width:44%;accent-color:#284b48}.settings input[type=checkbox]{width:23px;height:23px;accent-color:#284b48}.settingNote{font-size:13px;color:#4f6057}.sequence{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.sequence button{flex:1}.journalEntry{border-bottom:1px solid #a4ab9655;padding-bottom:16px}.journalEntry strong{font-family:Georgia,serif}#touch{position:absolute;inset:0;pointer-events:none}#movePad{position:absolute;bottom:85px;left:18px;display:grid;grid-template-columns:50px 50px 50px;grid-template-rows:50px 50px;gap:4px;pointer-events:auto}#movePad button{padding:0;background:#102526ba;border:1px solid #afbcaa55;font-size:20px;user-select:none}#movePad button:nth-child(1){grid-column:2}#movePad button:nth-child(2){grid-row:2;grid-column:1}#movePad button:nth-child(3){grid-row:2;grid-column:2}#movePad button:nth-child(4){grid-row:2;grid-column:3}#lookPad{position:absolute;right:0;top:27%;width:44%;height:45%;pointer-events:auto;touch-action:none}#lookPad span{position:absolute;bottom:6px;right:22px;color:#c6cbaa80;font-size:9px;letter-spacing:2px;pointer-events:none}#turnButtons{position:absolute;right:20px;bottom:86px;display:flex;gap:8px;pointer-events:auto}#turnButtons button{width:54px;background:#102526ba;font-size:24px;padding:0}#touch~*{touch-action:manipulation}#endingText{font:20px/1.7 Georgia,serif}#endingTitle{font-size:46px}noscript{position:absolute;inset:20%;background:#172424;padding:20px;z-index:100}
@media(max-width:650px){#menu{padding:26px;align-items:center;background:linear-gradient(90deg,#071112f2,#071112a0)}h1{font-size:48px;letter-spacing:2px}.line{margin:14px 0}.tagline{font-size:16px}.intro{margin-bottom:14px}.menuAside{display:none}.menuPanel>.eyebrow{font-size:9px;letter-spacing:1.6px}.contentNote{margin:14px 0}.menubuttons{gap:7px}#hud{top:16px;left:16px;right:16px}.brand{font-size:8px;letter-spacing:1.2px}.brand span{margin:0 6px}.toprow{margin-top:12px}#chapter{font-size:21px}#objective{font-size:13px;max-width:80%}#inventory{font-size:10px}#pauseBtn{font-size:18px;min-height:42px;padding:8px 13px}#pauseBtn span{display:none}#playbar{bottom:max(15px,env(safe-area-inset-bottom));left:14px;right:14px}#playbar button{font-size:12px;padding:7px 12px}#saveState{display:none}#prompt{bottom:38%;width:90%}#targetLabel{font-size:18px}#captions{bottom:206px;font-size:15px;max-width:92%;padding:8px 12px}#toast{bottom:65px;font-size:12px}.overlay{padding:15px}.paper{padding:24px 23px;font-size:16px;max-height:94dvh}h2{font-size:29px}#endingTitle{font-size:37px}.paper blockquote{font-size:19px}#endingText{font-size:18px}}
@media(max-height:650px){#menu{overflow:auto;align-items:flex-start;padding:20px 5vw}h1{font-size:42px}.line{margin:10px 0}.tagline{margin:12px 0}.intro{margin:8px 0}.contentNote{margin:10px 0}#hud #objective{max-width:400px}#captions{bottom:65px}#prompt{bottom:24%}}