:root{color-scheme:dark;--ink:#e1dfce;--muted:#a6ad9f;--accent:#c5b77f;--panel:#151d1c;--scale:1;font-family:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#111817;color:var(--ink);font-size:calc(18px * var(--scale))}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:var(--ink);background:#26332f;border:1px solid #788271;padding:.7rem 1rem;min-height:48px;cursor:pointer;border-radius:2px}button:hover,button:focus-visible{background:#3b4940;outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.4;cursor:default}a{color:var(--ink)}[hidden]{display:none!important}#world,#vignette,#grain{position:fixed;inset:0;width:100%;height:100%}#world{touch-action:none}#vignette{pointer-events:none;background:radial-gradient(ellipse,transparent 37%,#0009);z-index:1}#grain{pointer-events:none;opacity:.04;z-index:2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{position:fixed;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:linear-gradient(#111d,transparent);z-index:10;font:12px Arial,sans-serif;letter-spacing:.08em}header a{text-decoration:none;padding:12px 0}header button{font-size:12px;min-height:42px;padding:8px 14px;background:#1118}#location{color:#d4d6c6;letter-spacing:.22em}#hud{position:fixed;inset:0;pointer-events:none;z-index:3}#hud button{pointer-events:auto}.chapter{position:absolute;top:92px;left:30px;max-width:380px;text-shadow:0 2px 10px #000}.chapter>span{font:11px Arial,sans-serif;letter-spacing:.22em;color:var(--accent)}.chapter h2{font-size:21px;font-weight:400;line-height:1.4;margin:12px 0}#vitals{position:absolute;bottom:28px;left:30px;display:grid;gap:7px;font:12px Arial,sans-serif;text-shadow:0 2px 5px #000}#inventory{color:#aaa}#saved{color:var(--accent);font-size:11px}#reticle{position:absolute;top:50%;left:50%;font-size:28px;opacity:.55}#prompt{position:absolute;bottom:120px;left:50%;transform:translateX(-50%);text-align:center;display:grid;gap:10px;min-width:260px;max-width:90%;text-shadow:0 2px 6px #000}#promptText{background:#121b17dc;padding:10px 20px;font-size:17px}#interactBtn{background:#2c3929e8;justify-self:center;font:14px Arial,sans-serif}#caption{position:absolute;bottom:205px;left:50%;transform:translateX(-50%);max-width:650px;width:88%;font:16px/1.5 Arial,sans-serif;text-align:center;text-shadow:0 2px 5px #000;background:#0b1312c9;padding:7px 12px;border-radius:3px}#caption:empty{display:none}#toast{position:absolute;top:25%;left:50%;transform:translateX(-50%);max-width:500px;width:86%;font-size:17px;line-height:1.5;text-align:center;text-shadow:0 2px 5px #000}#toast:not(:empty){background:#101b16e6;padding:14px 20px;border-left:2px solid var(--accent)}#danger{position:absolute;top:62px;right:25px;font:13px Arial,sans-serif;color:#e5b9a0;text-shadow:0 2px 5px #000}#quick{position:absolute;bottom:24px;right:25px;display:flex;gap:8px}#quick button{font:12px Arial,sans-serif;background:#15211dd9;min-height:46px;padding:10px 14px}.overlay{position:fixed;inset:0;z-index:20;overflow:auto;background:#0c1411a8;backdrop-filter:blur(5px)}#menu{display:flex;align-items:center;background:linear-gradient(90deg,#0c1412f8 10%,#0c1412da 43%,#0c141215 100%)}.menu-art{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#101914b0,transparent)}.title-card{position:relative;margin:80px 0 40px 7vw;width:min(520px,85vw)}.eyebrow{font:10px Arial,sans-serif;letter-spacing:.28em;color:#b4bdab}h1{font-size:clamp(40px,5.7vw,78px);font-weight:400;line-height:.97;letter-spacing:.035em;margin:30px 0;color:#e0dece}h1 em{font-weight:400;font-style:normal;color:#9da98f}.rule{width:68px;height:2px;background:var(--accent);margin:26px 0}.tagline{font-size:21px;line-height:1.5}.intro{font-size:16px;line-height:1.7;color:#a9b2a2;max-width:390px}.menu-buttons{display:grid;gap:10px;max-width:340px;margin:24px 0}.primary{background:#b7b391;color:#17231c;border-color:#ddd3ac}.primary:hover{background:#d2c8a5}.fine{font:11px/1.7 Arial,sans-serif;color:#9aa796;max-width:380px}#modal{display:grid;place-items:center;padding:30px 16px;background:#060e0bba;z-index:30}.paper{width:min(790px,100%);max-height:90dvh;overflow:auto;background:linear-gradient(120deg,#26352f,#16231f);border:1px solid #77816b;box-shadow:0 24px 100px #000b;padding:28px 38px;color:#e3e1cd}.paper-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.paper-top>span{font:10px Arial,sans-serif;letter-spacing:.2em;color:#aab69b}.paper-top button{padding:0;min-width:44px;font-size:28px;background:transparent;border:0}.paper h2{font-size:32px;font-weight:400;line-height:1.2;margin:16px 0 24px}.paper h3{font-size:21px;font-weight:400;color:#d1c69b;margin-top:28px}.paper p{font-size:18px;line-height:1.75}.paper blockquote{margin:16px 0;padding:8px 20px;border-left:2px solid var(--accent);color:#c9cfba}.paper hr{border:0;border-top:1px solid #72816b;margin:25px 0}#modalActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}#modalActions button{flex:1 1 150px}.hint{padding:12px;background:#0c17146b;border-left:2px solid #b8aa7f;font-size:16px;line-height:1.5}.hint:empty{display:none}.form-row{display:flex;flex-direction:column;gap:9px;margin:20px 0;font-size:16px}.form-row select,.form-row input[type=text],textarea{color:#e3e1cd;background:#0e1b17;border:1px solid #6c7961;padding:12px;width:100%;min-height:48px}.form-row input[type=range]{width:100%;accent-color:#c4bc91}.check{display:flex;align-items:center;gap:12px;margin:18px 0;font:16px Arial,sans-serif}.check input{width:23px;height:23px;accent-color:#c4bc91}.row-controls{display:flex;gap:10px;flex-wrap:wrap}.row-controls button{flex:1}.read-list button{display:block;width:100%;text-align:left;margin:8px 0}.status-note{font:14px/1.6 Arial,sans-serif;color:#c5caa9}#mapCanvas{max-width:100%;height:auto;display:block;margin:auto;background:#15251e;border:1px solid #7b856e}.map-key{font:13px/1.8 Arial,sans-serif;color:#bdc8ae}textarea{height:85px;resize:vertical}#touch{position:fixed;inset:0;z-index:5;pointer-events:none}#joystick{position:absolute;left:22px;bottom:115px;width:112px;height:112px;border-radius:100%;border:1px solid #b7c49c80;background:#17291c60;touch-action:none;pointer-events:auto}#stick{position:absolute;width:44px;height:44px;left:33px;top:33px;border:1px solid #a7b697;border-radius:50%;background:#91a28070}.touch-actions{position:absolute;right:15px;bottom:115px;display:grid;grid-template-columns:repeat(2,64px);gap:9px}.touch-actions button{pointer-events:auto;width:64px;height:55px;padding:5px;background:#16271ecf;font:13px Arial,sans-serif;touch-action:none}.touch-actions .active{background:#81794e}#lookHelp{position:absolute;bottom:240px;right:18px;font:10px Arial,sans-serif;color:#c4cbb2;opacity:.75}.facts{color:#d3dac1}.thoughts{color:#afa995;font-style:italic}.ending-label{font:11px Arial,sans-serif;color:#b7c89e;letter-spacing:.2em}.error{color:#f0c2a6}#modalBody table{width:100%;border-collapse:collapse;font-size:16px}#modalBody td,#modalBody th{padding:10px;border-bottom:1px solid #67755e;text-align:left}@media(max-width:700px){header{padding:6px 12px}header a{font-size:10px}#location{display:none}.chapter{top:65px;left:16px;max-width:75vw}.chapter h2{font-size:16px;margin-top:9px}.chapter>span{font-size:9px}.title-card{margin:80px 7vw 30px}.eyebrow{font-size:8px}h1{font-size:48px}.intro{font-size:15px}.tagline{font-size:18px}.menu-buttons{max-width:100%}.fine{font-size:10px}.paper{padding:20px;max-height:90dvh}.paper h2{font-size:26px}.paper p{font-size:17px}#modal{padding:12px 10px}.paper button{font-size:15px}#vitals{bottom:66px;left:15px;font-size:10px}#quick{bottom:12px;left:12px;right:12px;justify-content:space-between;gap:4px}#quick button{font-size:10px;flex:1;padding:8px 4px}#prompt{bottom:285px;gap:5px}#promptText{font-size:14px;padding:7px}#interactBtn{font-size:12px;min-height:42px;padding:8px 16px}#caption{bottom:350px;font-size:13px}#toast{top:22%;font-size:14px}#danger{top:50px;right:14px;font-size:10px}.menu-buttons button{min-height:46px}#joystick{width:102px;height:102px}#stick{left:28px;top:28px}}