*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#b9e8ff}#app{width:100%;height:100%}canvas{display:block;width:100%;height:100%}.reticle{position:fixed;top:50%;left:50%;width:86px;height:86px;pointer-events:none;transform:translate(-50%,-50%) scale(var(--reticle-scale, 1));opacity:.94;transform-origin:center}.reticle__ring{position:absolute;top:24px;right:24px;bottom:24px;left:24px;border:2px solid rgba(255,240,189,.92);border-radius:50%;box-shadow:0 0 0 1px #24304473,0 0 10px #fff0bd5c}.reticle__line{position:absolute;background:#fff0bdeb;box-shadow:0 0 0 1px #24304457}.reticle__line--top,.reticle__line--bottom{left:42px;width:2px;height:16px}.reticle__line--top{top:4px}.reticle__line--bottom{bottom:4px}.reticle__line--right,.reticle__line--left{top:42px;width:16px;height:2px}.reticle__line--right{right:4px}.reticle__line--left{left:4px}.reticle__dot{position:absolute;top:41px;left:41px;width:4px;height:4px;border-radius:50%;background:#fff0bd;box-shadow:0 0 0 1px #24304473}.reticle__text{position:absolute;top:66px;left:50%;color:#fff0bd;font-size:11px;font-weight:900;text-shadow:0 1px 4px rgba(36,48,68,.7);transform:translate(-50%);opacity:0}.reticle--fire{opacity:1}.reticle--fire .reticle__ring{border-color:#fff;box-shadow:0 0 0 1px #24304473,0 0 16px #fff0bdc7}.reticle--in-sights .reticle__ring,.reticle--in-sights .reticle__line,.reticle--in-sights .reticle__dot{border-color:#89f2a5;background:#89f2a5}.reticle--in-sights .reticle__text{opacity:1}.reticle--inactive{opacity:.32}.reticle--inactive .reticle__text{opacity:0}.reticle--look-view{opacity:.24}.reticle--look-view .reticle__ring,.reticle--look-view .reticle__line,.reticle--look-view .reticle__dot{border-color:#fff0bd7a;background:#fff0bd7a}.reticle--look-view .reticle__text{opacity:0}.hud{position:fixed;top:0;right:0;bottom:0;left:0;color:#243044;font-size:13px;line-height:1.34;pointer-events:none;-webkit-user-select:none;user-select:none}.hud-score{position:fixed;top:clamp(12px,1.6vw,20px);right:clamp(14px,1.8vw,24px);display:grid;grid-template-columns:repeat(3,minmax(70px,auto));gap:6px;padding:8px;border:1px solid rgba(255,240,189,.3);border-radius:8px;background:#141d2bc7;color:#f6fbff;box-shadow:0 10px 26px #121c2a33}.hud-score__item{display:grid;gap:1px;min-width:72px;padding:5px 7px;border-radius:6px;background:#ffffff14}.hud-score__item span{color:#fff0bdc7;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.hud-score__item strong{font-size:17px;font-weight:900;font-variant-numeric:tabular-nums}.hud-score__item--small{min-width:54px}.hud-mission{position:fixed;top:clamp(12px,1.6vw,20px);left:clamp(14px,1.8vw,24px);display:grid;gap:2px;min-width:min(260px,calc(100vw - 340px));max-width:340px;padding:9px 11px;border:1px solid rgba(255,240,189,.28);border-radius:8px;background:#141d2bc2;color:#f6fbff;box-shadow:0 10px 26px #121c2a2e}.hud-mission__label,.hud-mission__progress{color:#fff0bdc2;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.hud-mission__title{font-size:15px;font-weight:900;line-height:1.1}.hud-mission--complete .hud-mission__progress{color:#b9ffc8}.hud-mission--failed .hud-mission__progress{color:#ff8b73}.hud-hp{position:fixed;left:clamp(14px,1.8vw,24px);bottom:clamp(14px,1.8vw,24px);width:138px;height:138px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at center,rgba(25,34,50,.98) 0 57%,transparent 58%),conic-gradient(var(--hp-color) var(--hp-fill),rgba(255,255,255,.13) 0);border:1px solid rgba(255,240,189,.42);box-shadow:inset 0 0 0 7px #0d141fe6,0 12px 30px #121c2a40;color:#f6fbff;--hp-color: #8cf2a5}.hud-hp--damaged{--hp-color: #ffd36a}.hud-hp--critical{--hp-color: #ff6f73}.hud-hp__dial{width:102px;height:102px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(189,228,230,.24);background:radial-gradient(circle at center,#203241fa,#0e1622fa)}.hud-hp__readout{display:grid;justify-items:center;line-height:1}.hud-hp__readout span,.hud-instrument__label,.hud-instrument__sub{color:#fff0bdc2;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.hud-hp__readout strong{margin-top:5px;font-size:32px;font-weight:900;font-variant-numeric:tabular-nums}.hud-hp__readout em{margin-top:3px;color:#f6fbffb8;font-size:12px;font-style:normal;font-weight:800}.hud-strip{position:fixed;left:50%;bottom:clamp(15px,1.8vw,24px);display:grid;grid-template-columns:repeat(4,minmax(104px,1fr));gap:8px;width:min(500px,calc(100vw - 420px));transform:translate(-50%)}.hud-instrument{min-height:72px;display:grid;align-content:center;justify-items:center;gap:3px;padding:8px 9px;border:1px solid rgba(255,240,189,.28);border-radius:8px;background:linear-gradient(180deg,#1e2b3be0,#0e1622e6),radial-gradient(circle at top,rgba(98,199,232,.16),transparent 58%);color:#f6fbff;box-shadow:inset 0 0 0 1px #69b5c41f,0 10px 26px #121c2a33}.hud-instrument__value{font-size:24px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.hud-instrument--low .hud-instrument__value,.hud-instrument--empty .hud-instrument__value{color:#ffd36a}.hud-instrument--empty .hud-instrument__sub{color:#ff8b73}.hud-instrument--armed .hud-instrument__value{color:#fff0bd}.hud-status{position:fixed;left:50%;bottom:clamp(98px,11.5vh,124px);display:grid;gap:2px;min-width:min(440px,calc(100vw - 40px));max-width:min(560px,calc(100vw - 40px));padding:7px 12px;border:1px solid rgba(255,240,189,.24);border-radius:8px;background:#141d2bad;color:#f6fbffd1;text-align:center;transform:translate(-50%);box-shadow:0 10px 24px #121c2a29}.hud-status strong{color:#b9ffc8;font-size:12px;font-weight:900;letter-spacing:.04em}.hud-status span{color:#f6fbffb3;font-size:11px;font-weight:800}.hud-status--active strong{color:#ffd36a}.hud-tip{position:fixed;left:50%;bottom:clamp(144px,17vh,178px);padding:6px 10px;border-radius:7px;background:#141d2bad;color:#fff0bd;font-size:12px;font-weight:900;transform:translate(-50%)}.hud-target{position:fixed;right:clamp(210px,14vw,230px);bottom:clamp(34px,3vw,46px);display:grid;grid-template-columns:18px auto;gap:1px 7px;align-items:center;min-width:138px;padding:7px 9px;border:1px solid rgba(255,240,189,.26);border-radius:8px;background:#141d2bb8;color:#f6fbff}.hud-target__arrow{grid-row:span 2;display:inline-block;width:0;height:0;border-right:7px solid transparent;border-bottom:13px solid #62c7e8;border-left:7px solid transparent;transform-origin:50% 62%}.hud-target__text{font-size:12px;font-weight:900}.hud-target__meta{color:#f6fbffad;font-size:10px;font-weight:800}.hud__title{margin:0 0 7px;font-size:14px;font-weight:800}.hud__row{display:flex;justify-content:space-between;gap:20px}.hud__label{color:#66758c}.hud__value{font-variant-numeric:tabular-nums;font-weight:700}.hud__row--danger .hud__label,.hud__row--danger .hud__value{color:#b83b4b}.hud__warnings{margin-top:8px;padding:6px 8px;border-radius:6px;background:#67bc7729;color:#3b7450;font-size:12px;font-weight:800;letter-spacing:.02em;text-align:center}.hud__warnings--active{background:#ffcc4d52;color:#8a5217}.hud__tip{margin-top:7px;padding:6px 7px;border-radius:6px;background:#62c7e82e;color:#34657a;font-size:11px;font-weight:800;text-align:center}.hud__popups{position:fixed;top:clamp(92px,15vh,150px);left:50%;display:grid;gap:7px;width:min(340px,calc(100vw - 40px));pointer-events:none;transform:translate(-50%)}.hud__popup{justify-self:center;padding:6px 10px;border:1px solid rgba(36,48,68,.18);border-radius:6px;background:#ffffffc2;color:#243044;font-size:13px;font-weight:900;line-height:1.1;text-align:center;text-shadow:none;box-shadow:0 8px 20px #24304424}.hud__popup--score{color:#2f8a4f}.hud__popup--hit{color:#8a6217}.hud__popup--pickup{color:#4d54b8}.hud__popup--streak{color:#b4588d}.hud__popup--mission{color:#2f8a4f}.hud__popup--intro{color:#315f9d}.hud__popup--badge{color:#8a5bc2}.hud__popup--danger{color:#b83b4b}.hud__popup--alert{border-color:#fff0bd57;background:#141d2bc7;color:#fff0bd;text-shadow:0 1px 5px rgba(0,0,0,.28)}.hud__target{margin-top:8px;padding:7px;border:1px solid rgba(35,48,70,.16);border-radius:6px;background:#ffffff7a}.hud__target-heading{color:#66758c;font-size:11px;font-weight:800;text-transform:uppercase}.hud__target-status{margin-top:2px;font-size:13px;font-weight:900}.hud__target-row{display:flex;align-items:center;justify-content:space-between;margin-top:4px;font-size:12px;font-weight:800}.hud__target-arrow{display:inline-block;width:0;height:0;border-right:7px solid transparent;border-bottom:13px solid #4ba3d9;border-left:7px solid transparent;transform-origin:50% 62%}.hud__target--ahead .hud__target-status{color:#2f8a4f}.hud__target--offscreen .hud__target-status{color:#8a6217}.hud__target--tail .hud__target-status{color:#b83b4b}.hud__target--ahead .hud-target__text{color:#8cf2a5}.hud__target--offscreen .hud-target__text{color:#ffd36a}.hud__target--tail .hud-target__text{color:#ff8b73}.hud__hint{margin-top:8px;padding-top:7px;border-top:1px solid rgba(35,48,70,.16);color:#4f5d73;font-size:12px}.hud-radar{position:fixed;right:clamp(14px,1.8vw,24px);bottom:clamp(14px,1.8vw,24px);width:176px;height:194px;display:grid;justify-items:center;gap:6px;padding:11px 10px 10px;border:1px solid rgba(255,240,189,.34);border-radius:8px;background:linear-gradient(180deg,#182232d1,#0d141fe0);box-shadow:inset 0 0 0 1px #69b5c424,0 10px 28px #121c2a3d;pointer-events:none;-webkit-user-select:none;user-select:none}.hud-radar__label{color:#fff0bdd1;font-size:11px;font-weight:900;letter-spacing:.08em;line-height:1}.hud-radar__canvas{width:156px;height:156px;border-radius:50%;filter:saturate(1.04)}.hud-radar--inactive{opacity:.62}.hud-radar--paused{opacity:.76}.hud__overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:8px;padding:16px;background:#24304461;color:#fff;font-size:20px;font-weight:800;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.28)}.hud__overlay-panel{width:min(540px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:clamp(18px,3vh,26px) clamp(20px,3vw,30px);border:2px solid rgba(255,255,255,.34);border-radius:8px;background:#243044ad;box-shadow:0 18px 48px #2430443d}.hud__overlay-panel--small{width:min(430px,calc(100vw - 32px))}.hud__overlay-title{font-size:clamp(32px,5.4vh,40px);letter-spacing:.04em}.hud__overlay-copy{margin-top:clamp(5px,1.2vh,8px);color:#ffffffe0;font-size:clamp(13px,1.9vh,15px);font-weight:700}.hud__overlay-best{margin-top:7px;color:#fff0bd;font-size:clamp(13px,1.8vh,15px);font-weight:900}.hud__overlay-badge{display:inline-block;margin-top:6px;padding:4px 9px;border-radius:6px;background:#89f2a53d;color:#b9ffc8;font-size:clamp(13px,1.9vh,15px);font-weight:900}.hud__overlay-section{display:grid;gap:4px;margin-top:clamp(10px,2.4vh,18px);color:#ffffffeb;font-size:clamp(12px,1.8vh,14px);font-weight:700}.hud__overlay-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;margin-top:clamp(10px,2.4vh,18px);color:#fff0bd;font-size:clamp(12px,1.7vh,13px);font-weight:800}.hud__overlay-action{margin-top:10px;color:#fff0bd}.hud__summary{display:grid;gap:5px;margin-top:12px;color:#ffffffeb;font-size:clamp(12px,1.8vh,14px);font-weight:700;text-align:left}.hud__summary>div{display:flex;justify-content:space-between;gap:18px}.hud__summary span{color:#ffffffb8}.hud__summary strong{color:#fff0bd;font-variant-numeric:tabular-nums}.hud__badges{margin-top:12px;text-align:left}.hud__badges-title{color:#fff0bd;font-size:clamp(12px,1.8vh,14px);font-weight:900}.hud__badges-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.hud__badges-list span,.hud__badges-empty{padding:4px 7px;border-radius:6px;background:#fff0bd24;color:#ffffffe6;font-size:clamp(11px,1.6vh,12px);font-weight:800}.hud__badges-empty{display:inline-block;margin-top:6px}@media (max-width: 520px){.hud__overlay-panel{padding:22px 20px}.hud__overlay-title{font-size:34px}.hud__overlay-controls,.hud__controls-grid{grid-template-columns:1fr}.hud__overlay-panel--start{padding:20px 16px}.hud__overlay-title--start{font-size:42px}}@media (max-height: 780px),(max-width: 1100px){.hud{top:0;right:0;bottom:0;left:0;width:auto;padding:0;font-size:12px;line-height:1.28}.hud-hp{width:126px;height:126px}.hud-hp__dial{width:94px;height:94px}.hud-hp__readout strong{font-size:28px}.hud-strip{width:min(458px,calc(100vw - 380px));grid-template-columns:repeat(4,minmax(92px,1fr));gap:6px}.hud-instrument{min-height:64px}.hud-instrument__value{font-size:21px}.hud-score{grid-template-columns:repeat(3,minmax(58px,auto))}.hud-score__item{min-width:58px}.hud-mission{min-width:220px;max-width:280px;padding:8px 10px}.hud-mission__title{font-size:14px}.hud-target{right:174px}.hud__title{margin-bottom:5px;font-size:13px}.hud__warnings,.hud__popups,.hud__target,.hud__hint{margin-top:6px}.hud__popups{top:104px;left:50%;width:190px}.hud__popup{padding:5px 8px;font-size:12px}.hud__warnings{padding:5px 7px;font-size:11px}.hud__target{padding:6px}.hud__hint{padding-top:6px;font-size:11px}.reticle{--reticle-scale: .92}.hud__overlay-panel{width:min(500px,calc(100vw - 28px))}.hud-radar{width:158px;height:174px;padding:9px 8px 8px}.hud-radar__canvas{width:140px;height:140px}}.hud__overlay--start{background:radial-gradient(circle at 50% 34%,rgba(255,240,189,.16),transparent 28%),linear-gradient(180deg,#141d2b47,#0a101a94);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hud__overlay-panel--start{position:relative;width:min(620px,calc(100vw - 32px));overflow:hidden;padding:clamp(22px,3.2vh,34px);border:1px solid rgba(255,240,189,.46);border-radius:18px;background:linear-gradient(180deg,#182232e0,#0d141feb),radial-gradient(circle at top,rgba(98,199,232,.22),transparent 62%);box-shadow:inset 0 0 0 1px #69b5c429,0 24px 70px #050b146b}.hud__overlay-panel--start:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(255,240,189,.14);border-radius:14px;pointer-events:none}.hud__game-kicker{color:#fff0bdd1;font-size:clamp(11px,1.8vh,13px);font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hud__overlay-title--start{margin-top:4px;color:#fff0bd;font-size:clamp(42px,8vh,74px);font-weight:1000;letter-spacing:.08em;line-height:.95;text-shadow:0 3px 0 rgba(126,65,35,.7),0 12px 30px rgba(0,0,0,.36)}.hud__overlay-copy--start{max-width:440px;margin:12px auto 0;color:#f6fbffdb;font-size:clamp(13px,2vh,16px);font-weight:800}.hud__start-best{display:inline-block;margin-top:12px;padding:5px 10px;border:1px solid rgba(255,240,189,.22);border-radius:999px;background:#fff0bd1f;color:#fff0bd;font-size:13px;font-weight:900}.hud__controls-card{margin:clamp(16px,3vh,24px) auto 0;padding:14px;border:1px solid rgba(189,228,230,.2);border-radius:14px;background:#ffffff14}.hud__controls-heading{margin-bottom:10px;color:#fff0bde0;font-size:12px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase}.hud__controls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.hud__control-row{display:flex;align-items:center;gap:9px;min-height:34px;padding:6px 8px;border-radius:9px;background:#0d141f5c;color:#f6fbffe6;font-size:clamp(12px,1.7vh,14px);font-weight:850;text-align:left}.hud__key{min-width:32px;padding:4px 7px;border:1px solid rgba(255,240,189,.28);border-radius:7px;background:linear-gradient(180deg,#fff0bd33,#fff0bd14),#141d2bdb;color:#fff0bd;font-size:12px;font-weight:1000;line-height:1;text-align:center;box-shadow:inset 0 -2px #00000038}.hud__key--wide{min-width:58px}.hud__overlay-action--start{display:inline-block;margin-top:clamp(14px,2.8vh,22px);padding:10px 18px;border:1px solid rgba(137,242,165,.34);border-radius:999px;background:#89f2a524;color:#b9ffc8;font-size:clamp(15px,2.3vh,18px);font-weight:1000;letter-spacing:.04em;text-shadow:0 2px 10px rgba(0,0,0,.24)}@media (max-height: 680px){.hud{top:0;right:0;bottom:0;left:0;width:auto;padding:0;font-size:11px}.hud-hp{width:110px;height:110px}.hud-hp__dial{width:82px;height:82px}.hud-hp__readout strong{font-size:24px}.hud-strip{width:min(420px,calc(100vw - 320px));grid-template-columns:repeat(4,minmax(78px,1fr))}.hud-instrument{min-height:56px;padding:6px 7px}.hud-instrument__value{font-size:18px}.hud-instrument__label,.hud-instrument__sub{font-size:9px}.hud-status{bottom:82px}.hud-target,.hud__hint{display:none}.hud__overlay-panel{width:min(470px,calc(100vw - 24px));padding:16px 18px}.hud__overlay-controls{gap:5px 10px}.reticle{--reticle-scale: .86}.hud-radar{width:142px;height:156px;padding:8px 7px 7px}.hud-radar__canvas{width:126px;height:126px}}