:root{--bg:#101b1f;--panel:#162529;--line:#2b3b3d;--text:#e9e7dc;--muted:#91a09d;--gold:#d8b97b;--mint:#a7c3b7;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 20%,#23333270,transparent 65%),var(--bg);font-family:Arial,Helvetica,sans-serif;color:var(--text);font-size:14px}.shell{max-width:1220px;margin:auto;padding:0 44px}.masthead{height:104px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:24px;letter-spacing:6px;font-family:Georgia,serif}.wordmark svg{width:19px;height:31px;color:var(--gold)}.wordmark>span{border-left:1px solid #40504e;padding-left:17px;margin-left:7px;font:9px Arial,sans-serif;letter-spacing:2px;color:var(--muted)}.waiting{display:flex;gap:9px;align-items:center;font-size:11px;color:var(--muted)}.pulse,.save-note>span{height:5px;width:5px;border-radius:50%;background:#b3caa4;box-shadow:0 0 9px #a1c99c40}.heading{display:flex;align-items:center;justify-content:space-between;padding:36px 0 29px}.eyebrow,.micro{font-size:9px;letter-spacing:2px;color:var(--gold);font-weight:500}.heading .eyebrow{font-size:9px;color:#a3b7aa;margin:0 0 14px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(26px,3.1vw,38px);letter-spacing:-1px;margin:0;line-height:1.23}.mobile-break{display:none}.intro{font-size:12px;line-height:1.8;color:var(--muted);margin:17px 0 0}.game{overflow:hidden;background:var(--panel);border:1px solid #40504a;border-radius:10px;box-shadow:0 28px 70px #0003}.gamebar{height:67px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #53605450}.chapter{display:flex;align-items:center;gap:13px}.chapter-number{font-family:Georgia,serif;font-size:25px;color:var(--gold);border-right:1px solid #40504a;padding-right:15px}.micro{display:block;color:var(--muted);font-size:8px;letter-spacing:1.6px}.chapter strong{font-family:Georgia,serif;font-weight:400;font-size:17px;display:block;margin-top:4px}.toolbar{display:flex;gap:8px}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.37;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.toolbar button{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid transparent;border-radius:4px;padding:9px 10px;color:#a1afab;font-size:10px}.toolbar button:hover:not(:disabled){background:#ffffff08;border-color:#40504a}.toolbar button>span:first-child{font-size:18px;line-height:1}#fullscreen{font-size:23px}.stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0b1419;isolation:isolate}.stage canvas{display:block;width:100%;height:100%;image-rendering:pixelated;outline-offset:-4px}.scene-label{position:absolute;top:22px;left:25px;font-size:8px;letter-spacing:2px;color:#b3c1ad;background:#101c21aa;padding:8px 11px;border:1px solid #6b7d6440;pointer-events:none;display:flex;align-items:center;gap:8px}.scene-label>span{width:4px;height:4px;background:var(--gold);transform:rotate(45deg)}.welcome{position:absolute;inset:0;display:flex;align-items:center;background:linear-gradient(90deg,#0b171bec,#0c181cbb 35%,#0c181c00 85%)}.welcome-copy{padding-left:6.5%;padding-top:20px}.small-rule{width:30px;height:1px;display:block;background:var(--gold);margin-bottom:22px}.welcome .eyebrow{font-size:8px;color:#c4b789}.welcome h2,.pause-screen h2{font:400 clamp(26px,3.8vw,47px)/1.12 Georgia,serif;margin:16px 0;color:#f1eddc;letter-spacing:-1px}.welcome p:not(.eyebrow){line-height:1.8;color:#a4b3ab;font-size:12px;margin:18px 0 24px}.gold-button{background:#d7bb82;border:1px solid #e5ca93;color:#172426;padding:13px 20px;border-radius:3px;display:inline-flex;align-items:center;justify-content:space-between;gap:33px;font-size:11px;font-weight:600;box-shadow:0 4px 18px #0002}.gold-button:hover{background:#ecd29a}.gold-button span{font-size:18px;line-height:.8}.welcome-note{display:block;font-size:9px;color:#81958b;letter-spacing:.2px;margin-top:19px}.quiet-button{display:block;background:transparent;border:0;padding:11px 0 2px;font-size:11px;color:var(--gold)}.quiet-button:hover{text-decoration:underline}.cinematic{position:absolute;inset:0;pointer-events:none}.scene-count{position:absolute;left:25px;top:62px;color:#b5c7b3;font-size:9px;letter-spacing:2px}.skip{position:absolute;right:22px;top:21px;background:#102028bb;color:#bdc6b5;border:1px solid #80947840;border-radius:4px;padding:9px 12px;font-size:10px;pointer-events:auto}.skip span{margin-left:12px;color:var(--gold)}.subtitle{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#070f16ec);padding:50px 8% 25px;text-align:center}.subtitle p{font:400 clamp(14px,1.8vw,22px)/1.5 Georgia,serif;text-shadow:0 2px 6px #000;margin:0 0 21px;color:#eee8d2}.scene-progress{height:2px;background:#c4bb8220;width:95px;margin:auto}.scene-progress span{display:block;background:var(--gold);height:2px;width:0}.fade{position:absolute;inset:0;background:#050b0e;opacity:0;pointer-events:none;z-index:5}.wake-text{position:absolute;top:18%;left:0;right:0;text-align:center;font:italic 19px Georgia,serif;text-shadow:0 3px 8px #000;color:#d8e1c7;pointer-events:none;animation:wake 1s ease}@keyframes wake{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.interact-wrap{position:absolute;bottom:20px;left:0;right:0;text-align:center;pointer-events:none}.interact-wrap button{background:#102329ee;border:1px solid #b2a56a80;border-radius:5px;font-size:11px;color:#e4d2a8;padding:9px 14px;pointer-events:auto;box-shadow:0 4px 22px #0005}kbd{font-family:Arial,sans-serif;font-size:10px;background:#243635;color:#d2d4bf;border:1px solid #52615a;border-bottom-width:2px;border-radius:3px;padding:3px 5px;display:inline-block;min-width:21px;text-align:center}.interact-wrap kbd{color:#24332b;background:var(--gold);border-color:var(--gold);margin-right:10px;font-weight:bold}.pause-screen{position:absolute;inset:0;background:#0b1a20ed;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;z-index:7;backdrop-filter:blur(5px)}.pause-screen h2{margin:16px 0 10px}.pause-screen p{color:var(--muted);margin:0 0 25px;font-size:12px}.pause-screen .quiet-button{margin-top:10px}.toast{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);width:max-content;max-width:85%;border:1px solid #7a86644a;border-radius:5px;background:#0f2028ed;color:#d4d9c6;padding:13px 20px;font-size:12px;line-height:1.6;text-align:center;box-shadow:0 10px 25px #0004;z-index:8}.game-footer{min-height:77px;display:flex;justify-content:space-between;align-items:center;padding:14px 25px;border-top:1px solid #4c5b4840;gap:16px}.objective{display:flex;align-items:center;gap:14px}.objective-icon{font-size:26px;color:var(--gold)}.objective p{font-size:11px;color:#c8cfbe;margin:7px 0 0}.inventory{display:flex;align-items:center;gap:12px;color:#b2bfae;background:#0b1b1e80;border:1px solid #4c5b484a;border-radius:5px;padding:11px 13px;font-size:10px}.inventory:disabled{opacity:.6}.inventory>span:first-child{font-size:20px;color:var(--gold)}.inventory-count{background:#283d38;border-radius:3px;color:#9ba99a;padding:3px 6px;font-size:9px}.under-game{display:flex;justify-content:space-between;align-items:center;padding:20px 2px;gap:20px}.controls-legend{display:flex;gap:22px;color:#728880;font-size:10px}.controls-legend>span{display:flex;align-items:center;gap:5px}.controls-legend b{font-weight:400;margin-left:4px;color:#95a79c}.wasd{font-size:9px;letter-spacing:1px}.save-note{display:flex;align-items:center;gap:8px;color:#748b80;font-size:9px}.save-note>span{width:4px;height:4px;background:#74997e;box-shadow:none}.page-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #293a37;padding:24px 0 30px;color:#647b72;font-size:10px;margin-top:12px}.page-footer>span:last-child{font-size:8px;letter-spacing:1.8px}.page-footer i{font-style:normal;color:#a99767;padding:0 13px}.touch-controls{display:none;border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 22px;background:#122126}.dpad{display:grid;grid-template-columns:38px 38px 38px;grid-template-rows:34px 34px;gap:4px}.dpad button{background:#243835;border:1px solid #496055;border-radius:4px;font-size:20px;touch-action:none;user-select:none}.up{grid-column:2}.left{grid-row:2;grid-column:1}.down{grid-row:2;grid-column:2}.right{grid-row:2;grid-column:3}.dpad button:active,.dpad .held{background:#768c69}.touch-action{border:1px solid #9f9160;background:#d4bc82;color:#1c302d;font-size:11px;padding:15px;border-radius:4px}.touch-action span{padding-left:12px}dialog{width:580px;max-width:calc(100vw - 24px);max-height:90dvh;background:#14272a;border:1px solid #8a916b;border-radius:9px;padding:0;color:var(--text);box-shadow:0 20px 100px #0009}dialog::backdrop{background:#060e14cd;backdrop-filter:blur(5px)}.letter-top{padding:16px 22px;display:flex;justify-content:space-between;align-items:center}.letter-top button{background:none;border:0;font-size:25px;color:#aabdac;padding:0 6px}.paper{background:radial-gradient(ellipse at 20% 30%,#faf0d6,#dfd2af);padding:24px 48px 22px;color:#3f483b;margin:0 17px;box-shadow:inset 0 0 55px #ad874b33;border-radius:2px}.paper-symbol{text-align:center;font-size:30px;color:#8f9268}.paper-kicker{text-align:center;font-size:8px;letter-spacing:2.5px;margin:15px 0}.paper h2{font:400 28px/1.2 Georgia,serif;text-align:center;margin:15px 0}.ink-divider{height:1px;background:#8b936330;max-width:80px;margin:22px auto}.paper p:not(.paper-kicker){font:15px/1.75 Georgia,serif}.placeholder{border:1px dashed #93956e88;padding:15px 20px;margin-top:25px;background:#c7c39e22}.placeholder>span{font:8px Arial,sans-serif;letter-spacing:2px;color:#707858}.placeholder p{font-size:13px!important;margin:8px 0 0}.paper-end{text-align:center;color:#8b9163;margin-top:23px;font:16px Georgia,serif}.letter-bottom{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.letter-bottom>span{font-size:10px;color:#91a89a}.letter-bottom .gold-button{font-size:10px;padding:12px;gap:17px}[hidden]{display:none!important}.game:fullscreen{max-width:none;width:100%;height:100%;display:flex;flex-direction:column;border-radius:0}.game:fullscreen .stage{flex:1;min-height:0;aspect-ratio:auto}.game:fullscreen canvas{object-fit:contain}.game:fullscreen .touch-controls{flex-shrink:0}
@media(pointer:coarse){.touch-controls{display:flex}.controls-legend{display:none}.under-game{justify-content:center}}
@media(max-width:760px){.touch-controls{display:flex}.controls-legend{display:none}.under-game{justify-content:center}.controls-legend+.save-note{display:flex}.shell{padding:0 18px}.masthead{height:80px}.wordmark{font-size:21px;letter-spacing:4px}.wordmark>span{font-size:7px;letter-spacing:1px;padding-left:10px}.waiting{display:none}.heading{padding:27px 0 23px}.heading h1{font-size:30px}.intro{display:none}.heading .eyebrow{font-size:8px;letter-spacing:1.5px}.mobile-break{display:block}.gamebar{height:59px;padding:0 14px}.toolbar{gap:0}.toolbar button{padding:8px}.toolbar button span:last-child{display:none}.chapter strong{font-size:15px}.chapter-number{font-size:22px}.stage{aspect-ratio:4/3}.stage canvas{object-fit:cover;width:100%;height:100%}.welcome-copy{padding-left:7%;padding-top:26px}.welcome h2{font-size:32px}.welcome .eyebrow{font-size:6px;letter-spacing:1.3px}.welcome p:not(.eyebrow){font-size:10px;margin:14px 0 19px}.welcome-note{font-size:7px}.small-rule{margin-bottom:14px}.scene-label{top:13px;left:14px;font-size:6px;padding:7px 9px;letter-spacing:1.5px}.game-footer{padding:15px 14px;min-height:86px;align-items:center;gap:10px}.objective{gap:9px}.objective p{font-size:10px;line-height:1.6;max-width:230px;margin-top:5px}.inventory{padding:8px;font-size:9px;gap:7px}.inventory>span:first-child{font-size:17px}.inventory-count{display:none}.under-game{padding:16px 0}.controls-legend{gap:13px}.controls-legend>span{font-size:8px}.controls-legend .wasd{display:none}.save-note{font-size:8px}.controls-legend+.save-note{display:none}.page-footer{font-size:8px;margin-top:5px;padding:21px 0}.page-footer>span:last-child{font-size:6px;letter-spacing:1px}.page-footer i{padding:0 6px}.subtitle{padding:35px 7% 20px}.subtitle p{font-size:14px;margin-bottom:15px}.scene-count{left:14px;top:49px;font-size:7px}.skip{font-size:8px;padding:7px 9px;right:14px;top:13px}.pause-screen h2{font-size:32px}.pause-screen .eyebrow{font-size:7px}.toast{font-size:10px;padding:10px 13px}.paper{padding:20px 25px}.paper h2{font-size:25px}.letter-bottom{flex-wrap:wrap}.letter-bottom>span{font-size:9px}.gold-button{padding:12px 15px;font-size:10px;gap:23px}}
@media(max-width:430px){.shell{padding:0 12px}.wordmark>span{font-size:6px}.game-footer .inventory>span:nth-child(2){max-width:55px;line-height:1.6}.objective p{max-width:190px}.stage{aspect-ratio:1.12}.welcome h2{font-size:29px}.welcome-copy{padding-left:6%}.welcome-note{font-size:6.5px}.toolbar button{padding:7px}.chapter{gap:9px}.chapter-number{padding-right:10px}.page-footer>span:last-child{letter-spacing:.6px}.controls-legend{gap:9px}.touch-controls{padding:10px 15px}.game-footer .micro{font-size:7px}.welcome .gold-button{font-size:10px}.save-note{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

/* Original letter photograph, turned upright without changing its contents. */
.evidence-dialog{width:640px;max-height:90dvh;overflow:auto;background:#0e1b20}
.evidence-dialog .letter-top{padding:15px 21px 12px;align-items:center}
.evidence-dialog h2{font:400 22px Georgia,serif;letter-spacing:.2px;margin:7px 0 0}
.letter-evidence{margin:0 17px}
.letter-photo-frame{position:relative;aspect-ratio:3/4;width:min(100%,calc((90dvh - 200px)*.75));margin:0 auto;overflow:hidden;background:#040606;border:1px solid #85917c40;border-radius:3px}
.letter-photo{display:block;position:absolute;left:50%;top:50%;width:133.333333%;height:75%;max-width:none;object-fit:contain;transform:translate(-50%,-50%) rotate(90deg);image-rendering:auto}
.letter-evidence figcaption{text-align:center;font:11px/1.6 Georgia,serif;color:#9eafa2;padding:11px 0 0}
.letter-evidence figcaption strong{color:#d4cba7;font-weight:400;letter-spacing:1px}
.evidence-dialog .letter-bottom{padding:14px 20px 17px;flex-wrap:nowrap}
@media(max-width:430px){.evidence-dialog .letter-top{padding:13px 15px 10px}.letter-evidence{margin:0 10px}.evidence-dialog .letter-bottom{padding:12px 14px 14px;gap:10px}.evidence-dialog .letter-bottom>span{max-width:100px;line-height:1.5;font-size:8px}.evidence-dialog .letter-bottom .gold-button{font-size:9px;gap:10px}.letter-evidence figcaption{font-size:10px}.evidence-dialog h2{font-size:20px}}
