:root{--ink: #06080a;--bone: #e9e4d8;--paper: #e9e4d8;--mute: #8a8070;--fog: #8a949a;--fog-dim: #566066;--ember: #c45a28;--amber: #e6a23a;--blood: #a01f24;--blood-bright: #e0303a;--ui: "Oswald", "Avenir Next", "Segoe UI", system-ui, sans-serif;--display: "Anton", "Impact", system-ui, sans-serif;--typewriter: "Special Elite", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:#020305;color:var(--paper);font-family:var(--ui);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;touch-action:none}#c{display:block;width:100%;height:100%;touch-action:none}.hide{display:none!important}#grain{pointer-events:none;position:fixed;inset:-20%;z-index:8;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .45s steps(2) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(-1%,2%)}to{transform:translate(0)}}#letterbox{pointer-events:none;position:fixed;inset:0;z-index:9}#letterbox .bar{position:absolute;left:0;right:0;height:7vh;background:#000}#letterbox .top{top:0}#letterbox .bot{bottom:0}.screen{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px;transition:opacity 1.2s ease,visibility 1.2s ease}.title-card{background:linear-gradient(180deg,#06090c66,#06090cb8 64%,#06090ced),url(/assets/mountains.jpg) center / cover no-repeat,radial-gradient(120% 90% at 50% 30%,#11161c,#070a0d 58%,#000)}.screen.out{opacity:0;visibility:hidden;pointer-events:none}.boot-inner{text-align:center;padding:1.5rem 1.25rem 2rem;max-width:40rem;animation:rise 1.6s ease both}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.kick{font-family:var(--ui);font-size:11px;letter-spacing:.5em;text-transform:uppercase;color:var(--blood-bright);margin-bottom:12px;text-shadow:0 2px 18px #000}.title-card h1,.boot-inner h1{font-family:var(--display);font-weight:400;font-size:clamp(44px,11vw,104px);letter-spacing:.02em;line-height:.84;text-transform:uppercase;margin:0;color:var(--bone);text-shadow:0 2px 30px rgba(0,0,0,.7),0 0 60px rgba(0,0,0,.5)}.tag{font-family:var(--ui);font-weight:500;font-size:clamp(11px,2.4vw,14px);letter-spacing:.4em;text-transform:uppercase;color:var(--fog);margin:16px 0 8px;text-shadow:0 1px 12px #000}.blurb{max-width:46ch;margin:14px auto 26px;line-height:1.6;font-family:var(--typewriter);font-size:14px;color:#cfd6d4;text-shadow:0 1px 10px rgba(0,0,0,.8)}#enter,.btn{appearance:none;font-family:var(--ui);font-weight:600;font-size:14px;letter-spacing:.18em;text-transform:uppercase;background:transparent;color:var(--bone);border:1px solid var(--blood);padding:14px 38px;border-radius:4px;cursor:pointer;transition:.2s}#enter:hover,.btn:hover{background:var(--blood);color:#fff;box-shadow:0 0 30px #a0141880}#enter:active,.btn:active{transform:translateY(1px)}.controls{margin-top:22px;font-family:var(--ui);font-size:11px;letter-spacing:.05em;color:var(--fog-dim);text-shadow:0 1px 8px #000}.hud{position:fixed;inset:0;z-index:12;pointer-events:none}.breath{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 35%,rgba(0,0,0,.28) 68%,rgba(0,0,0,.72) 100%)}.cross{position:absolute;left:50%;top:48%;width:5px;height:5px;margin:-2px 0 0 -2px;border-radius:50%;border:1px solid rgba(231,223,208,.28);box-shadow:0 0 10px #000c;opacity:.7}.whisper{position:absolute;left:50%;bottom:16%;transform:translate(-50%);width:min(28rem,88vw);text-align:center;font-family:var(--typewriter);font-style:normal;font-size:1.02rem;line-height:1.45;color:#f5eee1f2;text-shadow:0 1px 4px rgba(0,0,0,.95),0 2px 14px rgba(0,0,0,.9);min-height:1.5em;transition:opacity .6s ease,font-size .25s ease,color .25s ease,text-shadow .25s ease}.whisper.alert{bottom:22%;width:min(36rem,94vw);font-family:Oswald,system-ui,sans-serif;font-weight:600;font-size:clamp(1.35rem,4.2vw,1.95rem);letter-spacing:.04em;line-height:1.3;color:#ffe8c8;text-shadow:0 0 12px rgba(180,40,20,.75),0 0 28px rgba(120,20,10,.55),0 2px 6px rgba(0,0,0,1),0 4px 20px rgba(0,0,0,.95);animation:alertPulse 1.1s ease-in-out infinite alternate}@keyframes alertPulse{0%{opacity:.92;transform:translate(-50%) scale(1)}to{opacity:1;transform:translate(-50%) scale(1.03)}}.hint{position:absolute;left:50%;bottom:2.2rem;transform:translate(-50%);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:#ebe1cdeb;text-shadow:0 1px 4px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.7)}.fade{pointer-events:none;position:fixed;inset:0;z-index:40;background:#000;opacity:0;transition:opacity 1.4s ease}.fade.on{opacity:1}.death-screen{position:fixed;inset:0;z-index:85;display:none;align-items:center;justify-content:center;background:#000;opacity:0;transition:opacity .55s ease;pointer-events:none}.death-screen.on{display:flex;opacity:1;pointer-events:auto}.death-inner{text-align:center;padding:1.5rem;animation:death-rise .7s ease both}@keyframes death-rise{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:none}}.death-skull{filter:drop-shadow(0 0 24px rgba(160,30,30,.35));margin-bottom:.75rem}.death-label{font-family:var(--display);font-size:clamp(1.4rem,4vw,2rem);letter-spacing:.28em;text-transform:uppercase;color:var(--bone);margin:0 0 1.5rem;opacity:.9}.death-continue{min-width:10rem}.level-panel{position:absolute;top:9vh;left:1.25rem;max-width:16rem;pointer-events:none;font-family:system-ui,-apple-system,sans-serif}@media(max-width:900px){.level-panel{top:max(8px,env(safe-area-inset-top));left:8px;max-width:48vw}.level-title{font-size:.58rem}.level-goals li{font-size:.62rem}.inv-bar{bottom:auto;top:max(8px,env(safe-area-inset-top));right:8px;left:auto;transform:none;flex-wrap:wrap;justify-content:flex-end;max-width:46vw}.inv-slot{min-width:2.4rem;font-size:.5rem;padding:.25rem .35rem}.whisper{bottom:28%;font-size:.9rem;width:min(90vw,22rem);color:#faf5ebfa}.hint{top:auto;left:50%;bottom:38%;font-size:.58rem;max-width:70vw;text-align:center;color:#f5ebd7f2}.cross{top:46%}#letterbox .bar{height:0}.title-block{padding:1.2rem 1rem 2rem}h1{font-size:clamp(1.8rem,9vw,2.8rem)}#start-btn{padding:1rem 1.6rem;min-height:48px}}html.is-mobile #letterbox .bar{height:0}html.is-mobile .level-panel{top:max(2.55rem,calc(env(safe-area-inset-top) + 1.85rem));left:max(6px,env(safe-area-inset-left));max-width:min(40vw,11rem);opacity:.88}html.is-mobile .level-title{font-size:.52rem;margin-bottom:.22rem;letter-spacing:.12em}html.is-mobile .level-goals li{font-size:.55rem;line-height:1.25;padding-left:.75rem;color:#e6dcc8d1}html.is-mobile .level-goals li:before{top:.28em;width:.32rem;height:.32rem}html.is-mobile .inv-bar{left:50%;right:auto;bottom:auto;top:max(4px,env(safe-area-inset-top));transform:translate(-50%);flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:.18rem;max-width:min(72vw,22rem);z-index:28}html.is-mobile .inv-slot{flex:1 1 0;min-width:0;max-width:3.4rem;min-height:1.55rem;max-height:1.85rem;height:1.7rem;padding:.12rem .2rem;font-size:.45rem;letter-spacing:.04em;gap:0;background:#06080a8c;border-color:#a08c6e47}html.is-mobile .inv-slot.on{box-shadow:0 0 0 1px #dca0504d,0 0 8px #b4642847}html.is-mobile .inv-slot.empty{opacity:.22}html.is-mobile .inv-key{display:none}html.is-mobile .inv-label{line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}html.is-mobile .whisper{bottom:max(7.5rem,20%);width:min(62vw,18rem);font-size:.78rem;line-height:1.35;color:#faf5ebf5}html.is-mobile .whisper.alert{bottom:max(8rem,24%);width:min(70vw,22rem);font-size:clamp(.95rem,3.2vw,1.25rem)}html.is-mobile .hint{left:50%;bottom:max(6.2rem,16%);top:auto;transform:translate(-50%);font-size:.5rem;max-width:min(48vw,16rem);letter-spacing:.12em;color:#f5ebd7e6}html.is-mobile .cross{top:48%;opacity:.35}html.is-mobile .mute-btn{top:max(4px,env(safe-area-inset-top));right:max(4px,env(safe-area-inset-right));font-size:.48rem;letter-spacing:.1em;padding:.28rem .4rem;z-index:32;background:#080a0c8c}@media(orientation:landscape){html.is-mobile .inv-bar{top:max(3px,env(safe-area-inset-top));max-width:min(50vw,18rem);gap:.14rem}html.is-mobile .inv-slot{height:1.4rem;min-height:1.35rem;max-height:1.5rem;max-width:2.9rem;font-size:.4rem;padding:.08rem .14rem}html.is-mobile .level-panel{top:max(3px,env(safe-area-inset-top));left:max(6px,env(safe-area-inset-left));max-width:min(28vw,10rem)}html.is-mobile .level-title{font-size:.46rem;margin-bottom:.12rem}html.is-mobile .level-goals li{font-size:.48rem}html.is-mobile .whisper{bottom:14%;width:min(48vw,16rem);font-size:.7rem}html.is-mobile .whisper.alert{bottom:18%;font-size:clamp(.85rem,2.4vw,1.1rem)}html.is-mobile .hint{bottom:11%;max-width:min(36vw,14rem);font-size:.45rem}html.is-mobile .mute-btn{top:max(3px,env(safe-area-inset-top));right:max(4px,env(safe-area-inset-right));font-size:.42rem;padding:.22rem .35rem}}.level-title{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#c8b496bf;margin-bottom:.45rem;text-shadow:0 1px 8px #000}.level-goals{list-style:none;display:flex;flex-direction:column;gap:.28rem}.level-goals li{font-size:.72rem;letter-spacing:.04em;color:#dcd2c3b8;text-shadow:0 1px 6px #000;padding-left:.9rem;position:relative}.level-goals li:before{content:"";position:absolute;left:0;top:.35em;width:.4rem;height:.4rem;border:1px solid rgba(180,160,130,.55);border-radius:1px}.level-goals li.done{color:#8c968273;text-decoration:line-through}.level-goals li.done:before{background:#a08c648c;border-color:transparent}.inv-bar{position:absolute;left:50%;bottom:3.6rem;transform:translate(-50%);display:flex;gap:.35rem;pointer-events:auto;z-index:30;font-family:system-ui,-apple-system,sans-serif}.inv-slot{position:relative;min-width:3.4rem;min-height:2.4rem;padding:.45rem .5rem .35rem;border:1px solid rgba(160,140,110,.35);background:#080a0cb8;color:#c8beaab3;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;text-align:center;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.12rem;transition:border-color .15s ease,box-shadow .15s ease,color .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button.inv-slot{appearance:none;margin:0}.inv-slot:not(.empty):not(.inv-wood):hover{border-color:#dcb4788c;color:#f0e6d2f2;background:#12100ce0}.inv-slot:not(.empty):not(.inv-wood):focus-visible{outline:1px solid rgba(220,180,120,.7);outline-offset:2px}.inv-slot.on{border-color:#dcb478e6;color:#fff5dcfa;background:#281c0ed9;box-shadow:0 0 0 1px #dca05040,0 0 14px #b4642859}.inv-slot.empty{opacity:.35;cursor:not-allowed}.inv-slot.inv-wood{cursor:default;pointer-events:none;border-style:dashed}.inv-key{position:absolute;top:2px;left:4px;font-size:.5rem;letter-spacing:0;color:#b4a0828c;font-weight:600}.inv-slot.on .inv-key{color:#f0c878e6}.inv-label{line-height:1.15;max-width:4.2rem}.title-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.25rem}.title-actions.hide{display:none}.difficulty{margin-top:1.35rem;text-align:center;max-width:26rem;margin-left:auto;margin-right:auto}.difficulty.hide{display:none}.diff-title{font-family:Oswald,sans-serif;font-size:1.35rem;letter-spacing:.12em;text-transform:uppercase;color:var(--bone);margin:0 0 .5rem}.diff-blurb{font-family:Special Elite,serif;font-size:.95rem;line-height:1.45;color:var(--fog);margin:0 0 1.1rem;opacity:.92}.diff-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.diff-back{margin-top:.85rem}.btn-ghost{background:transparent!important;border:1px solid rgba(138,106,64,.75);color:var(--bone)}.btn-ghost:hover{border-color:#c8a064f2;color:#fff}.credits-screen{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;padding:1.25rem}.credits-screen.on{display:flex}.credits-backdrop{position:absolute;inset:0;background:#000000d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.credits-panel{position:relative;z-index:1;width:min(920px,100%);max-height:min(90vh,900px);overflow:auto;background:linear-gradient(165deg,#12161c,#080a0d);border:1px solid rgba(138,106,64,.45);box-shadow:0 24px 80px #000000a6;padding:1.25rem 1.25rem 1.5rem}.credits-x{position:absolute;top:.4rem;right:.55rem;background:transparent;border:none;color:var(--fog);font-size:1.6rem;line-height:1;cursor:pointer;padding:.25rem .5rem}.credits-x:hover{color:var(--bone)}.credits-layout{display:grid;grid-template-columns:minmax(140px,280px) 1fr;gap:1.5rem;align-items:start}@media(max-width:700px){.credits-layout{grid-template-columns:1fr}}.credits-poster-wrap{text-align:center}.credits-poster{display:none;width:100%;max-width:280px;height:auto;border:1px solid rgba(200,180,140,.25);box-shadow:0 12px 40px #00000080}.credits-poster-hint{display:none;font-size:.7rem;color:var(--mute);letter-spacing:.04em;line-height:1.5;padding:1.5rem .5rem;border:1px dashed rgba(138,106,64,.4)}.credits-poster-hint code{color:#c9a86c;font-size:.65rem}.credits-kick{font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:var(--blood-bright);margin-bottom:.35rem}.credits-copy h2{font-family:var(--display);font-weight:400;font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .35rem;color:var(--bone)}.credits-sub{color:var(--fog);font-size:.85rem;margin-bottom:1.25rem}.credits-copy h3{font-family:var(--ui);font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:#c9a86c;margin:1.1rem 0 .4rem}.credits-line{font-size:.9rem;color:var(--bone);line-height:1.45;margin:.2rem 0}.credits-line.muted,.credits-line.muted a{color:var(--mute);font-size:.8rem}.credits-copy a{color:#d4b078;text-decoration:underline;text-underline-offset:2px}.credits-list{margin:.35rem 0 .5rem 1.1rem;padding:0;color:var(--fog);font-size:.82rem;line-height:1.5}.credits-copyright{margin-top:1.25rem;letter-spacing:.04em}.credits-close-btn{margin-top:1.4rem}.mute-btn{position:fixed;top:max(.65rem,env(safe-area-inset-top));right:max(.65rem,env(safe-area-inset-right));z-index:40;pointer-events:auto;background:#080a0cb8;border:1px solid rgba(138,106,64,.55);color:var(--bone);font-family:var(--ui);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;padding:.45rem .7rem;cursor:pointer}.mute-btn:hover,.mute-btn[aria-pressed=true]{border-color:#c8a064e6;color:#fff}.mute-btn[aria-pressed=true]{color:#e07070}