:root{--yellow:#d8c067;--yellow-dim:#8a7a3a;--ink:#0a0906;--text:#e8dfb8;--red:#b8392a;--cyan:#7fd6e8;font-family:Courier New,Consolas,Noto Sans SC,monospace}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--text);margin:0;overflow:hidden}canvas#game{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}#hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.hud-top{justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:18px;left:22px;right:22px}.level-tag{text-shadow:0 0 8px #d8c06780;flex-direction:column;gap:2px;display:flex}.level-tag #hud-level{letter-spacing:.35em;color:var(--yellow);opacity:.85;font-size:13px}.level-tag #hud-level-name{letter-spacing:.15em;font-size:18px}.timer{letter-spacing:.2em;opacity:.7;font-size:14px}.crosshair{background:#e8dfb88c;border-radius:50%;width:4px;height:4px;margin:-2px;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #0009}.prompt{letter-spacing:.12em;color:var(--yellow);text-shadow:0 0 10px #000000e6;opacity:0;font-size:15px;transition:opacity .2s;position:absolute;top:56%;left:50%;transform:translate(-50%)}.prompt.show{opacity:1}.prompt kbd{border:1px solid var(--yellow);border-radius:3px;margin-right:6px;padding:0 6px;font-size:13px;display:inline-block}.sense{letter-spacing:.2em;color:#b9a7e8;opacity:0;text-shadow:0 0 12px #7850c899;font-size:13px;font-style:italic;transition:opacity 1s;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.sense.show{opacity:.9;animation:2.4s ease-in-out infinite senseBreath}@keyframes senseBreath{0%,to{opacity:.35}50%{opacity:.95}}.hud-bottom{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:22px;left:22px;right:22px}.bars{flex-direction:column;gap:8px;width:260px;display:flex}.bar{letter-spacing:.25em;align-items:center;gap:10px;font-size:12px;display:flex}.bar label{opacity:.75;width:40px}.track{background:#0000008c;border:1px solid #e8dfb840;flex:1;height:6px}.fill{width:100%;height:100%;transition:width .15s linear,background-color .3s}.fill.sanity{background:#9fd3e0;box-shadow:0 0 8px #9fd3e080}.fill.sanity.low{background:var(--red);animation:.8s infinite pulse;box-shadow:0 0 10px #b8392acc}.fill.stamina{background:var(--yellow)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.inventory{align-items:center;gap:10px;font-size:20px;display:flex}.inventory small{letter-spacing:.15em;opacity:.6;font-size:11px}.bottle{border:2px solid var(--cyan);border-radius:3px 3px 4px 4px;width:12px;height:26px;display:inline-block;position:relative;box-shadow:0 0 8px #7fd6e866}.bottle:before{content:"";background:var(--cyan);height:4px;position:absolute;top:-6px;left:2px;right:2px}.bottle:after{content:"";background:#2f7f99;height:8px;position:absolute;bottom:2px;left:1px;right:1px}.screen{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#0a0906c7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.screen.black{background:#000}.panel{text-align:center;background:linear-gradient(#14120af2,#080704fa);border:1px solid #d8c06759;max-width:720px;padding:42px 48px;box-shadow:0 0 60px #000000e6,inset 0 0 40px #d8c0670d}.panel.small{max-width:520px}h1{letter-spacing:.3em;color:var(--yellow);text-shadow:0 0 24px #d8c06780;flex-direction:column;margin:0 0 18px;font-size:64px;line-height:1;display:flex}h1 span{letter-spacing:.6em;color:var(--yellow-dim);margin-top:10px;font-size:14px}h2{letter-spacing:.2em;color:var(--yellow);margin:0 0 14px;font-size:30px}.lore{opacity:.85;margin:0 0 24px;font-size:14px;line-height:1.8}.lore em{color:#c9b27a}.controls{opacity:.85;grid-template-columns:repeat(3,1fr);gap:8px 16px;margin-bottom:20px;font-size:13px;display:grid}kbd{background:#0006;border:1px solid #e8dfb880;border-bottom-width:2px;border-radius:3px;margin-right:4px;padding:1px 7px;font-size:12px;display:inline-block}.tip{opacity:.6;margin:0 0 26px;font-size:12px;line-height:1.7}.btn{font:inherit;letter-spacing:.3em;color:var(--yellow);border:1px solid var(--yellow);cursor:pointer;text-transform:uppercase;background:0 0;padding:14px 40px;font-size:16px;transition:all .2s}.btn:hover{background:var(--yellow);color:var(--ink);box-shadow:0 0 30px #d8c06780}.footnote{opacity:.45;margin:18px 0 0;font-size:11px}.stats{opacity:.8;text-align:left;grid-template-columns:1fr 1fr;gap:6px 24px;margin:20px 0 26px;font-size:13px;display:grid}.stats b{color:var(--yellow);float:right;font-weight:400}.transition-text{text-align:center;animation:1.2s ease-out fadeIn}#trans-label{letter-spacing:.6em;opacity:.5;margin-bottom:20px;font-size:13px;animation:1.4s infinite flicker}#trans-level{letter-spacing:.3em;color:var(--yellow);font-size:46px}#trans-desc{opacity:.7;letter-spacing:.1em;max-width:560px;margin-top:18px;font-size:14px;line-height:1.8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes flicker{0%,to{opacity:.5}45%{opacity:.5}50%{opacity:.1}55%{opacity:.5}80%{opacity:.5}83%{opacity:.2}86%{opacity:.5}}#screen-death h2{color:var(--red);text-shadow:0 0 20px #b8392a99}.hint{letter-spacing:.25em;color:var(--text);text-shadow:0 0 12px #000000e6;opacity:0;white-space:nowrap;font-size:15px;transition:opacity .6s;position:absolute;top:22%;left:50%;transform:translate(-50%)}.hint.show{opacity:.85}#hud-water.bump{animation:.4s ease-out bump}@keyframes bump{0%{transform:scale(1)}40%{color:var(--cyan);transform:scale(1.5)}to{transform:scale(1)}}.sub-actions{justify-content:center;gap:28px;margin-top:16px;display:flex}.link{font:inherit;letter-spacing:.3em;color:var(--yellow-dim);cursor:pointer;background:0 0;border:none;border-bottom:1px solid #0000;padding:4px 0;font-size:13px}.link:hover{color:var(--yellow);border-bottom-color:var(--yellow)}.btn:disabled{opacity:.4;cursor:not-allowed}.form{text-align:left;letter-spacing:.1em;flex-direction:column;gap:16px;margin:10px 0 26px;font-size:13px;display:flex}.form label{flex-direction:column;gap:8px;display:flex}.form label span{color:var(--yellow);float:right}.form input[type=range]{width:100%;accent-color:var(--yellow)}.form select{font:inherit;color:var(--text);background:#0a0906;border:1px solid #d8c06766;padding:6px}.about p{opacity:.85;text-align:left;font-size:13px;line-height:1.8}.about a{color:var(--yellow)}.small-print{opacity:.6!important;font-size:12px!important}#trans-desc{margin-left:auto;margin-right:auto}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body{height:100dvh}.controls-touch,body.touch .controls{display:none}body.touch .controls-touch{opacity:.85;grid-template-columns:repeat(2,1fr);gap:6px 16px;margin-bottom:18px;font-size:13px;display:grid}.controls-touch b{color:var(--yellow);font-weight:400}#touch-ui{z-index:5;position:fixed;inset:0}#touch-zone{touch-action:none;position:absolute;inset:0}#touch-stick{pointer-events:none;opacity:0;width:0;height:0;transition:opacity .15s;position:absolute}#touch-stick.active{opacity:1}#touch-stick .ring{background:#0000002e;border:2px solid #e8dfb859;border-radius:50%;width:112px;height:112px;transition:box-shadow .15s;position:absolute;top:-56px;left:-56px;box-shadow:0 0 0 26px #d8c06700}#touch-stick.sprint .ring{border-color:var(--yellow);box-shadow:0 0 0 26px #d8c0672e}#touch-knob{background:#e8dfb88c;border-radius:50%;width:50px;height:50px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}#touch-stick.sprint #touch-knob{background:var(--yellow)}.tbtns{right:calc(18px + env(safe-area-inset-right));bottom:calc(70px + env(safe-area-inset-bottom));align-items:flex-end;gap:14px;display:flex;position:absolute}.tbtn{font:inherit;width:74px;height:74px;color:var(--text);letter-spacing:.15em;touch-action:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a090673;border:1.5px solid #e8dfb873;border-radius:50%;font-size:15px}.tbtn.pressed{color:var(--ink);background:#d8c06773}#tbtn-use{width:86px;height:86px}#tbtn-use.ready{border-color:var(--cyan);color:var(--cyan);animation:1.2s infinite pulse;box-shadow:0 0 18px #7fd6e88c}#tbtn-drink{border-color:#7fd6e880}.tbtn.small{top:calc(14px + env(safe-area-inset-top));letter-spacing:0;width:44px;height:44px;font-size:12px;position:absolute;left:50%;transform:translate(-50%)}body.touch .hud-top{top:calc(12px + env(safe-area-inset-top));left:calc(18px + env(safe-area-inset-left));right:calc(18px + env(safe-area-inset-right))}body.touch .hud-bottom{left:calc(18px + env(safe-area-inset-left));right:calc(18px + env(safe-area-inset-right));top:calc(62px + env(safe-area-inset-top));align-items:flex-start;bottom:auto}body.touch .bars{gap:6px;width:180px}body.touch .inventory{right:calc(22px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));font-size:16px;position:fixed}body.touch .inventory small{display:none}body.touch #hud{z-index:6}body.touch .crosshair{display:none}body.touch .prompt{top:40%}body.touch .sense{top:30%;bottom:auto}body.touch .hint{white-space:normal;text-align:center;width:80%;font-size:13px;top:18%}.screen{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.panel{-webkit-overflow-scrolling:touch;max-height:100dvh;overflow-y:auto}@media (max-width:760px),(max-height:560px){.panel{max-width:94vw;padding:18px 22px}h1{margin-bottom:10px;font-size:36px}h1 span{margin-top:6px;font-size:11px}h2{margin-bottom:8px;font-size:22px}.lore{margin-bottom:12px;font-size:12px;line-height:1.6}.tip{margin-bottom:14px;font-size:11px}.btn{padding:11px 30px;font-size:14px}.sub-actions,.footnote{margin-top:8px}.stats{margin:10px 0 14px;font-size:12px}.form{gap:10px;margin-bottom:14px}#trans-level{font-size:30px}}@media (max-height:440px){.lore br,.lore em{display:none}.panel{padding:12px 20px}h1{flex-direction:row;justify-content:center;align-items:baseline;gap:14px;font-size:28px}h1 span{margin-top:0}.lore{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:8px;display:-webkit-box;overflow:hidden}.tip{display:none}body.touch .controls-touch{margin-bottom:10px;font-size:12px}.footnote{display:none}.stats{grid-template-columns:1fr 1fr 1fr;gap:4px 14px}}#rotate-hint{z-index:50;color:var(--text);text-align:center;letter-spacing:.2em;background:#0a0906;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:none;position:fixed;inset:0}#rotate-hint small{opacity:.5;font-size:12px}#rotate-hint .phone{border:2px solid var(--yellow);border-radius:8px;width:46px;height:80px;animation:2s ease-in-out infinite rotatePhone}@keyframes rotatePhone{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (orientation:portrait) and (max-width:599px){body.touch #rotate-hint{display:flex}}#hud:before{content:"";pointer-events:none;background:linear-gradient(#0a09068c,#0a090600);height:120px;position:absolute;top:0;left:0;right:0}#hud:after{content:"";pointer-events:none;background:linear-gradient(#0a090600,#0a090673);height:90px;position:absolute;bottom:0;left:0;right:0}body.touch #hud:before{height:150px}body.touch #hud:after{display:none}.hud-top,.hud-bottom{z-index:1}.level-tag,.timer,.bar label,.inventory{text-shadow:0 0 4px #000000f2,0 1px 2px #000000e6}.level-tag #hud-level{opacity:1}.timer,.bar label{opacity:.9}body.touch .controls-touch{text-align:left;max-width:460px;margin-left:auto;margin-right:auto}