:root{--bg:#121314;--panel:#121314db;--panel-solid:#17181a;--line:#ffb34738;--line-soft:#ffffff14;--text:#e8e2d4;--dim:#9a9488;--amber:#ffb347;--amber-deep:#c9822a;--red:#d8432f;--green:#7fb069;--blue:#5b8fb0;--bloom:#ff7a3d;--font:"Bahnschrift", "DIN Alternate", "Segoe UI", "Arial Narrow", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}button{font-family:inherit}kbd{text-align:center;min-width:18px;color:var(--text);background:#00000059;border:1px solid #ffffff40;border-bottom-width:2px;border-radius:3px;padding:1px 5px;font-family:inherit;font-size:11px;line-height:15px;display:inline-block}.dim{color:var(--dim)}.small{font-size:12px}.row{flex-wrap:wrap;align-items:center;display:flex}.gap{gap:10px}.warn-text{color:var(--red)}.app{width:100%;height:100%;position:relative}.game-canvas{inset:0;position:absolute!important}.ui-layer{pointer-events:none;position:absolute;inset:0}.ui-layer>*{pointer-events:auto}.ui-layer .hud{pointer-events:none}.btn{border:1px solid var(--line-soft);color:var(--text);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:linear-gradient(90deg,#1e1f21eb,#1e1f2199);border-left:3px solid #ffb34766;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 18px;font-size:16px;transition:background .15s,border-color .15s,transform .1s;display:flex}.btn small{letter-spacing:.02em;text-transform:none;color:var(--dim);font-size:11px}.btn:hover:not(:disabled){border-left-color:var(--amber);background:linear-gradient(90deg,#ffb3472e,#1e1f21b3);transform:translate(3px)}.btn-primary{border-left-color:var(--amber);background:linear-gradient(90deg,#ffb34747,#282016bf)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-sm{flex-direction:row;align-items:center;padding:5px 10px;font-size:12px;display:inline-flex}.text-input{border:1px solid var(--line);color:var(--text);background:#00000073;width:220px;padding:8px 10px;font-family:inherit;font-size:16px}.boot,.loading{letter-spacing:.3em;z-index:50;background:#0a0a0bbf;justify-content:center;align-items:center;gap:14px;font-size:18px;display:flex;position:absolute;inset:0}.spinner{border:2px solid #ffb34740;border-top-color:var(--amber);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.menu-screen{background:linear-gradient(90deg,#0a0a0beb 0%,#0a0a0b8c 34%,#0a0a0b00 60%),linear-gradient(#0a0a0b00 70%,#0a0a0bb3 100%);justify-content:space-between;display:flex;position:absolute;inset:0}.menu-left{flex-direction:column;justify-content:center;width:min(520px,90vw);padding:0 0 0 7vw;display:flex}.title-kicker{letter-spacing:.35em;color:var(--dim);font-size:11px}.title{letter-spacing:.12em;color:#f2ead8;text-shadow:0 0 30px #ff7a3d40,0 3px #0009;margin:6px 0 0;font-size:clamp(54px,7vw,96px);font-weight:700;line-height:.95}.subtitle{letter-spacing:.55em;color:var(--bloom);margin-top:8px;font-size:16px}.menu-nav{flex-direction:column;gap:8px;width:320px;margin-top:46px;display:flex}.menu-foot{color:var(--dim);letter-spacing:.05em;margin-top:40px;font-size:11px}.menu-lore{text-align:right;color:#cfc7b6;text-shadow:0 2px 6px #000;align-self:flex-end;max-width:420px;padding:0 5vw 6vh 0;font-size:15px;line-height:1.6}.error-box{background:#50140f99;border:1px solid #d8432f80;margin-top:16px;padding:10px 12px;font-size:13px}.sub-screen{background:linear-gradient(90deg,#0a0a0bf2 0%,#0a0a0bcc 50%,#0a0a0b66 100%);flex-direction:column;align-items:flex-start;gap:18px;padding:7vh 7vw;display:flex;position:absolute;inset:0;overflow-y:auto}.sub-screen h2,.cc-form h2{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:30px}.credits p{max-width:620px;line-height:1.6}.cc-screen{flex-direction:row;align-items:stretch;gap:4vw}.cc-preview{border:1px solid var(--line-soft);background:radial-gradient(circle at 50% 60%,#ff8c462e,#0a0a0b99 70%);width:min(40vw,460px);min-height:420px}.cc-form{flex-direction:column;gap:14px;max-width:560px;display:flex}.cc-row{align-items:center;gap:14px;display:flex}.cc-label{letter-spacing:.15em;text-transform:uppercase;width:110px;color:var(--dim);font-size:12px}.cc-opts{flex-wrap:wrap;gap:6px;display:flex}.cc-opt{border:1px solid var(--line-soft);color:var(--text);cursor:pointer;background:#1e1f21e6;padding:6px 10px;font-size:13px}.cc-opt.active{border-color:var(--amber);background:#ffb34733}.cc-opt.swatch{width:30px;height:30px;padding:0}.slots{flex-direction:column;gap:8px;width:min(820px,100%);display:flex}.slot{border:1px solid var(--line-soft);background:#18191be6;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.slot-info{flex-direction:column;gap:4px;font-size:13px;display:flex}.slot-info em{color:var(--dim);font-style:normal}.settings{flex-direction:column;gap:12px;width:min(620px,100%);display:flex}.set-row{grid-template-columns:180px 1fr 60px;align-items:center;gap:12px;font-size:14px;display:grid}.set-row input[type=range]{accent-color:var(--amber)}.set-row input[type=checkbox]{accent-color:var(--amber);width:18px;height:18px}.controls{border-collapse:collapse;font-size:14px}.controls td{border-bottom:1px solid var(--line-soft);padding:5px 16px 5px 0}.hud{text-shadow:0 1px 2px #000c;font-size:13px;position:absolute;inset:0}.hud>div{position:absolute}.hud-tl{width:380px;top:18px;left:20px}.hud-tr{flex-direction:column;align-items:flex-end;gap:10px;display:flex;top:18px;right:20px}.hud-left{top:210px;left:20px}.hud-bl{bottom:22px;left:20px}.hud-br{bottom:22px;right:20px}.hud-objective{border-left:3px solid var(--amber);background:linear-gradient(90deg,#0e0f10d9,#0e0f1059);padding:10px 14px 12px}.obj-kicker{letter-spacing:.25em;color:var(--amber);font-size:10px}.obj-title{letter-spacing:.04em;margin-top:3px;font-size:18px;font-weight:600}.obj-hint{color:#c9c2b2;margin-top:4px;line-height:1.35}.obj-progress{color:var(--amber);margin-top:6px;font-size:12px}.hud-notices{flex-direction:column;align-items:flex-end;gap:4px;width:360px;display:flex}.notice{border-right:2px solid var(--dim);text-align:right;background:#0e0f10c7;max-width:380px;padding:6px 10px;animation:.25s ease-out notice-in}.notice-good{border-right-color:var(--green)}.notice-warn{border-right-color:var(--amber)}.notice-bad{border-right-color:var(--red);color:#ffd0c8}.notice-mission{border-right-color:var(--bloom);color:#ffe0c8;letter-spacing:.03em;font-weight:600}@keyframes notice-in{0%{opacity:0;transform:translate(10px)}}.hud-clock{border:1px solid var(--line-soft);background:#0e0f10bf;align-items:center;gap:10px;padding:7px 12px;display:flex}.zone-name{color:var(--amber);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.hud-clock b{letter-spacing:.06em;font-size:18px}.hud-clock .night{color:#9fb4e0}.hud-clock .day{color:var(--amber)}.hud-clock .threat{color:var(--red);font-weight:600;animation:1s infinite pulse}@keyframes pulse{50%{opacity:.55}}.hud-minimap{border:2px solid #ffb34759;border-radius:50%;width:170px;height:170px;position:relative;box-shadow:0 0 0 4px #00000059}.mm-n{color:var(--dim);font-size:10px;display:none;position:absolute;top:2px;left:50%;transform:translate(-50%)}.bar{align-items:center;gap:8px;width:300px;margin-bottom:6px;display:flex}.bar-label{letter-spacing:.12em;width:34px;color:var(--dim);font-size:11px}.bar-track{background:#0000008c;border:1px solid #ffffff1f;flex:1;height:12px;overflow:hidden;transform:skew(-12deg)}.bar-fill{height:100%;transition:width .15s linear}.bar-val{text-align:right;width:30px;font-weight:600}.bar-sm{width:140px;margin-bottom:0}.bar-sm .bar-track{height:7px}.bar-warn .bar-track{border-color:var(--red);animation:.9s infinite pulse}.vitals-row{gap:18px;display:flex}.warn-pill{border:1px solid var(--red);background:#d8432f40;margin-top:6px;padding:3px 8px;font-size:11px;display:inline-block}.hud-weapon{border-right:3px solid var(--amber);background:linear-gradient(270deg,#0e0f10d9,#0e0f1059);align-items:center;gap:12px;padding:10px 14px;display:flex}.weapon-slots{gap:6px;display:flex}.wslot{opacity:.4;border:1px solid #0000;padding:2px}.wslot.on{opacity:1;border-color:var(--amber)}.weapon-name{letter-spacing:.08em;text-transform:uppercase;font-size:14px}.ammo{align-items:baseline;gap:6px;display:flex;position:relative}.ammo b{font-size:30px;line-height:1}.reload{background:#ffffff26;height:3px;position:absolute;bottom:-6px;left:0;right:0}.reload div{background:var(--amber);height:100%}.hud-squad{pointer-events:auto;flex-direction:column;gap:6px;width:250px;display:flex}.squad-head{letter-spacing:.3em;color:var(--dim);font-size:10px}.squad-card{border:1px solid var(--line-soft);cursor:pointer;background:#0e0f10bf;gap:8px;padding:6px 8px;display:flex}.squad-card.sel{border-color:var(--amber);box-shadow:inset 0 0 0 1px #ffb3474d}.squad-card.down{border-color:var(--red);animation:.9s infinite pulse}.squad-card.missing{opacity:.55;cursor:default}.squad-badge{color:#111;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex;position:relative}.squad-badge kbd{min-width:14px;padding:0 3px;font-size:9px;line-height:11px;position:absolute;bottom:-6px;right:-6px}.dim-badge{color:var(--dim);background:#ffffff14}.squad-main{flex:1;min-width:0}.squad-name{justify-content:space-between;margin-bottom:3px;font-size:12px;font-weight:600;display:flex}.squad-state{color:var(--amber);font-size:11px;font-weight:400}.squad-main .bar{width:100%}.squad-meta{color:var(--dim);gap:8px;margin-top:3px;font-size:10px;display:flex}.squad-keys{color:var(--dim);font-size:10px}.hud-prompt{border:1px solid var(--line);letter-spacing:.03em;background:#0e0f10d9;padding:8px 14px;font-size:15px;transform:translate(-50%);bottom:24%!important;left:50%!important}.prompt-progress{background:#ffffff26;height:3px;margin-top:6px}.prompt-progress div{background:var(--amber);height:100%}.crosshair{width:22px;height:22px;transform:translate(-50%,-50%);top:50%!important;left:50%!important}.crosshair span{background:#ffffffe6;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0009}.crosshair:before,.crosshair:after{content:"";background:#ffffff8c;position:absolute}.crosshair:before{height:1px;top:50%;left:0;right:0}.crosshair:after{width:1px;top:0;bottom:0;left:50%}.crosshair.aim:before,.crosshair.aim:after{background:var(--amber)}.hitmarker{border:2px solid var(--red);opacity:.9;position:absolute;inset:-6px;transform:rotate(45deg)}.vignette{pointer-events:none;transition:box-shadow .25s;inset:0}.vignette.low{animation:1.2s infinite pulse;box-shadow:inset 0 0 140px #8c0a0a8c}.vignette.hurt{box-shadow:inset 0 0 180px #c81414bf}.hud-build,.hud-tactical{border:1px solid var(--line);pointer-events:auto;text-align:center;background:#0e0f10e0;padding:10px 14px;transform:translate(-50%);bottom:22px!important;left:50%!important}.build-title,.tac-title{letter-spacing:.3em;color:var(--amber);margin-bottom:8px;font-size:11px}.build-items{gap:6px;display:flex}.build-item{border:1px solid var(--line-soft);width:128px;color:var(--text);cursor:pointer;text-align:left;background:#1e1f21e6;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 8px;display:flex}.build-item b{font-size:13px}.build-item span{color:var(--dim);font-size:10px}.build-item.on{border-color:var(--amber);background:#ffb34729}.build-item.locked{opacity:.35}.build-status{margin-top:8px;font-size:12px}.build-status.ok{color:var(--green)}.build-status.bad{color:#ff8a7a}.tac-help{color:var(--dim);margin-bottom:8px;font-size:12px}.mode-tactical .hud-squad{outline:1px dashed #ffb3474d}.click-hint{letter-spacing:.08em;color:var(--dim);background:#0e0f10b3;padding:6px 12px;font-size:12px;transform:translate(-50%);top:58%!important;left:50%!important}.saving{color:var(--amber);letter-spacing:.15em;font-size:12px;bottom:110px;right:20px}.stance{letter-spacing:.2em;color:var(--blue);font-size:11px;bottom:110px;left:20px}.hud-perf{color:#ffffff73;font-family:Consolas,monospace;font-size:10px;bottom:4px;left:50%;transform:translate(-50%)}.overlay-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;background:#0606078c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.panel{background:var(--panel-solid);border:1px solid var(--line);width:min(560px,92vw);max-height:88vh;overflow-y:auto;box-shadow:0 30px 80px #0009}.panel-wide{width:min(900px,94vw)}.panel-head{border-bottom:1px solid var(--line-soft);background:linear-gradient(90deg,#ffb3471f,#0000);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.panel-head h2{letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:18px}.panel-close{color:var(--dim);cursor:pointer;letter-spacing:.1em;background:0 0;border:none;font-size:12px}.panel-body{flex-direction:column;gap:12px;padding:16px 18px 18px;display:flex}.panel-body h3{letter-spacing:.25em;color:var(--dim);text-transform:uppercase;margin:0 0 8px;font-size:12px}.two-col{grid-template-columns:1fr 1fr;gap:24px;display:grid}.inv-grid{grid-template-columns:repeat(5,54px);gap:6px;display:grid}.inv-slot{border:1px solid var(--line-soft);cursor:pointer;background:#0006;justify-content:center;align-items:center;width:54px;height:54px;padding:0;display:flex;position:relative}.inv-slot:hover:not(.empty){border-color:var(--amber)}.inv-slot.empty{cursor:default}.inv-slot.equipped{box-shadow:inset 0 0 0 2px #ffb34799}.inv-slot .qty{text-shadow:0 1px 2px #000;color:var(--text);font-size:12px;font-weight:700;position:absolute;bottom:1px;right:3px}.item-icon{color:#fff;text-shadow:0 1px 2px #000c;letter-spacing:.02em;border:1px solid #00000080;justify-content:center;align-items:center;font-weight:700;display:flex;box-shadow:inset 0 0 0 1px #ffffff26}.inv-detail{background:#0000004d;min-height:56px;margin-top:10px;padding:8px 10px}.inv-vitals{color:var(--dim)}.store-list{flex-direction:column;gap:4px;display:flex}.store-row{grid-template-columns:34px 1fr 40px auto auto;align-items:center;gap:8px;font-size:13px;display:grid}.store-row b{text-align:right}.recipes{flex-direction:column;gap:8px;display:flex}.recipe{border:1px solid var(--line-soft);background:#0000004d;align-items:center;gap:12px;padding:10px;display:flex}.recipe-main{flex:1}.recipe-inputs{flex-wrap:wrap;gap:8px;margin-top:4px;font-size:11px;display:flex}.recipe-inputs .ok{color:var(--green)}.recipe-inputs .bad{color:#ff8a7a}.pause-menu{flex-direction:column;gap:8px;display:flex}.confirm{border:1px solid #d8432f66;flex-direction:column;gap:8px;padding:10px;font-size:13px;display:flex}.death{z-index:30;background:radial-gradient(circle,#3c05058c,#050505eb);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.death h1{letter-spacing:.3em;color:#c0392b;text-shadow:0 0 40px #c81e1480;margin:0;font-size:72px}.complete{flex-direction:column;gap:12px;display:flex}.complete-title{letter-spacing:.1em;color:var(--amber);font-size:26px}.stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stats div{color:var(--dim);background:#0000004d;flex-direction:column;padding:8px;font-size:11px;display:flex}.stats b{color:var(--text);font-size:22px}@media (max-width:1100px){.hud-left{top:240px}.hud-tl{width:300px}.cc-screen{flex-direction:column}.cc-preview{width:100%;min-height:260px}}.ok-text{color:var(--green)}.shelter-card{border:1px solid var(--line-soft);background:#0000004d;margin-bottom:10px;padding:10px 12px}.shelter-card.next{border-color:var(--line);flex-direction:column;gap:6px;display:flex}.shelter-card ul{color:#c9c2b2;margin:6px 0 0;padding-left:18px;font-size:12px}.shelter-level{gap:4px;margin-bottom:6px;display:flex}.shelter-level span{background:#ffffff1f;width:28px;height:6px}.shelter-level span.on{background:var(--amber)}.struct-list{flex-direction:column;gap:6px;max-height:52vh;display:flex;overflow-y:auto}.struct-row{border:1px solid var(--line-soft);background:#0000004d;align-items:center;gap:10px;padding:8px 10px;display:flex}.struct-main{flex-direction:column;flex:1;gap:3px;display:flex}.struct-main .lvl{color:var(--amber);margin-left:4px;font-size:11px}.dura{background:#ffffff1a;height:3px}.dura div{background:var(--green);height:100%}