:root{color-scheme:dark;--lime:#b8ff78;--cyan:#70e4ff;--danger:#ff615c;--panel:rgba(5,11,13,.72);--line:rgba(255,255,255,.14)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#030607;font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{user-select:none}button{font:inherit}#app,#game{position:fixed;inset:0;width:100%;height:100%}#game{background:#020405}.hidden{display:none!important}.overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.35s;background:radial-gradient(circle at 65% 25%,rgba(70,130,110,.2),transparent 40%),linear-gradient(120deg,rgba(2,6,8,.96),rgba(4,9,11,.82))}.overlay.visible{opacity:1;visibility:visible}.boot-card,.small-card{width:min(760px,calc(100vw - 34px));padding:clamp(28px,5vw,60px);border:1px solid rgba(184,255,120,.24);background:linear-gradient(150deg,rgba(8,15,17,.96),rgba(9,17,19,.8));box-shadow:0 40px 120px #000;backdrop-filter:blur(18px)}.small-card{width:min(480px,calc(100vw - 34px))}.eyebrow{margin:0 0 16px;color:var(--lime);font-size:10px;font-weight:900;letter-spacing:.23em}h1{margin:0;font-size:clamp(48px,8vw,104px);line-height:.82;letter-spacing:-.07em}h1 span{color:var(--lime)}h2{font-size:clamp(48px,8vw,78px);margin:0 0 24px}.lead{max-width:620px;color:#c6d2d0;line-height:1.65}.feature-row{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.feature-row span{padding:7px 10px;border:1px solid var(--line);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.primary{border:0;padding:15px 24px;background:var(--lime);font-weight:950;letter-spacing:.12em;cursor:pointer}.hint{font-size:11px;color:#899896;margin-top:16px}.hud{position:fixed;inset:0;z-index:10;pointer-events:none;color:#fff;text-shadow:0 2px 8px #000}.mission{position:absolute;left:20px;top:18px;max-width:340px;padding:9px 12px;border-left:3px solid var(--lime);background:linear-gradient(90deg,var(--panel),transparent)}.mission span,.squad span,.weapon-card span,.build-panel span{display:block;color:var(--lime);font-size:8px;letter-spacing:.18em;font-weight:900}.mission strong{display:block;margin-top:4px;font-size:13px}.top-right{position:absolute;right:20px;top:18px;text-align:right;font-size:9px;letter-spacing:.14em;color:#b7c4c2}.top-right strong{display:block;color:#fff;font-size:22px;letter-spacing:0}.vitals{position:absolute;left:20px;bottom:20px;width:min(310px,38vw);display:grid;gap:7px}.vitals>div{display:grid;grid-template-columns:28px 1fr 34px;align-items:center;gap:8px;font-size:9px;font-weight:900}.vitals i{height:6px;border:1px solid var(--line);background:#030708}.vitals b{display:block;height:100%;background:linear-gradient(90deg,#ff5c55,#ffb268)}.vitals>div:nth-child(2) b{background:linear-gradient(90deg,var(--cyan),var(--lime))}.vitals em{font-style:normal;text-align:right}.squad{position:absolute;left:20px;bottom:82px;padding:8px 11px;border:1px solid rgba(112,228,255,.2);background:var(--panel)}.squad b{font-size:11px;color:var(--cyan)}#minimap{position:absolute;right:20px;top:70px;width:132px;height:132px;border:1px solid rgba(184,255,120,.24);background:var(--panel)}.weapon-card{position:absolute;right:20px;bottom:20px;display:flex;gap:26px;align-items:end;padding:11px 13px;background:var(--panel);border:1px solid var(--line);min-width:250px}.weapon-card strong{font-size:15px}.ammo{display:flex;align-items:baseline;gap:4px}.ammo b{font-size:31px}.ammo span,.ammo em{font-size:12px;color:#9eaaa8;font-style:normal}.resource-row{position:absolute;right:20px;bottom:88px;display:flex;gap:6px}.resource-row span{padding:7px 9px;background:var(--panel);border:1px solid var(--line);font-size:8px;letter-spacing:.1em}.resource-row b{color:var(--lime);font-size:11px}.weapon-slots{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:5px}.slot{min-width:58px;padding:7px 8px;background:rgba(3,8,10,.68);border:1px solid rgba(255,255,255,.11);text-align:center}.slot.active{border-color:var(--lime);box-shadow:0 0 16px rgba(184,255,120,.12)}.slot b{display:block;font-size:10px}.slot span{display:block;color:#98a5a2;font-size:7px;margin-top:3px}.build-panel{display:none;position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);padding:12px 18px;border:1px solid var(--lime);background:rgba(4,11,12,.88);text-align:center}.build-panel.visible{display:block}.build-panel b{display:block;margin:4px 0}.build-panel small{color:#aeb9b7}.interaction{position:absolute;left:50%;top:58%;transform:translateX(-50%);color:var(--lime);font-size:10px;font-weight:900}.crosshair{position:absolute;left:50%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%)}.crosshair i{position:absolute;background:#fff;box-shadow:0 0 5px #000}.crosshair i:nth-child(1){left:0;top:13px;width:8px;height:1px}.crosshair i:nth-child(2){right:0;top:13px;width:8px;height:1px}.crosshair i:nth-child(3){left:13px;top:0;width:1px;height:8px}.crosshair i:nth-child(4){left:13px;bottom:0;width:1px;height:8px}.damage-flash{position:absolute;inset:0;background:radial-gradient(circle,transparent 35%,rgba(255,35,25,.7));opacity:0;transition:.12s}.flashlight-beam{position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 50% 50%,rgba(255,249,205,.12),transparent 34%);transition:.2s}.flashlight-beam.on{opacity:1}.mobile-controls{position:fixed;inset:0;z-index:20;pointer-events:none}.move-pad,.look-pad,.action{pointer-events:auto}.move-pad{position:absolute;left:22px;bottom:24px;width:112px;height:112px;border-radius:50%;border:1px solid #ffffff2b;background:#06101288}.move-pad div{position:absolute;left:36px;top:36px;width:40px;height:40px;border-radius:50%;background:#b8ff7866}.look-pad{position:absolute;right:0;top:0;width:52%;height:72%}.action{position:absolute;border-radius:50%;border:1px solid #ffffff2c;background:#061012c9;color:#fff;font-size:9px;font-weight:900}.attack{right:25px;bottom:35px;width:76px;height:76px}.jump{right:115px;bottom:30px;width:54px;height:54px}.sprint{left:145px;bottom:32px;width:54px;height:54px}.light{right:28px;bottom:126px;width:48px;height:48px}@media(max-width:760px){#minimap,.squad,.resource-row{display:none}.mission{max-width:240px}.weapon-card{right:10px;bottom:10px;min-width:190px}.weapon-slots{bottom:95px}.slot{min-width:42px;padding:5px}.slot span{display:none}.vitals{left:10px;bottom:145px;width:190px}.top-right{right:10px}.mission{left:10px}}