*{box-sizing:border-box}html,body,#app{color:#f4f7fb;background:#0d2536;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}canvas{display:block}body.playing{-webkit-user-select:none;user-select:none}body.mouse-locked,body.mouse-locked #app,body.mouse-locked canvas{cursor:none;-webkit-user-select:none;user-select:none}body.control-paused,body.control-paused #app,body.control-paused canvas{cursor:default}#hud{pointer-events:none;opacity:0;transition:opacity .18s;position:fixed;inset:0}#hud.visible{opacity:1}.topbar{align-items:center;gap:10px;min-height:42px;display:flex;position:fixed;top:16px;left:16px;right:16px}.meter{background:#080c12a3;border:1px solid #ffffff2e;width:min(230px,28vw);min-width:124px;height:28px;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #0006}.meter b{transform-origin:0;background:linear-gradient(90deg,#ff4859,#ffb14a);width:100%;position:absolute;inset:0 auto 0 0}.meter.shield b{background:linear-gradient(90deg,#39d8ff,#7d8dff)}.meter span{z-index:1;color:#fff;letter-spacing:0;text-shadow:0 1px 8px #000000bf;text-transform:uppercase;place-items:center;height:100%;font-size:12px;font-weight:800;display:grid;position:relative}.stat{color:#e9fbff;text-transform:uppercase;text-shadow:0 1px 8px #0000008c;white-space:nowrap;background:#080c129e;border:1px solid #ffffff29;place-items:center;min-width:76px;max-width:180px;height:28px;font-size:12px;font-weight:800;display:grid}#crosshair{filter:drop-shadow(0 1px 5px #000000a6);opacity:0;width:24px;height:24px;transition:opacity .12s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}body.mouse-locked #crosshair{opacity:1}#crosshair i{opacity:.92;background:#f8fbff;position:absolute}#crosshair i:first-child{width:20px;height:2px;top:11px;left:2px}#crosshair i:last-child{width:2px;height:20px;top:2px;left:11px}#weaponPanel{background:linear-gradient(90deg,#05080c9e,#080e18d1);border-left:3px solid #79f8ff;width:260px;max-width:calc(100vw - 36px);padding:12px 14px;position:fixed;bottom:22px;right:18px;box-shadow:0 12px 42px #00000059}#weaponName{color:#effcff;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:14px;font-weight:900;overflow:hidden}#ammoText{color:#b9c8d8;margin-top:4px;font-size:13px;font-weight:800}#inventory{flex-wrap:wrap;gap:8px;max-width:calc(100vw - 330px);display:flex;position:fixed;bottom:24px;left:18px}#inventory span,#vehicleHud,#actionPrompt{color:#e5edf7;text-transform:uppercase;background:#080c129e;border:1px solid #ffffff29;place-items:center;min-height:30px;padding:0 12px;font-size:12px;font-weight:850;display:grid}#vehicleHud{color:#9efcff;border-color:#6ff8ff8c;display:none;position:fixed;bottom:62px;left:18px}#vehicleHud.visible{display:grid}#actionPrompt{color:#fff;border-color:#ffffff40;min-width:160px;display:none;position:fixed;bottom:86px;left:50%;transform:translate(-50%)}#actionPrompt.visible{display:grid}#controlOverlay{z-index:20;pointer-events:auto;background:radial-gradient(circle at 50% 48%,#61e1ff2e,#0000 30%),#03080d7a;place-items:center;padding:24px;display:none;position:fixed;inset:0}#controlOverlay.visible{display:grid}.controlPanel{text-align:center;background:#081018e6;border:1px solid #ffffff38;width:min(440px,100vw - 40px);padding:18px;box-shadow:0 20px 70px #00000073,0 0 44px #64e2ff2e}.controlTitle{color:#f7fcff;text-transform:uppercase;font-size:18px;font-weight:1000}.controlText{color:#c4d5df;max-width:360px;margin:8px auto 14px;font-size:13px;font-weight:750;line-height:1.45}#resumeButton{min-width:190px;min-height:42px;transform:none}#message{color:#fff;text-align:center;text-shadow:0 2px 16px #000000d9,0 0 24px #7eecff80;text-transform:uppercase;width:min(520px,100vw - 32px);min-height:38px;font-size:clamp(16px,2vw,24px);font-weight:950;position:fixed;top:82px;left:50%;transform:translate(-50%)}#shop{pointer-events:auto;background:#060a10eb;border:1px solid #ffffff2e;width:min(430px,100vw - 36px);max-height:calc(100vh - 112px);padding:14px;display:none;position:fixed;top:72px;right:18px;overflow:auto;box-shadow:0 18px 60px #0000006b}#shop.visible{display:block}.shopHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.shopHeader span{color:#f8fcff;text-transform:uppercase;font-size:16px;font-weight:950}.shopHeader button,.upgradeButton{min-width:auto;min-height:34px;box-shadow:none;color:#071018;background:#eafcff;border:1px solid #fff3;padding:0 12px;font-size:12px;font-weight:950;transform:none}.shopHeader button:hover,.upgradeButton:hover{box-shadow:none;background:#fff}#shopCredits{color:#8ff7ff;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:900}#shopPreview{background:linear-gradient(135deg,#50f7ff14,#0000),#ffffff0a;border:1px solid #8ff7ff38;grid-template-columns:128px 1fr;align-items:center;gap:12px;min-height:118px;margin-bottom:12px;padding:10px;display:grid}.previewStage{background:linear-gradient(#ffffff0d,#0000 45%),#07111b;border:1px solid #ffffff24;width:118px;height:92px;position:relative;overflow:hidden}.previewBlock{background:var(--block-color,#8ffbff);width:20px;height:20px;position:absolute;box-shadow:0 0 16px #8ff7ff59,inset -4px -5px #0000003d}.previewBlock.dark{background:#243540;box-shadow:inset -4px -5px #00000057}.previewTitle{color:#fff;text-transform:uppercase;font-size:14px;font-weight:950}.previewText{color:#c3d2dd;margin-top:6px;font-size:12px;font-weight:750;line-height:1.35}.previewStats{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.previewStats span{color:#9ffcff;text-transform:uppercase;background:#0003;border:1px solid #ffffff24;min-height:22px;padding:3px 7px;font-size:11px;font-weight:900}#shopGrid{gap:8px;display:grid}.metricRows{gap:7px;margin-top:9px;display:grid}.metricLabel{color:#d9e7f0;text-transform:uppercase;justify-content:space-between;gap:8px;font-size:11px;font-weight:900;display:flex}.metricBar{background:#00000059;border:1px solid #ffffff1f;height:9px;position:relative;overflow:hidden}.metricBar b,.metricBar i{transform-origin:0;position:absolute;inset:0 auto 0 0}.metricBar b{width:var(--current,0%);background:#526878}.metricBar i{width:var(--next,0%);opacity:.9;background:linear-gradient(90deg,#68f7ff,#a65cff)}#devPanel{pointer-events:auto;background:#060a10eb;border:1px solid #ffffff2e;width:min(360px,100vw - 36px);padding:12px;display:none;position:fixed;top:72px;left:18px;box-shadow:0 18px 60px #0000006b}#devPanel.visible{display:block}.devHeader{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.devHeader span{color:#fff;text-transform:uppercase;font-size:14px;font-weight:950}.devGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.devGrid button,.devHeader button{min-width:auto;min-height:34px;box-shadow:none;color:#071018;text-transform:uppercase;background:#eafcff;border:1px solid #fff3;padding:0 10px;font-size:11px;font-weight:950;transform:none}.devGrid button:hover,.devHeader button:hover{box-shadow:none}.devHint{color:#aab9c8;margin-top:10px;font-size:11px;font-weight:750;line-height:1.35}.upgradeRow{background:#ffffff0b;border:1px solid #ffffff1f;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:68px;padding:10px;display:grid}.upgradeRow.active{background:#8ff7ff13;border-color:#8ff7ff8c}.upgradeTitle{color:#fff;text-transform:uppercase;font-size:13px;font-weight:950}.upgradeMeta{color:#b7c6d5;margin-top:4px;font-size:12px;font-weight:750;line-height:1.35}.upgradeButton:disabled{cursor:default;opacity:.42}#menu{background:radial-gradient(circle at 50% 58%,#6eefff42,#0000 31%),radial-gradient(circle at 18% 20%,#ffa64d33,#0000 24%),radial-gradient(circle at 82% 22%,#7597ff29,#0000 26%),linear-gradient(#040d160d,#040d1642 58%,#0104087a);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}#menu:before{content:"";pointer-events:none;background:linear-gradient(#0000,#050b1033);height:34vh;position:absolute;inset:auto 0 0}#menu:after{content:"";mix-blend-mode:screen;opacity:.32;pointer-events:none;background:linear-gradient(90deg,#79f8ff14,#0000 18% 82%,#ffa64d14);position:absolute;inset:0}#menu.hidden{display:none}#menu>div,#menu>button{z-index:1;grid-area:1/1;position:relative}.title{color:#f5fcff;letter-spacing:0;text-align:center;text-shadow:0 4px 24px #000000e6,0 0 42px #55dcff6b;text-transform:uppercase;max-width:min(920px,100vw - 32px);font-size:clamp(38px,7.6vw,102px);font-weight:1000;line-height:.95;transform:translateY(-92px)}button{color:#081018;cursor:pointer;min-width:210px;min-height:50px;font:inherit;text-transform:uppercase;background:linear-gradient(#f6feff,#c9f7ff);border:1px solid #ffffff6b;font-size:14px;font-weight:950;transform:translateY(86px);box-shadow:0 18px 42px #00000052,0 0 34px #70efff57}button:hover{background:#fff;box-shadow:0 20px 48px #00000057,0 0 42px #ffaa4c57}#warpOverlay{z-index:30;visibility:hidden;opacity:0;pointer-events:none;background:radial-gradient(circle,#46aeff70 0 6%,#0000 18%),radial-gradient(circle,#1845ff61,#030514f5 58%,#020208 100%);place-items:center;transition:opacity .16s,visibility .16s;display:grid;position:fixed;inset:0;overflow:hidden}body.warping #warpOverlay{visibility:visible;opacity:1}body.warping #crosshair,body.warping #weaponPanel,body.warping #inventory,body.warping #actionPrompt{opacity:0}#warpOverlay:before,#warpOverlay:after,.warpTunnel{content:"";border-radius:50%;position:absolute;inset:-38vmax}#warpOverlay:before{background:repeating-conic-gradient(from 0deg, #6fddfff2 0 1deg, transparent 1deg 7deg), radial-gradient(circle, transparent 0 18%, #4085ff59 25%, transparent 48%);animation:.9s linear infinite warpSpin}#warpOverlay:after{mix-blend-mode:screen;background:repeating-radial-gradient(circle,#0000 0 22px,#ff8f2a57 23px 25px,#0000 28px 56px),radial-gradient(circle,#0000 0 18%,#1567ff80 19%,#0000 42%);animation:.76s ease-in infinite warpRush}.warpTunnel{background:repeating-conic-gradient(from 28deg, transparent 0 10deg, #ffb95675 11deg 12deg, transparent 13deg 26deg), radial-gradient(circle, #ffffffe6 0 2%, transparent 5% 100%);filter:blur(1px);opacity:.72;animation:1.25s linear infinite reverse warpSpin}.warpFigure{z-index:2;transform-origin:50% 60%;filter:drop-shadow(0 0 18px #81e6fff2)drop-shadow(0 0 34px #ff892bad);width:42px;height:84px;animation:1.45s cubic-bezier(.17,.67,.21,1) infinite figureLaunch;position:relative}.warpFigure:before{content:"";background:#08121ae0;border:2px solid #dffcff;border-radius:50%;width:20px;height:20px;position:absolute;top:0;left:11px}.warpFigure:after{content:"";background:linear-gradient(#dffcff,#67c7ff 55%,#ff9a2c);border:2px solid #dffcff;width:12px;height:42px;position:absolute;top:24px;left:15px;box-shadow:-18px 12px 0 -6px #dffcff,18px 12px 0 -6px #dffcff,-10px 45px 0 -4px #dffcff,10px 45px 0 -4px #dffcff}.warpFigure i{background:linear-gradient(#ffffffe6,#4dadff00);width:6px;height:84px;position:absolute;top:64px;left:18px}#warpText{z-index:3;color:#fff;text-align:center;text-shadow:0 0 18px #3ab4fff2,0 0 38px #ff892bc7;text-transform:uppercase;width:min(560px,100vw - 32px);font-size:clamp(18px,3vw,38px);font-weight:1000;position:fixed;bottom:48px;left:50%;transform:translate(-50%)}@keyframes warpSpin{to{transform:rotate(360deg)scale(.78)}}@keyframes warpRush{0%{opacity:.2;transform:scale(1.28)}55%{opacity:.95}to{opacity:0;transform:scale(.2)}}@keyframes figureLaunch{0%{opacity:0;transform:translateY(160px)scale(1.25)rotate(-8deg)}18%{opacity:1}to{opacity:0;transform:translateY(-120px)scale(.12)rotate(540deg)}}@media (width<=720px){.topbar{flex-wrap:wrap;align-items:flex-start}.meter{width:calc(50vw - 24px)}#inventory{max-width:48vw}#shop{width:auto;left:12px;right:12px}#shopPreview{grid-template-columns:1fr}}