:root{--ink:#eef2f3;--muted:#98a6ae;--dark:#0b1015;--panel:rgba(16,23,29,.78);--line:rgba(255,255,255,.12);--accent:#e5b23c;--danger:#d94c45;--armor:#5aa9d6}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080c10;color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;user-select:none}
button{font:inherit;color:inherit;background:#192129;border:1px solid var(--line);border-radius:8px;padding:12px 16px;cursor:pointer;font-weight:800;letter-spacing:.04em;transition:.18s ease}button:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.3)}button.primary{background:linear-gradient(180deg,#e6b53e,#c88f1e);color:#12110d;border-color:#ffd86f;box-shadow:0 10px 30px rgba(221,166,46,.18)}
#game-shell{position:fixed;inset:0;background:#090d10;overflow:hidden}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}
.glass{background:var(--panel);backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.25)}.glass-strong{background:rgba(12,17,22,.9);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.13);box-shadow:0 25px 80px rgba(0,0,0,.55)}
.hidden{display:none!important}.screen{position:absolute;inset:0;display:none;z-index:50}.screen.active{display:flex}.menu-screen{align-items:center;padding:clamp(20px,5vw,72px)}.menu-bg{position:absolute;inset:0;background:url('assets/ui/map_concept.png') center/cover no-repeat;filter:saturate(.65) contrast(1.05) brightness(.6);transform:scale(1.03)}.menu-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,11,.93) 0%,rgba(5,8,11,.78) 43%,rgba(5,8,11,.28) 76%,rgba(5,8,11,.65) 100%)}.menu-card{position:relative;width:min(620px,92vw);padding:clamp(24px,4vw,44px);border-left:3px solid var(--accent);border-radius:4px 14px 14px 4px}.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--accent);font-weight:900}.menu-card h1,.panel h2{margin:8px 0 14px;font-size:clamp(38px,7vw,72px);line-height:.9;letter-spacing:-.05em}.menu-card h1 span{color:var(--accent)}.menu-card p{color:#c8d0d5;line-height:1.6;max-width:56ch}.feature-chips{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.feature-chips span{border:1px solid var(--line);background:rgba(255,255,255,.05);padding:7px 10px;border-radius:999px;font-size:11px;color:#ced6da}.menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu-actions .primary{grid-column:1/-1;padding:16px}.difficulty{display:flex;align-items:center;gap:7px;margin-top:18px;flex-wrap:wrap}.difficulty>span{font-size:10px;color:var(--muted);margin-right:5px;letter-spacing:.12em;font-weight:800}.difficulty button{padding:8px 10px;font-size:10px}.difficulty button.selected{border-color:var(--accent);color:var(--accent);background:rgba(229,178,60,.08)}.menu-footer{position:absolute;left:clamp(24px,5vw,72px);bottom:18px;color:#68747b;font-size:10px;letter-spacing:.05em}
.overlay-screen{align-items:center;justify-content:center;background:rgba(3,5,8,.66);padding:18px}.panel{position:relative;width:min(760px,94vw);max-height:92vh;overflow:auto;border-radius:14px;padding:30px}.panel.compact{width:min(430px,92vw);text-align:center}.panel.wide{width:min(880px,94vw)}.panel h2{font-size:42px}.close{position:absolute;right:14px;top:14px;width:42px;height:42px;padding:0;font-size:24px}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.controls-grid>div{padding:20px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:10px}.controls-grid b{color:var(--accent);font-size:20px}.controls-grid p{margin:11px 0;color:#b9c3c8}.controls-grid kbd{background:#242e36;border:1px solid #42505a;border-bottom-width:3px;border-radius:5px;padding:3px 7px;font:700 12px monospace}.gallery-panel{width:min(1050px,96vw)}.gallery-tabs{display:flex;gap:8px;margin-bottom:12px}.gallery-tabs button.selected{border-color:var(--accent);color:var(--accent)}#galleryImage{display:block;width:100%;max-height:68vh;object-fit:contain;border-radius:8px;background:#d9d5ca}.panel.compact>button{display:block;width:100%;margin-top:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.stats>div{padding:16px 6px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:8px}.stats span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.stats b{font-size:24px}
#hud{position:absolute;inset:0;pointer-events:none;z-index:20}.hud-left,.hud-center,.hud-right,#minimap,.icon-btn{position:absolute;border-radius:9px}.hud-left{left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));width:230px;padding:12px}.badge-row{display:flex;gap:8px;align-items:center;font-size:10px;letter-spacing:.12em;margin-bottom:10px}.badge-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}.tag{margin-left:auto;background:#253039;padding:3px 5px;border-radius:3px;color:#aeb8bd}.bar{height:12px;background:#1a2228;border:1px solid rgba(255,255,255,.09);position:relative;margin-top:6px;overflow:hidden}.bar i{position:absolute;inset:0 auto 0 0;width:100%;transition:width .18s}.bar span{position:absolute;right:5px;top:-2px;font-size:9px;font-weight:900;text-shadow:0 1px 2px #000}.health i{background:linear-gradient(90deg,#932f2b,#e65b4f)}.armor i{background:linear-gradient(90deg,#286889,#60b5df)}.hud-center{top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(450px,42vw);text-align:center;padding:10px 16px}.hud-center #missionTitle{font-size:9px;color:var(--accent);letter-spacing:.18em;font-weight:900}.hud-center #objectiveText{font-size:12px;font-weight:800;margin-top:3px}.hud-right{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));padding:10px 14px;text-align:right}.ammo{display:flex;justify-content:flex-end;align-items:baseline;gap:5px}.ammo strong{font-size:34px;line-height:1}.ammo span{font-size:14px;color:#9fabb1}.weapon{font-size:9px;color:var(--muted);letter-spacing:.1em;margin-top:2px}#minimap{right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));width:190px;height:125px}.icon-btn{pointer-events:auto;right:212px;top:max(12px,env(safe-area-inset-top));padding:9px 12px;z-index:3}.announcement{position:absolute;z-index:30;left:50%;top:22%;transform:translate(-50%,-50%);padding:12px 22px;background:rgba(8,12,16,.82);border:1px solid rgba(229,178,60,.5);border-radius:5px;color:#fff;font-size:13px;font-weight:900;letter-spacing:.08em;box-shadow:0 12px 40px #0007;pointer-events:none}.announcement::before{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent)}#damageVignette{position:absolute;inset:0;z-index:18;pointer-events:none;opacity:0;background:radial-gradient(circle,transparent 45%,rgba(145,11,9,.55) 100%);transition:opacity .12s}
.mobile-controls{position:absolute;inset:0;z-index:25;pointer-events:none}.stick{position:absolute;width:132px;height:132px;border-radius:50%;pointer-events:auto;touch-action:none}.stick-ring{position:absolute;inset:0;border:2px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(10,15,19,.34);backdrop-filter:blur(5px);box-shadow:inset 0 0 30px #0006}.nub{position:absolute;width:56px;height:56px;left:38px;top:38px;border-radius:50%;background:rgba(233,238,240,.18);border:1px solid rgba(255,255,255,.42);box-shadow:0 4px 18px #0008}.stick>span{position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);white-space:nowrap;font-size:8px;letter-spacing:.12em;color:#8e9aa1;font-weight:900}.stick#movePad{left:max(22px,env(safe-area-inset-left));bottom:max(34px,calc(env(safe-area-inset-bottom) + 18px))}.stick#aimPad{right:max(22px,env(safe-area-inset-right));bottom:max(34px,calc(env(safe-area-inset-bottom) + 18px))}.mobile-btn{position:absolute;pointer-events:auto;padding:11px 12px;border-radius:50%;width:68px;height:68px;font-size:8px;background:rgba(10,15,19,.65);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(5px)}.mobile-btn.dash{right:max(174px,calc(env(safe-area-inset-right) + 174px));bottom:max(36px,calc(env(safe-area-inset-bottom) + 20px))}.mobile-btn.reload{right:max(160px,calc(env(safe-area-inset-right) + 160px));bottom:max(116px,calc(env(safe-area-inset-bottom) + 100px))}
.loading-screen{position:absolute;inset:0;z-index:100;background:#080c10;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.loader-mark{width:72px;height:72px;border:2px solid var(--accent);display:grid;place-items:center;font-weight:1000;font-size:28px;transform:rotate(45deg)}.loader-mark::first-line{transform:rotate(-45deg)}.loading-screen b{font-size:11px;letter-spacing:.16em;color:#b8c1c6}.loadbar{width:min(340px,70vw);height:4px;background:#1b242a;overflow:hidden}.loadbar i{display:block;width:0;height:100%;background:var(--accent);transition:width .15s}
@media (max-width:760px){.menu-screen{align-items:flex-end;padding:16px 16px max(20px,env(safe-area-inset-bottom))}.menu-card{width:100%;padding:22px}.menu-card h1{font-size:46px}.menu-card p{font-size:13px}.menu-footer{display:none}.controls-grid{grid-template-columns:1fr}.panel{padding:24px 18px}.hud-left{width:155px;padding:8px}.hud-left .badge-row{font-size:8px}.hud-center{top:12px;width:44vw;padding:7px 9px}.hud-center #objectiveText{font-size:9px}.hud-right{bottom:auto;top:70px;right:12px;padding:7px 10px}.ammo strong{font-size:26px}#minimap{width:120px;height:78px;top:12px}.icon-btn{right:142px;top:12px}.gallery-panel h2{font-size:30px}}
@media (hover:none) and (pointer:coarse){button:hover{transform:none}}