:root{--bg0: #0d0f0c;--bg1: #14160f;--bg2: #1c1f15;--line: #3b3e2d;--line-hi: #555840;--bone: #c8c6b4;--dim: #8d8b79;--olive: #949b7c;--rust: #b0684a;--good: #8ba06b;--hp: #a05548;--food: #a8894f;--h2o: #6f8f9c;--sta: #b0ac96;--font: "Bahnschrift", "Arial Narrow", "Segoe UI", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg0);font-family:var(--font);color:var(--bone);user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#ui-root{position:absolute;inset:0;pointer-events:none}.hidden{display:none!important}.multiplayer-status{position:absolute;top:16px;right:18px;z-index:8;padding:7px 10px;border:1px solid rgba(148,155,124,.42);background:#090b08d1;color:#c8ccb1;font-size:10px;letter-spacing:2px;text-transform:uppercase;pointer-events:none}img{image-rendering:pixelated}.hud{position:absolute;inset:0;pointer-events:none}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 42%,rgba(64,12,8,.55) 100%);opacity:0;transition:opacity .4s}.hurt-flash{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(140,30,18,.6) 100%);opacity:0}.hud-stats{position:absolute;left:18px;bottom:16px;width:230px;display:flex;flex-direction:column;gap:5px}.stat-row{display:flex;align-items:center;gap:8px;background:#0d0f0cb8;border:1px solid var(--line);padding:3px 7px}.stat-label{font-size:11px;letter-spacing:2px;width:40px;color:var(--dim)}.stat-bar{flex:1;height:9px;background:#0a0b08;border:1px solid #2a2c20;position:relative}.stat-fill{height:100%;width:100%;transition:width .18s linear}.stat-health .stat-fill{background:var(--hp)}.stat-hunger .stat-fill{background:var(--food)}.stat-thirst .stat-fill{background:var(--h2o)}.stat-stamina .stat-fill{background:var(--sta)}.stat-row.low{border-color:#6e3a2c}.stat-row.low .stat-label{color:var(--rust)}.stat-row.low .stat-fill{animation:pulse 1.1s infinite}@keyframes pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.55)}}.chip-row{display:flex;gap:6px;margin-top:2px}.chip{font-size:10px;letter-spacing:2px;padding:3px 8px;border:1px solid var(--line);background:#0d0f0cb8;color:var(--dim)}.chip-warn{border-color:#7c4030;color:#c98a6a;animation:pulse 1.2s infinite}.chip-cold{border-color:#40566e;color:#8fb0cc}.chip-cold.freezing{animation:pulse 1.1s infinite;border-color:#5878a0}.chip-wet{border-color:#3f5a60;color:#7fa3ab}.hotbar{position:absolute;right:18px;bottom:16px;display:flex;gap:6px}.slot{width:52px;height:52px;background:#0f110cd1;border:1px solid var(--line);position:relative;display:flex;align-items:center;justify-content:center}.hot-slot.selected{border-color:var(--olive);box-shadow:0 0 0 1px var(--olive);background:#1f2216e6}.slot-key{position:absolute;top:1px;left:4px;font-size:9px;color:var(--dim);letter-spacing:1px}.slot-icon{width:38px;height:38px;pointer-events:none}.slot-qty{position:absolute;bottom:1px;right:4px;font-size:11px;color:var(--bone);text-shadow:0 1px 2px #000}.slot-dur{position:absolute;bottom:2px;left:3px;right:3px;height:3px;background:#0a0b08}.slot-dur-fill{height:100%;background:var(--olive)}.hud-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px}.crosshair{width:4px;height:4px;background:#c8c6b4d9;border-radius:50%;box-shadow:0 0 3px #000000e6}.crosshair.active{width:6px;height:6px;background:var(--olive)}.interact-prompt{position:absolute;top:26px;white-space:nowrap;font-size:13px;letter-spacing:1.5px;background:#0d0f0cc7;border:1px solid var(--line);padding:5px 12px;color:var(--bone)}.draw-bar{position:absolute;top:14px;width:74px;height:4px;background:#0a0b08;border:1px solid var(--line)}.draw-fill{height:100%;background:var(--olive);width:0}.ammo-box{position:absolute;right:20px;bottom:82px;display:flex;align-items:baseline;gap:5px;background:#0d0f0cc7;border:1px solid var(--line);padding:4px 12px}.ammo-mag{font-size:20px;color:var(--bone);letter-spacing:1px}.ammo-mag.empty{color:var(--rust)}.ammo-sep{font-size:12px;color:var(--dim)}.ammo-reserve{font-size:13px;color:var(--dim)}.reload-bar{position:absolute;left:4px;right:4px;bottom:-5px;height:3px;background:#0a0b08;visibility:hidden}.reload-fill{height:100%;background:var(--olive);width:0}.veh-box{position:absolute;right:20px;bottom:82px;display:flex;align-items:baseline;gap:8px;background:#0d0f0cc7;border:1px solid var(--line);padding:5px 14px}.veh-speed{font-size:22px;color:var(--bone)}.veh-unit{font-size:10px;letter-spacing:2px;color:var(--dim)}.veh-fuel{width:70px;height:7px;background:#0a0b08;border:1px solid var(--line);align-self:center}.veh-fuel-fill{height:100%;background:var(--food)}.veh-fuel-fill.low{background:var(--rust);animation:pulse 1s infinite}.veh-exit-hint{font-size:9px;letter-spacing:2px;color:var(--dim);align-self:center}.map-screen{position:absolute;inset:0;background:#080907d1;pointer-events:auto;display:flex;align-items:center;justify-content:center}.map-box{background:var(--bg1);border:1px solid var(--line-hi);padding:16px 18px}.map-wrap{position:relative;width:520px;height:520px;border:1px solid var(--line)}.map-canvas{position:absolute;inset:0}.map-legend{margin-top:10px;font-size:10px;letter-spacing:1.5px;color:var(--dim);text-align:center}.note-title{font-size:15px;letter-spacing:3px;color:var(--bone);margin-bottom:12px}.note-body{font-size:14px;line-height:1.65;color:var(--dim);white-space:pre-line;max-width:420px}.worn-row{display:flex;gap:16px;margin-bottom:12px}.worn-slot-wrap{display:flex;align-items:center;gap:8px}.worn-label{font-size:10px;letter-spacing:2px;color:var(--dim)}.eq-slot{border-style:dashed}.eq-slot:hover{border-color:var(--olive)}.slot.locked{background:#0a0b08e6;border-style:dotted;opacity:.45;cursor:not-allowed}.hud-top{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.compass{width:260px;height:24px;overflow:hidden;background:#0d0f0cb8;border:1px solid var(--line);position:relative}.compass:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--olive)}.compass-inner{position:absolute;inset:0}.compass-mark{position:absolute;left:50%;top:50%;translate:-50% -50%;font-size:10px;letter-spacing:1px;color:var(--dim)}.compass-mark.major{font-size:13px;color:var(--bone)}.clock{display:flex;gap:10px;align-items:baseline;background:#0d0f0cb8;border:1px solid var(--line);padding:3px 12px;font-size:12px;letter-spacing:2px}.clock-day{color:var(--bone)}.clock-time{color:var(--dim)}.clock-phase.night{color:#7c8fae}.toasts{position:absolute;bottom:110px;left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:4px}.toast{font-size:13px;letter-spacing:1px;padding:5px 14px;background:#0d0f0cd9;border:1px solid var(--line);color:var(--bone);transition:opacity .6s;white-space:nowrap}.toast.fade{opacity:0}.toast-warn{border-color:#7c4030;color:#c98a6a}.toast-good{border-color:#4d5c3a;color:#a9bd88}.toast-pickup{border-color:var(--line);color:var(--dim);font-size:12px;padding:3px 10px}.objectives{position:absolute;top:14px;left:18px;width:280px;background:#0d0f0cb8;border:1px solid var(--line);border-left:3px solid var(--olive);padding:8px 12px;pointer-events:none}.objectives-title{font-size:10px;letter-spacing:3px;color:var(--dim)}.objectives-text{font-size:13px;margin-top:4px;line-height:1.35}.objectives-counter{font-size:11px;color:var(--olive);margin-top:3px;letter-spacing:1px}.objectives-flash{position:absolute;right:10px;top:8px;font-size:11px;letter-spacing:3px;color:var(--good);opacity:0;transition:opacity .25s}.objectives-flash.show{opacity:1}.inv-screen{position:absolute;inset:0;background:#080907c7;pointer-events:auto;display:flex;align-items:center;justify-content:center;padding:32px}.inv-inner{display:grid;grid-template-columns:390px minmax(560px,1fr);align-items:start;gap:18px;width:min(1120px,calc(100vw - 64px));max-height:calc(100vh - 64px)}.inv-left,.inv-right{background:var(--bg1);border:1px solid var(--line);padding:18px 20px;min-width:0;width:100%}.inv-right{max-height:calc(100vh - 64px);overflow-y:auto;scrollbar-color:var(--line-hi) var(--bg0);scrollbar-width:thin}.panel-title{font-size:12px;letter-spacing:4px;color:var(--olive);border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:10px}.belt-title{margin-top:16px}.slot-grid{display:grid;gap:6px}.bag-grid{grid-template-columns:repeat(6,52px)}.hot-grid{grid-template-columns:repeat(5,52px)}.ext-grid{grid-template-columns:repeat(4,52px)}.inv-screen .slot:hover{border-color:var(--line-hi);background:#222518e6}.drop-zone{position:absolute;bottom:5vh;left:50%;transform:translate(-50%);border:1px dashed #5c4436;color:#9a7258;font-size:11px;letter-spacing:3px;padding:9px 22px;background:#140e0a99;cursor:pointer}.drop-zone:hover{background:#2e1c12bf}.carried{position:fixed;z-index:50;pointer-events:none;width:44px;height:44px}.carried .slot-icon{width:40px;height:40px;filter:drop-shadow(0 2px 3px #000)}.carried .slot-qty{position:absolute;bottom:0;right:0;font-size:11px;text-shadow:0 1px 2px #000}.craft-group{font-size:10px;letter-spacing:3px;color:var(--dim);margin:12px 0 6px;border-bottom:1px dashed #2c2e21;padding-bottom:3px}.craft-row{display:grid;grid-template-columns:42px minmax(0,1fr) 96px;align-items:center;gap:12px;min-height:62px;padding:9px 8px;border:1px solid transparent}.craft-row:hover{background:var(--bg2);border-color:var(--line)}.craft-row.station-missing{opacity:.55}.craft-icon{width:38px;height:38px}.craft-mid{min-width:0}.craft-name{font-size:14px;line-height:1.2;letter-spacing:.5px}.craft-ings{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.ing{font-size:10px;letter-spacing:.5px;padding:1px 6px;border:1px solid #55302a;color:#b0705c}.ing.ok{border-color:#46523a;color:#9db080}.ing.station{border-color:#6b5a34;color:#bd9c5e;letter-spacing:1.5px}.btn{font-family:var(--font);font-size:12px;letter-spacing:2px;background:var(--bg2);color:var(--bone);border:1px solid var(--line-hi);padding:7px 14px;cursor:pointer}.btn:hover:not(:disabled){background:#262a19;border-color:var(--olive)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.35;cursor:default}.craft-btn{width:96px;min-width:96px;margin:0;align-self:center}.take-all{margin-top:12px;width:100%}.fire-status{font-size:14px;letter-spacing:3px;color:var(--dim);margin:8px 0}.fire-status.lit{color:#d8a054}.fuel-bar{height:10px;border:1px solid var(--line);background:#0a0b08;margin:8px 0 4px}.fuel-fill{height:100%;background:#b07634;transition:width .2s}.fuel-bar.purify .fuel-fill{background:var(--h2o)}.fire-hint{font-size:11px;color:var(--dim);margin-bottom:12px;letter-spacing:1px}.inv-right>.btn{display:block;width:100%;margin-top:8px}@media(max-width:980px){.inv-screen{align-items:flex-start;padding:20px;overflow-y:auto}.inv-inner{grid-template-columns:minmax(0,640px);justify-content:center;width:100%;max-height:none}.inv-right{max-height:68vh}.drop-zone{position:fixed;bottom:12px}}@media(max-width:560px){.inv-screen{padding:12px}.inv-left,.inv-right{padding:14px}.bag-grid{grid-template-columns:repeat(6,minmax(42px,1fr))}.hot-grid{grid-template-columns:repeat(5,minmax(42px,52px))}.inv-screen .slot{width:100%;max-width:52px;aspect-ratio:1;height:auto}.craft-row{grid-template-columns:38px minmax(0,1fr)}.craft-icon{width:34px;height:34px}.craft-btn{grid-column:2;width:100%;min-width:0}}.menu-screen{position:absolute;inset:0;pointer-events:auto;display:flex;align-items:center;justify-content:center}.main-menu{background:radial-gradient(ellipse at 50% 110%,rgba(38,42,26,.5),transparent 60%),radial-gradient(ellipse at center,#101208,#090a07)}.pause-menu,.death-screen{background:#080907d1}.menu-box{text-align:center;padding:40px 56px;min-width:380px}.menu-kicker{font-size:11px;letter-spacing:5px;color:var(--dim)}.menu-title{font-size:64px;letter-spacing:14px;margin:10px 0 4px;color:var(--bone);text-shadow:0 2px 0 #000,0 0 26px rgba(148,155,124,.16);font-weight:600}.menu-title.small{font-size:34px;letter-spacing:9px}.menu-sub{font-size:13px;letter-spacing:3px;color:var(--olive);margin-bottom:34px}.menu-btns{display:flex;flex-direction:column;gap:10px;align-items:stretch}.menu-btns.row{flex-direction:row;justify-content:center}.menu-btn{font-size:14px;padding:12px 20px;letter-spacing:4px}.ghost-btn{background:transparent;border-color:var(--line);color:var(--dim)}.ghost-btn:hover:not(:disabled){color:var(--bone)}.menu-btn.danger{border-color:#7c4030;color:#c98a6a}.menu-foot{margin-top:30px;font-size:11px;letter-spacing:2px;color:#5c5b4e}.death-title{font-size:58px;letter-spacing:12px;color:var(--hp);margin:0 0 8px;text-shadow:0 2px 0 #000}.death-info{font-size:13px;letter-spacing:2px;color:var(--dim);margin-bottom:30px}.modal-wrap{position:absolute;inset:0;background:#050604b3;pointer-events:auto;display:flex;align-items:center;justify-content:center;z-index:20}.modal-box{background:var(--bg1);border:1px solid var(--line-hi);padding:18px 22px 22px;min-width:430px;max-height:80vh;overflow-y:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:14px}.modal-title{font-size:13px;letter-spacing:4px;color:var(--olive)}.modal-close{background:none;border:none;color:var(--dim);font-size:14px;cursor:pointer;font-family:var(--font)}.modal-close:hover{color:var(--bone)}.modal-text{font-size:13px;color:var(--dim);line-height:1.5;margin-bottom:16px}.controls-table{display:flex;flex-direction:column;gap:2px}.controls-row{display:flex;gap:14px;padding:5px 4px;border-bottom:1px dashed #23251a}.controls-key{width:130px;flex:none;font-size:12px;letter-spacing:1.5px;color:var(--olive)}.controls-what{font-size:12px;color:var(--bone)}.setting-row{display:flex;align-items:center;gap:12px;padding:7px 2px}.setting-label{width:170px;flex:none;font-size:11px;letter-spacing:2px;color:var(--dim)}.setting-slider{flex:1;accent-color:var(--olive)}.setting-val{width:48px;text-align:right;font-size:12px;color:var(--bone)}input[type=checkbox]{accent-color:var(--olive);width:16px;height:16px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg0)}::-webkit-scrollbar-thumb{background:var(--line)}::-webkit-scrollbar-thumb:hover{background:var(--line-hi)}