*{margin:0;padding:0;box-sizing:border-box}:root{--hud: #e8f0e8;--hud-dim: rgba(232, 240, 232, .55);--accent: #ffb545;--panel: rgba(12, 16, 14, .86);--panel-edge: rgba(255, 255, 255, .12);--ui-scale: 1;--crosshair-scale: 1}html,body{width:100%;height:100%;overflow:hidden;background:#0a0d0b}body{font-family:Segoe UI,system-ui,sans-serif;color:var(--hud);-webkit-user-select:none;user-select:none}#app,#app canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#water-tint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;display:none;overflow:hidden;background:radial-gradient(ellipse at center,#165c6b33,#05283a9e);box-shadow:inset 0 0 120px #021b2b80}#water-tint:before{content:"";position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;opacity:.032;background-image:repeating-radial-gradient(ellipse at 35% 45%,transparent 0 18px,rgba(170,244,225,.65) 20px 22px,transparent 25px 40px),repeating-radial-gradient(ellipse at 70% 60%,transparent 0 25px,rgba(116,220,214,.42) 28px 30px,transparent 34px 52px);background-size:190px 130px,250px 170px;animation:underwater-caustics 8s linear infinite;filter:blur(9px)}@keyframes underwater-caustics{0%{transform:translate3d(-3%,-2%,0) rotate(0) scale(1.05)}to{transform:translate3d(4%,3%,0) rotate(5deg) scale(1.12)}}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#crosshair{position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-50%,-50%) scale(var(--crosshair-scale))}#crosshair span{position:absolute;background:var(--hud);opacity:.9;box-shadow:0 0 2px #000c}#crosshair span:nth-child(1){left:-1px;top:-9px;width:2px;height:5px}#crosshair span:nth-child(2){left:-1px;top:4px;width:2px;height:5px}#crosshair span:nth-child(3){left:-9px;top:-1px;width:5px;height:2px}#crosshair span:nth-child(4){left:4px;top:-1px;width:5px;height:2px}#crosshair i{position:absolute;left:-1.5px;top:-1.5px;width:3px;height:3px;background:var(--accent);border-radius:50%;opacity:0}#crosshair.dot i{opacity:1}#vehicle-aim{position:absolute;left:50%;top:42%;width:30px;height:30px;transform:translate(-50%,-50%);opacity:0;transition:opacity 90ms ease;color:#e8f0e8c7;filter:drop-shadow(0 1px 2px rgba(0,0,0,.9))}#vehicle-aim.show{opacity:1}#vehicle-aim span{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:2px solid currentColor;border-radius:50%}#vehicle-aim span:before,#vehicle-aim span:after{content:"";position:absolute;left:50%;top:50%;background:currentColor;transform:translate(-50%,-50%)}#vehicle-aim span:before{width:32px;height:1px}#vehicle-aim span:after{width:1px;height:32px}#vehicle-aim b{position:absolute;left:50%;top:34px;transform:translate(-50%);color:currentColor;font:10px Consolas,monospace;white-space:nowrap}#vehicle-aim.locked{color:var(--accent)}#vehicle-aim.edge span{border-style:dashed}#vehicle-aim.reloading span{transform:scale(.82);opacity:.62}#vehicle-status{position:absolute;right:18px;bottom:18px;width:174px;display:none;padding:9px 10px;border:1px solid rgba(255,181,69,.28);border-right:3px solid var(--accent);border-radius:5px;background:#080c0ab8;text-shadow:0 1px 2px #000}#vehicle-status.show{display:block}#vehicle-status>strong{display:block;margin-bottom:5px;color:var(--accent);font:10px Consolas,monospace;letter-spacing:1px}.vehicle-system{display:grid;grid-template-columns:45px 1fr 28px;gap:5px;align-items:center;margin:3px 0}.vehicle-system>span,.vehicle-system>em{color:var(--hud-dim);font:9px Consolas,monospace;font-style:normal}.vehicle-system>em{text-align:right}.vehicle-system>i{height:4px;overflow:hidden;background:#ffffff1a;border-radius:2px}.vehicle-system>i>b{display:block;width:100%;height:100%;background:#8bd17c;transition:width .16s linear,background .16s}.vehicle-system.damaged>i>b{background:#f3b94f}.vehicle-system.critical>i>b{background:#ff604c;box-shadow:0 0 6px #ff4632cc}.vehicle-system.critical>span,.vehicle-system.critical>em{color:#ff8b78}#hitmarker{position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%) rotate(45deg) scale(.6);opacity:0}#hitmarker:before,#hitmarker:after{content:"";position:absolute;background:var(--accent)}#hitmarker:before{left:12px;top:0;width:2px;height:26px}#hitmarker:after{left:0;top:12px;width:26px;height:2px}#hitmarker.pop{animation:hitpop .18s ease-out}@keyframes hitpop{0%{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1.15)}to{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(.55)}}#weapon-bar{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:96vw}#weapon-bar .slot{padding:4px 7px;background:#0a0e0c9e;border:1px solid var(--panel-edge);border-radius:4px;font-size:11px;color:var(--hud-dim);letter-spacing:.3px;white-space:nowrap}#weapon-bar .slot b{color:var(--hud-dim);font-weight:600;margin-right:4px}#weapon-bar .slot.active{border-color:var(--accent);color:var(--hud);background:#1e180abf}#weapon-bar .slot.active b{color:var(--accent)}#weapon-tooltip{position:absolute;left:18px;bottom:72px;width:min(330px,calc(100vw - 36px));padding-left:9px;border-left:2px solid var(--accent);pointer-events:none;text-shadow:0 1px 2px #000;opacity:0;transform:translateY(5px);transition:opacity .18s ease,transform .18s ease}#weapon-tooltip strong,#weapon-tooltip span{display:block;letter-spacing:0}#weapon-tooltip strong{color:var(--accent);font-size:12px;line-height:1.4;text-transform:uppercase}#weapon-tooltip .actions{color:var(--hud);font-size:12px;line-height:1.45}#weapon-tooltip .detail{color:var(--hud-dim);font-size:11px;line-height:1.35}#weapon-tooltip.show{opacity:1;transform:translateY(0)}#weapon-tooltip.show.settled{opacity:.48}#charge-count{position:absolute;right:20px;bottom:20px;font-size:13px;color:var(--accent);text-shadow:0 1px 2px #000;display:none}#toasts{position:absolute;left:50%;bottom:64px;transform:translate(-50%);text-align:center}#toasts .toast{margin-top:4px;padding:4px 12px;background:#0a0e0cb3;border-radius:4px;font-size:12.5px;color:var(--hud);opacity:1;transition:opacity .5s;border:1px solid var(--panel-edge)}#toasts .toast.fade{opacity:0}#perf-overlay{position:absolute;left:12px;top:10px;font:12px/1.5 Consolas,monospace;color:#b7ffb7;text-shadow:0 1px 1px #000;white-space:pre}#grab-hint{position:absolute;left:50%;top:58%;transform:translate(-50%);font-size:12px;color:var(--hud-dim);text-shadow:0 1px 2px #000}#challenge-hud{position:absolute;top:18px;left:50%;width:min(470px,72vw);transform:translate(-50%) scale(var(--ui-scale));transform-origin:top center;padding:11px 14px;border:1px solid var(--panel-edge);border-left:3px solid var(--accent);border-radius:6px;background:#080c0ac7;box-shadow:0 8px 24px #00000047;text-shadow:0 1px 2px #000}#challenge-hud.hidden,#scanner-hud.hidden,#tool-wheel.hidden{display:none}.challenge-topline{display:flex;justify-content:space-between;align-items:baseline;gap:18px}#challenge-title{color:var(--accent);font-weight:750;font-size:13px;letter-spacing:1.2px;text-transform:uppercase}#challenge-score{color:var(--hud);font:12px Consolas,monospace;white-space:nowrap}#challenge-description{color:var(--hud-dim);font-size:11px;margin-top:3px}#challenge-objectives{margin-top:7px;display:grid;gap:3px}#challenge-objectives>div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:6px;font-size:11.5px}#challenge-objectives i{width:7px;height:7px;border:1px solid var(--hud-dim);border-radius:50%}#challenge-objectives b{font:11px Consolas,monospace;color:var(--hud-dim)}#challenge-objectives .met i{background:var(--accent);border-color:var(--accent);box-shadow:0 0 7px #ffb545a6}#challenge-objectives .met span,#challenge-objectives .met b{color:var(--hud)}#challenge-result{margin-top:6px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.6px}#scanner-hud{position:absolute;right:18px;top:50%;transform:translateY(-50%) scale(var(--ui-scale));transform-origin:right center;width:245px;display:flex;flex-direction:column;gap:3px;padding:11px 13px;border:1px solid rgba(116,225,255,.32);border-right:3px solid #74e1ff;background:#051115d1;color:#c8f5ff;text-shadow:0 1px 2px #000}#scanner-hud strong{color:#74e1ff;font-size:12px;letter-spacing:1px;text-transform:uppercase}#scanner-hud span{font:11px/1.35 Consolas,monospace;color:#c8f5ffb8}#tool-wheel{position:absolute;left:50%;top:50%;width:390px;height:390px;transform:translate(-50%,-50%) scale(var(--ui-scale));border-radius:50%;background:radial-gradient(circle,#0f1411ed 0,#0f1411ed 23%,#080c0ad6 24%,#080c0ad6 66%,#080c0a2e 67%);border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 70px #0009}#tool-wheel-items{position:absolute;top:0;right:0;bottom:0;left:0}.tool-wheel-item{position:absolute;left:50%;top:50%;width:86px;min-height:42px;transform:translate(-50%,-50%) translate(var(--wheel-x),var(--wheel-y));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 7px;border:1px solid var(--panel-edge);border-radius:6px;background:#141a16f0;color:var(--hud-dim);text-align:center}.tool-wheel-item b{color:var(--hud-dim);font:10px Consolas,monospace}.tool-wheel-item span{font-size:10.5px;line-height:1.15}.tool-wheel-item.active{border-color:#ffb5457a}.tool-wheel-item.hover{color:var(--hud);border-color:var(--accent);background:#4b3712f5;box-shadow:0 0 18px #ffb5453d}.tool-wheel-item.hover b{color:var(--accent)}#tool-wheel-center{position:absolute;left:50%;top:50%;width:145px;transform:translate(-50%,-50%);text-align:center}#tool-wheel-center strong,#tool-wheel-center span{display:block}#tool-wheel-center strong{color:var(--hud);font-size:14px}#tool-wheel-center span{margin-top:3px;color:var(--accent);font-size:10px;letter-spacing:1.2px;text-transform:uppercase}@media (max-width: 600px){#weapon-tooltip{left:12px;bottom:214px;width:calc(100vw - 24px)}}#menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0406058c;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#menu.hidden{display:none}#menu-window{width:min(860px,94vw);max-height:86vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--panel-edge);border-radius:10px;box-shadow:0 18px 60px #0009;overflow:hidden}#menu-tabs{display:flex;border-bottom:1px solid var(--panel-edge)}#menu-tabs button{flex:1;padding:11px 0;background:none;border:none;color:var(--hud-dim);font-size:13.5px;letter-spacing:1.5px;cursor:pointer;text-transform:uppercase}#menu-tabs button:hover{color:var(--hud);background:#ffffff0a}#menu-tabs button.active{color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}#menu-body{padding:16px;overflow-y:auto}#menu-foot{padding:8px 16px;border-top:1px solid var(--panel-edge);font-size:11.5px;color:var(--hud-dim);text-align:center}.spawn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.spawn-grid .cat{grid-column:1 / -1;margin:8px 0 0;font-size:11px;letter-spacing:2px;color:var(--accent);text-transform:uppercase}.spawn-grid button{position:relative;padding:12px 22px 10px;background:#ffffff0d;color:var(--hud);border:1px solid var(--panel-edge);border-radius:6px;cursor:pointer;font-size:13px;text-align:center}.spawn-grid button small{display:block;margin-top:3px;font-size:10.5px;color:var(--hud-dim)}.spawn-grid button:hover{background:#ffb54524;border-color:var(--accent)}.spawn-grid button .spawn-count{position:absolute;top:5px;right:6px;min-width:20px;color:var(--accent);font:10px Consolas,monospace;text-align:right}.spawn-grid button.spawn-confirm{animation:spawn-confirm .18s ease-out}@keyframes spawn-confirm{0%{border-color:var(--accent);background:#ffb54547}to{border-color:var(--panel-edge);background:#ffffff0d}}.settings-list{display:flex;flex-direction:column;gap:3px}.setting-row{display:grid;grid-template-columns:210px 1fr 64px;align-items:center;gap:12px;padding:5px 4px}.setting-row:hover{background:#ffffff08;border-radius:4px}.setting-row label{font-size:13px;color:var(--hud)}.setting-row input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.setting-row .val{font:12px Consolas,monospace;color:var(--accent);text-align:right}.settings-list .btn-row{margin-top:10px;display:flex;gap:8px}.settings-toggles{display:flex;flex-wrap:wrap;gap:8px 18px;padding:8px 4px 2px}.settings-toggles label{font-size:12px;color:var(--hud)}.settings-toggles input{accent-color:var(--accent);margin-right:6px}.challenge-menu{display:flex;flex-direction:column;gap:12px}.active-challenge{padding:14px;border:1px solid rgba(255,181,69,.38);border-radius:7px;background:#ffb54512}.active-challenge small{color:var(--accent);letter-spacing:1.2px;text-transform:uppercase}.active-challenge h3{margin-top:3px}.active-challenge p{margin-top:4px;color:var(--hud-dim);font-size:12px}.challenge-menu-score{margin-top:8px;color:var(--accent);font:12px Consolas,monospace}.challenge-menu .btn-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.challenge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.challenge-grid button{padding:13px;border:1px solid var(--panel-edge);border-radius:6px;background:#ffffff0b;color:var(--hud);text-align:left;cursor:pointer}.challenge-grid button:hover{border-color:var(--accent);background:#ffb5451a}.challenge-grid strong,.challenge-grid span,.challenge-grid small{display:block}.challenge-grid strong{color:var(--accent);font-size:13px}.challenge-grid span{margin-top:5px;min-height:30px;color:var(--hud-dim);font-size:11.5px;line-height:1.35}.challenge-grid small{margin-top:7px;color:var(--hud);font:10.5px Consolas,monospace}.challenge-tip{color:var(--hud-dim);font-size:11.5px;text-align:center}.challenge-tip b{color:var(--accent)}.debug-list{display:flex;flex-direction:column;gap:2px}.debug-list label{display:flex;align-items:center;gap:10px;padding:7px 6px;font-size:13px;cursor:pointer;border-radius:4px}.debug-list label:hover{background:#ffffff0a}.debug-list input{accent-color:var(--accent);width:15px;height:15px;cursor:pointer}.debug-list .hint{font-size:11px;color:var(--hud-dim);margin-left:4px}.menu-btn{padding:8px 14px;background:#ffffff12;color:var(--hud);border:1px solid var(--panel-edge);border-radius:5px;cursor:pointer;font-size:12.5px}.menu-btn:hover{border-color:var(--accent);color:var(--accent)}.help-table{width:100%;border-collapse:collapse;font-size:13px}.help-table td{padding:5px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.help-table td:first-child{color:var(--accent);font-family:Consolas,monospace;width:160px}#lock-overlay,#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a100cb8,#040605eb);cursor:pointer}#lock-overlay.hidden,#loading.hidden{display:none}#lock-overlay .panel,#loading .panel{text-align:center}#lock-overlay h1,#loading h1{font-size:64px;letter-spacing:14px;font-weight:800;color:var(--hud);text-shadow:0 4px 0 rgba(255,181,69,.35),0 8px 30px rgba(0,0,0,.8)}#lock-overlay .sub{margin-top:2px;color:var(--hud-dim);letter-spacing:3px;font-size:13px}#lock-overlay .click{margin-top:34px;color:var(--accent);font-size:17px;letter-spacing:4px;animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.35}}#lock-overlay .controls{margin-top:30px;display:flex;flex-wrap:wrap;gap:7px 18px;justify-content:center;max-width:620px;font-size:12.5px;color:var(--hud-dim)}#lock-overlay .controls b{color:var(--hud)}#loading{cursor:default;z-index:40}#loading p{margin-top:14px;color:var(--hud-dim);font-size:13px;letter-spacing:1px}#loading .bar{margin:16px auto 0;width:280px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}#loading .bar div{width:5%;height:100%;background:var(--accent);transition:width .25s}