:root{color-scheme:dark;--ink:#0a1217;--panel:#111c22;--gold:#cdb17a;--cream:#e6dfce;--dim:#8c9b9e;--line:#344044;--teal:#84b6b1;font-family:Georgia,'Times New Roman',serif;background:#070e12;color:var(--cream)}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:var(--cream);background:transparent;border:1px solid transparent;border-radius:2px;padding:9px 13px;transition:background .18s,border-color .18s}button:hover{background:#cdb17a14;border-color:#cdb17a60}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--gold);color:#172126;padding:15px 24px;border:1px solid #e0c594}button.primary:hover{background:#e0c594}button span{color:var(--gold)}button.primary span{color:#172126;margin-left:25px}kbd{font:10px system-ui,sans-serif;border:1px solid #69787c66;padding:2px 4px;border-radius:3px;color:var(--dim);margin-left:5px}small,.eyebrow{font:10px system-ui,sans-serif;letter-spacing:2px;color:var(--dim)}#game-shell{max-width:1580px;margin:auto;padding:0 32px}.topbar{height:85px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.brand{color:var(--gold);text-decoration:none;font:10px/1.45 Georgia;letter-spacing:2px;display:flex;gap:13px;align-items:center;min-width:218px}.brand strong{font-size:14px;font-weight:normal;letter-spacing:2.5px}.sigil{font-size:38px;line-height:1}.location{text-align:center}.location small{font-size:9px;letter-spacing:2.8px}.location h1{font:23px/1.15 Georgia;margin:6px 0 0;font-weight:normal}.topbar nav{display:flex;gap:6px;min-width:218px;justify-content:flex-end}.topbar nav button{font:12px system-ui;color:#b5bebc;padding:9px}main{padding-top:16px}#stage{position:relative;margin:auto;width:100%;max-height:calc(100dvh - 304px);aspect-ratio:16/9;overflow:hidden;border:1px solid #7183824f;box-shadow:0 15px 60px #0009;background:#10242c}#scene{display:block;width:100%;height:100%;object-fit:fill}.scene-caption{position:absolute;left:28px;top:24px;display:flex;align-items:center;gap:12px;pointer-events:none;text-shadow:0 2px 6px #000}.scene-caption span:last-child{font:10px system-ui;letter-spacing:3px;color:#e1d8bd}.rule{width:25px;height:1px;background:var(--gold)}#hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;pointer-events:auto;padding:0;border:0;border-radius:4px;background:transparent;cursor:pointer}.hotspot:hover,.hotspot:focus-visible{border:1px solid #e2cf9260;background:#eacb7a07;box-shadow:inset 0 0 24px #d4b56909}.hotspot .pin{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border:1px solid #edd9a0;border-radius:50%;box-shadow:0 0 15px #ecc782aa;background:#172a2b;opacity:0;transition:opacity .2s}.hotspot:hover .pin,.hotspot:focus-visible .pin,.reveal .pin{opacity:1}.hotspot .object-name{position:absolute;left:50%;top:calc(50% + 13px);transform:translateX(-50%);white-space:nowrap;background:#091316eb;color:#e3d6b8;font:11px system-ui;padding:5px 8px;border:1px solid #cdb17a60;opacity:0;pointer-events:none}.reveal .object-name,.hotspot:focus-visible .object-name{opacity:1}#hotspot-toggle{position:absolute;bottom:16px;left:20px;font:11px system-ui;color:#d1c5a9;background:#081318b5;border-color:#98a49926}#hotspot-toggle span{margin:0 5px;color:#c3ccc7}#tooltip{position:absolute;max-width:270px;pointer-events:none;background:#0a161beb;border:1px solid #bfa5757a;padding:10px 14px;box-shadow:0 4px 20px #0009;font:13px Georgia;z-index:5}#tooltip small{display:block;margin-top:5px;font-size:9px;letter-spacing:.7px}#walk-marker{position:absolute;color:#e8cd93;pointer-events:none;transform:translate(-50%,-50%);font-size:25px}#danger{position:absolute;top:24px;right:25px;background:#1f1719de;border:1px solid #ac705b;padding:12px 18px;max-width:330px;font:12px/1.5 system-ui;color:#e3c2a2}#danger progress{display:block;width:100%;height:4px;margin-top:10px;accent-color:#dcb27d}.dialogue{min-height:87px;display:flex;align-items:center;gap:24px;padding:17px 22px;background:linear-gradient(100deg,#16232a,#0e191f);border:1px solid var(--line);border-top:0}.speaker{width:145px;flex-shrink:0;border-right:1px solid #b29a6440;padding-right:15px}.speaker span{font:10px system-ui;letter-spacing:1.7px;color:var(--gold)}.speaker i{font:11px/1.4 Georgia;color:var(--dim);display:block;margin-top:7px}.dialogue p{font:15px/1.65 Georgia;margin:0;flex:1;max-height:100px;overflow:auto}.dialogue button{font:11px system-ui;flex-shrink:0}.inventory-bar{display:flex;align-items:center;min-height:80px;border-bottom:1px solid var(--line);gap:20px}.inventory-heading{flex-shrink:0;width:167px}.inventory-heading>span{font:9px system-ui;letter-spacing:2px;color:var(--gold)}.inventory-heading small{display:block;font:10px/1.4 system-ui;letter-spacing:0;margin-top:6px}#inventory{display:flex;gap:7px;flex:1;overflow-x:auto;padding:8px 0;min-width:0}.item{position:relative;min-width:75px;padding:8px 7px 6px;border:1px solid #42504d;width:auto;max-width:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:#142127}.item.selected{border-color:var(--gold);background:#53473255;box-shadow:0 0 12px #cfb07114}.item span{font:23px Georgia;height:25px}.item small{font:9px/1.3 system-ui;letter-spacing:0;text-transform:none;color:#d7d7c6;white-space:nowrap}.empty-inventory{font:12px Georgia;color:#798d91;font-style:italic}#hint-button{font:11px Georgia;color:#b2bcae;white-space:nowrap}#hint-button span{margin-left:9px}footer{min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#7f9195;font:10px system-ui}footer b{margin:0 8px;color:#675e45}footer kbd{margin:0}footer button{font:10px system-ui;padding:5px}#save-status{font-size:9px;color:#90a99c;text-align:right}#command-form{display:flex;background:#111d23;padding:10px;gap:12px;border:1px solid #a3906255;align-items:center}#command-form[hidden]{display:none}#command-form label{color:var(--gold);font:20px monospace}#command{flex:1;min-width:0;border:0;background:transparent;color:var(--cream);font:14px monospace;padding:8px}#command-form button{font:11px system-ui}dialog{width:min(720px,92vw);max-height:85dvh;overflow:auto;background:#111e25;border:1px solid #9e8a615e;color:var(--cream);padding:38px 42px;box-shadow:0 30px 150px #000c}dialog::backdrop{background:#02080cba;backdrop-filter:blur(5px)}#modal-close{position:absolute;right:10px;top:7px;font:25px Georgia;color:var(--gold)}dialog h2{font:32px Georgia;margin:8px 0 18px;color:#e4d4b0;font-weight:normal}dialog h3{font:18px Georgia;color:var(--gold);font-weight:normal}dialog p,dialog li{font:14px/1.8 Georgia;color:#c5ccc7}dialog .eyebrow{color:var(--gold)}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.modal-actions button{border:1px solid #71786466}.setting{display:flex;align-items:center;justify-content:space-between;margin:18px 0;font:13px system-ui}.setting input{accent-color:var(--gold)}.setting input[type=range]{width:160px}.subtle{color:var(--dim)!important;font:11px/1.6 system-ui!important}.journal-entry{border-left:1px solid #96815b77;padding:0 0 0 17px;margin:20px 0}.map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.map-room{padding:13px;background:#1b2b32;border:1px solid #5f6c6655;min-height:65px}.map-room.current{border-color:var(--gold)}.map-room strong{font:13px Georgia;display:block;color:#d7c79e}.map-room small{display:block;letter-spacing:0;font:10px/1.5 system-ui;margin-top:6px}.map-room.unknown{opacity:.4}.challenge-input{display:block;width:100%;padding:14px;border:1px solid #6f806c;background:#081317;color:#e8dec5;font:22px Georgia;letter-spacing:6px;margin:20px 0}.sequence-options{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.sequence-options button{border:1px solid #89917155;padding:12px 18px}.sequence-display{min-height:42px;color:var(--gold);letter-spacing:3px;font:20px Georgia}.death-mark{font:55px Georgia;color:#b8926d}.hint-level{font:10px system-ui;color:#99aaa5}#title-screen{position:fixed;inset:0;background:#101c24 url('assets/porch.png') center/cover;z-index:20;display:flex;align-items:center;justify-content:center;overflow:auto}#title-screen[hidden]{display:none}.title-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050e16e8,#08141aba 50%,#08121960),linear-gradient(0deg,#030b14cc,transparent 50%)}.title-content{position:relative;text-align:center;padding:55px 25px;max-width:900px}.title-content .eyebrow{color:#c2c9b8;font-size:10px;letter-spacing:4px}.title-ornament{color:var(--gold);font-size:15px;margin:34px 0 25px;letter-spacing:5px}.title-content h2{font:clamp(46px,6.4vw,88px)/1.09 Georgia;margin:0;font-weight:normal;text-shadow:0 4px 28px #0007;color:#e4dfce;letter-spacing:-2px}.title-content h2 em{font-weight:normal;color:#d6be8d}.title-content p{color:#c4cdcb;font:18px/1.7 Georgia;margin:25px 0 30px}.title-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.title-content>small{display:block;margin-top:30px;font-size:9px;letter-spacing:2px}.title-content small span{padding:0 10px;color:var(--gold)}#title-help{display:block;margin:20px auto 0;font:11px system-ui;color:#c2c9b8}.edition{position:absolute;bottom:24px;font:9px system-ui;letter-spacing:2px;color:#889797}body.reduced-motion *,body.reduced-motion *::after{transition:none!important;animation:none!important}[hidden]{display:none!important}@media(min-aspect-ratio:18/10){#stage{width:auto;max-width:100%;height:calc(100dvh - 304px)}}@media(max-width:850px){#game-shell{padding:0 12px}.topbar{height:72px}.brand{min-width:auto}.brand span:not(.sigil){display:none}.topbar nav{min-width:auto}.topbar nav kbd{display:none}.location h1{font-size:19px}#stage{max-height:none;min-height:260px}.dialogue{gap:12px;padding:13px}.speaker{width:90px}.speaker i{display:none}.dialogue p{font-size:13px}.inventory-heading{width:93px}.inventory-bar{gap:8px}#hint-button{font-size:10px;padding:5px}footer>span:first-child{display:none}.item{min-width:60px}.scene-caption{top:12px;left:12px}.scene-caption span:last-child{font-size:8px}dialog{padding:28px 22px}.map-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Keep the scene at its authored aspect ratio; reserve space for the readable HUD. */
@media(min-width:851px){#game-shell{max-width:min(1580px,calc((100dvh - 325px) * 1.77778 + 64px));min-width:800px}#stage{max-height:none;height:auto;width:100%;aspect-ratio:16/9}.dialogue{height:96px;min-height:96px}.dialogue p{max-height:72px}.speaker span{display:block;line-height:1.5;max-height:32px;overflow:hidden}.speaker i{max-height:32px;overflow:hidden}}
.pipe-panel{position:relative;width:340px;margin:24px auto 35px;padding:8px;background:#091217;border:1px solid #7f6f4866;box-shadow:inset 0 0 35px #0008}.pipe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.pipe-tile{aspect-ratio:1;padding:0;border:1px solid #7a6e4950;border-radius:3px;overflow:hidden;background:linear-gradient(135deg,#1e3238,#0b171e)}.pipe-tile:hover{background:#283b3d;border-color:#dbc089}.pipe-tile svg{display:block;width:100%;height:100%}.pipe-tile path{fill:none;stroke-linejoin:round}.pipe-shadow{stroke:#02090b;stroke-width:27}.pipe-brass{stroke:#967643;stroke-width:21}.pipe-water{stroke:#192f32;stroke-width:11}.wet .pipe-water{stroke:#7bbbca}.wet{box-shadow:inset 0 0 22px #75d4ed15}.pipe-inlet,.pipe-outlet{position:absolute;font:9px system-ui;letter-spacing:1px;color:#a4cdd0;white-space:nowrap}.pipe-inlet{right:100%;top:35px;padding-right:8px}.pipe-outlet{right:0;bottom:-24px;color:var(--gold)}@media(max-width:500px){.pipe-panel{width:270px}.pipe-inlet{right:auto;left:0;top:-18px}}

.site-return{color:var(--gold);font:11px system-ui;text-decoration:none;white-space:nowrap}.site-return:hover{text-decoration:underline}.site-return:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.title-content>.site-return{display:inline-block;margin-bottom:24px;border-bottom:1px solid currentColor;padding-bottom:6px}