*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;background:#10150f}#app{position:fixed;top:0;right:0;bottom:0;left:0}#app canvas{display:block}#hud,#status{position:fixed;color:#fff;font-family:ui-monospace,Menlo,monospace;text-shadow:0 1px 3px rgba(0,0,0,.6);-webkit-user-select:none;user-select:none;z-index:2}#status{bottom:10px;left:12px;font-size:12px;opacity:.8}#hud{top:10px;left:12px;right:12px;pointer-events:none}#hud-stats{display:flex;gap:18px;font-size:13px}#hud-stats span{background:#00000059;padding:3px 9px;border-radius:6px}#hud-wayfinder{color:#f0c987;background:#3a280c73!important;border:1px solid rgba(240,201,135,.28)}#hud-gear{position:fixed;top:10px;right:12px;width:30px;height:30px;padding:0;line-height:1;font-size:15px;font-family:inherit;color:#e8f0e2;background:#00000059;border:1px solid rgba(255,255,255,.14);border-radius:8px;cursor:pointer;pointer-events:auto;transition:background .14s,transform .14s,border-color .14s,opacity .18s}body.locked #hud-gear{opacity:0;pointer-events:none}#hud-gear:hover{background:#ffffff29;border-color:#ffffff4d;transform:rotate(35deg)}#hud-gear:active{transform:rotate(35deg) scale(.94)}#hud-perf{position:fixed;top:48px;right:12px;width:246px;display:flex;flex-direction:column;gap:1px;font-size:11.5px;line-height:1.5;font-variant-numeric:tabular-nums;background:#0000009e;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:7px 9px}#hud-perf span{display:flex;justify-content:space-between;gap:10px}#hud-perf b{font-weight:400;opacity:.66}#hud-perf i{font-style:normal}#hud-perf hr{width:100%;border:0;border-top:1px solid rgba(255,255,255,.14);margin:4px 0 3px}#hud-help{position:fixed;bottom:10px;left:50%;transform:translate(-50%);font-size:12px;opacity:.75;background:#00000059;padding:4px 12px;border-radius:6px;white-space:nowrap}#hud-crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:22px;opacity:.85}#hud-prompt{position:fixed;top:56%;left:50%;transform:translate(-50%);font-size:14px;background:#00000073;padding:4px 12px;border-radius:6px;opacity:0;transition:opacity .15s;white-space:nowrap}#hud-toast{position:fixed;top:64px;left:50%;transform:translate(-50%);font-size:14px;background:#00000080;padding:5px 14px;border-radius:8px;opacity:0;transition:opacity .25s;white-space:nowrap}#hud-toast.show{opacity:1}#hud-hint{position:fixed;top:108px;left:50%;transform:translate(-50%);max-width:560px;text-align:center;font-size:14.5px;line-height:1.35;color:#ffe9c4;background:#1c140ab8;border:1px solid rgba(255,220,160,.25);padding:8px 16px;border-radius:10px;opacity:0;transition:opacity .4s}#hud-hint.show{opacity:1}#hud-vitals{position:fixed;bottom:96px;left:50%;transform:translate(-50%);display:flex;gap:10px}#hud-vitals .bar{position:relative;width:104px;height:9px;border-radius:5px;background:#00000073;border:1px solid rgba(255,255,255,.18);overflow:visible}#hud-vitals .bar i{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border-radius:4px;transition:width .15s linear}#hud-vitals .bar b{position:absolute;left:-2px;top:-15px;font-size:10px;font-weight:400;opacity:.8;text-shadow:0 1px 2px #000}#hud-vitals .bar.hp i{background:linear-gradient(90deg,#c8323a,#e85a5a)}#hud-vitals .bar.food i{background:linear-gradient(90deg,#b8742a,#e0a04a)}#hud-vitals .bar.water i{background:linear-gradient(90deg,#2d7bc8,#5ab0f0)}#hud-vitals .bar.stamina i{background:linear-gradient(90deg,#7fb83a,#b6e05a)}#hud-vitals .bar.warmth i{background:linear-gradient(90deg,#c85a22,#f0a050)}#hud-vitals .bar.warmth.low i{background:linear-gradient(90deg,#4f86c6,#9fd2f5)}#hud-vitals .bar.low{animation:vital-low .9s ease-in-out infinite}#hud-vitals .bar.low i{filter:saturate(1.4) brightness(1.15)}@keyframes vital-low{0%,to{box-shadow:0 0 #ff5a3c00}50%{box-shadow:0 0 8px 2px #ff5a3c99}}#hud-hotbar{position:fixed;bottom:42px;left:50%;transform:translate(-50%);display:flex;gap:6px}#hud-hotbar .slot{width:46px;height:46px;background:#0006;border:2px solid rgba(255,255,255,.25);border-radius:8px;position:relative;display:flex;align-items:center;justify-content:center}#hud-hotbar .slot.sel{border-color:#ffd34d;background:#0000008c}#hud-hotbar .slot em{position:absolute;top:1px;left:4px;font-size:9px;font-style:normal;opacity:.7}#hud-hotbar .slot b{font-size:22px;font-weight:400}#hud-hotbar .slot i{position:absolute;bottom:1px;right:4px;font-size:10px;font-style:normal}#hud-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:520px;max-height:76vh;overflow-y:auto;background:#0e120ef0;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:14px 18px 18px;pointer-events:auto;cursor:default;box-shadow:0 18px 60px #00000080}#hud.panel-open{cursor:default}#hud-panel .panel-head{display:flex;align-items:center;justify-content:space-between}#hud-panel .close{font:inherit;color:inherit;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:6px;width:28px;height:26px;cursor:pointer;opacity:.8}#hud-panel .close:hover{opacity:1;background:#ffffff29}#hud-panel .res{display:inline-flex;align-items:center;gap:6px;background:#ffffff0d;border-radius:8px;padding:4px 8px 4px 4px}#hud-panel .res i{opacity:.7;font-style:normal}#hud-panel .recipe .name{font-size:13px}#hud-panel .recipe small{display:flex;gap:8px;flex-wrap:wrap}#hud-panel .recipe .cost{display:inline-flex;align-items:center;gap:2px}#hud-panel .recipe .cost.short{color:#e88}#hud-panel .recipe{flex-direction:row;align-items:center;gap:10px}#hud-panel .recipe>span,#hud-panel .recipe>small{display:block}#hud-panel .recipe .name{flex:1}.icon{width:40px;height:40px;image-rendering:auto;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.icon.sm{width:28px;height:28px}.icon.xs{width:18px;height:18px;vertical-align:middle}#hud-hotbar .slot .icon{position:absolute;left:3px;top:3px;width:40px;height:40px}#hud-panel h3{margin:8px 0 6px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.8}#hud-panel .resources{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:8px}#hud-panel .res{font-size:13.5px}#hud-panel .recipes{display:grid;grid-template-columns:1fr 1fr;gap:8px}#hud-panel .recipe{font:inherit;color:inherit;text-align:left;cursor:pointer;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}#hud-panel .recipe:disabled{opacity:.35;cursor:default}#hud-panel .recipe small{opacity:.75;font-size:11px}#hud-credits{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#2812068c,#080604e0);opacity:0;transition:opacity 1.6s ease;z-index:4;text-align:center}#hud-credits.show{opacity:1}#hud-credits .card{max-width:520px;padding:24px}#hud-credits h1{font-size:34px;letter-spacing:.34em;margin:0 0 6px;color:#ffd9a8;text-shadow:0 0 24px rgba(255,150,60,.7)}#hud-credits .lede{font-size:18px;margin:0 0 22px;color:#ffb36b}#hud-credits p{margin:6px 0;font-size:14px;opacity:.9}#hud-credits .hint{margin-top:26px;font-size:12px;opacity:.55}#hud-vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .2s;background:radial-gradient(ellipse at center,transparent 55%,rgba(180,30,20,.55) 100%);z-index:3}#hud-vignette.hurt{opacity:1}#hud-vignette.glow{opacity:1;transition:opacity .9s ease-out;background:radial-gradient(ellipse at center,transparent 45%,rgba(120,220,255,.28) 80%,rgba(255,236,160,.55) 100%)}#boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(120% 90% at 50% 40%,#1b2a1c,#0c1210 60%,#070a09);color:#e8f0e2;font-family:ui-monospace,Menlo,monospace;transition:opacity .7s ease}#boot.done{opacity:0;pointer-events:none}#boot h1{margin:0;font-size:clamp(26px,5vw,52px);letter-spacing:.16em;font-weight:500;color:#f2e6c8;text-shadow:0 2px 24px rgba(255,170,60,.25)}#boot-line{margin:0;font-size:13px;opacity:.75;min-height:1.2em}#boot-bar{width:min(340px,60vw);height:3px;border-radius:2px;background:#ffffff1f;overflow:hidden}#boot-bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#c98a3c,#f2c46a);transition:width .4s ease}#boot-hint{margin:6px 0 0;font-size:11.5px;opacity:.4}#hud-panel .res.movable{cursor:pointer;transition:background .12s,transform .12s}#hud-panel .res.movable:hover{background:#ffe2a829;transform:translateY(-1px)}#hud-panel .resources.chest{border-left:2px solid rgba(216,170,92,.5);padding-left:8px}#hud-panel .recipe.locked{opacity:.42}#hud-panel .recipe.locked .cost.short{color:#e8c07a}#hud-settings{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(520px,92vw);max-height:82vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px;background:#0e120feb;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:16px 18px;pointer-events:auto;z-index:12;box-shadow:0 18px 60px #00000080}#hud-settings .panel-head{display:flex;align-items:center;justify-content:space-between}#hud-settings h3{margin:0;font-size:15px;letter-spacing:.08em;text-transform:uppercase;opacity:.8}#hud-settings .close{background:none;border:1px solid rgba(255,255,255,.2);color:inherit;border-radius:6px;cursor:pointer;width:26px;height:26px}#hud-settings .row{display:flex;align-items:center;justify-content:space-between;gap:14px}#hud-settings label{font-size:13px;display:flex;flex-direction:column;gap:2px}#hud-settings label small{font-size:10.5px;opacity:.45}#hud-settings .opts{display:flex;align-items:center;gap:6px}#hud-settings .opt{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:inherit;font:inherit;font-size:12px;padding:4px 10px;border-radius:7px;cursor:pointer}#hud-settings .opt:hover{background:#ffffff21}#hud-settings .opt.on{background:#f2c46a38;border-color:#f2c46a99;color:#f7e7c4}#hud-settings input[type=range]{width:150px;accent-color:#d8aa5c}#hud-settings .opts i{font-style:normal;font-size:12px;opacity:.7;min-width:42px;text-align:right}#hud-settings .foot{margin:4px 0 0;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:12px}#hud-settings .foot span{opacity:.42}#hud-settings .reset{background:none;border:1px solid rgba(255,255,255,.18);color:inherit;font:inherit;font-size:11px;padding:3px 8px;border-radius:6px;cursor:pointer;opacity:.7;white-space:nowrap}#hud-settings .reset:hover{opacity:1;background:#ffffff1f}#hud-map{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#map-mini{position:fixed;right:18px;bottom:96px;width:158px;height:158px;border-radius:50%;border:2px solid rgba(238,222,190,.5);box-shadow:0 6px 22px #00000080,inset 0 0 24px #00000073;background:#18140e99}#map-full{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0a0805b8;pointer-events:auto}#map-full .sheet{position:relative;padding:12px;background:linear-gradient(160deg,#2a2318,#1b160f);border:1px solid rgba(226,205,166,.35);border-radius:6px;box-shadow:0 18px 60px #0009}#map-big{display:block;width:min(74vh,74vw);height:min(74vh,74vw);border-radius:3px;background:#16304a}#map-label{position:absolute;left:18px;top:18px;padding:4px 9px;font:12px ui-monospace,monospace;color:#f0e2c6;background:#140f08a8;border:1px solid rgba(226,205,166,.28);border-radius:4px}#map-legend{font:12px ui-monospace,monospace;color:#f0e6d2d9;background:#140f0899;border:1px solid rgba(226,205,166,.2);border-radius:4px;padding:5px 12px}#map-legend b{color:#ffd24a}#map-legend i{color:#f0e6d28c;font-style:normal}#hud.panel-open #map-mini,#hud-map.open #map-mini{opacity:0}