/* Screen-space holographic glass: perspective is cosmetic; crosshair stays fixed. */
:root{--holo:#83f4ff;--holo-dim:#367781;--holo-glass:rgba(4,25,36,.8)}
.holo-panel{isolation:isolate;overflow:visible;background:linear-gradient(116deg,#123f506e 0%,#041621d9 36%,#071e2be8 100%);border:0;box-shadow:inset 0 0 30px #46cfff0a,0 12px 30px #0005}
.holo-frame{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);overflow:visible;pointer-events:none;z-index:-1;fill:none;filter:drop-shadow(0 0 3px #57e9fa88)}
.holo-frame path{vector-effect:non-scaling-stroke}.holo-outline{stroke:#58c8db;stroke-width:1;opacity:.8}.holo-inner{stroke:#357c8a;stroke-width:.7;opacity:.8}.holo-lit{stroke:#a0f7ff;stroke-width:2.4}.holo-detail{stroke:#79ccda;stroke-width:.8;opacity:.5}
.holo-panel:after{content:'';position:absolute;inset:10px;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 0%,#9bf3ff0c 31%,transparent 32%),repeating-linear-gradient(0deg,transparent 0px,transparent 4px,#63c3df05 5px);border-top:1px solid #74d5e51c;border-bottom:1px solid #74d5e51c}
/* Outer panels lean toward the world instead of looking like flat rectangles. */
.mission-tracker{left:3.3vw;top:100px;width:245px;padding:23px 22px 20px;transform:perspective(850px) rotateY(14deg) rotateZ(2deg);transform-origin:left center;border:0;background:linear-gradient(110deg,#10394ad9,#051724e8);box-shadow:inset 5px 0 14px #6de8ff0a,8px 10px 24px #0005}
.mission-tracker>span{font-size:8px;color:#85bfc9;letter-spacing:.11em}.mission-tracker h2{color:#c9f9ff;text-shadow:0 0 10px #62eeff35;font-size:22px;margin:16px 0 20px}.mission-tracker ol{gap:12px}.mission-tracker li{font-size:11px;color:#799aa7;line-height:1.45;padding-left:25px}.mission-tracker li:before{font-size:16px;top:-3px;color:#8ae6e9;text-shadow:0 0 5px #3ee9fd55}.mission-tracker li[data-state=current]{color:#fff0ad;text-shadow:0 0 6px #efcd7c30}.mission-tracker li[data-state=current]:before{color:#ffe49a}.mission-tracker li[data-state=done]{color:#a0d6d8}.mission-timer{color:#b0e9ef;border-color:#62c4d64d;letter-spacing:.08em}.mission-tracker small{color:#8caeb9;line-height:1.8}
.right-panel{top:106px;right:3.3vw;width:258px;padding:17px 13px 13px;transform:perspective(850px) rotateY(-14deg) rotateZ(-2deg);transform-origin:right center;background:linear-gradient(250deg,#10374780,#04121d66);border:0}
.right-panel>.eyebrow{color:#a0ebf0;font-size:10px;letter-spacing:.24em;margin:0 0 15px 9px}.right-panel>.holo-frame{opacity:.45}.loadout-card{position:relative;overflow:visible;clip-path:none;height:61px;padding:10px 12px;margin:11px 3px;border:0;background:linear-gradient(110deg,#163b4b66,#03151dbb);opacity:1!important;box-shadow:none;gap:10px;transition:background .15s,box-shadow .15s}
.loadout-card .holo-frame{opacity:.4;filter:none}.loadout-card:not(.active) b{color:#8eacb8}.loadout-card:not(.active) .weapon-icon{opacity:.7}.loadout-card.active{background:linear-gradient(110deg,#164d60cc,#0a2839ee);box-shadow:inset 4px 0 13px #67edff25,0 0 16px #39c3e21c;transform:translateX(-4px)}.loadout-card.active .holo-frame{opacity:1;filter:drop-shadow(0 0 4px #78efffa0)}.loadout-card.active .holo-lit{stroke:#c6ffff;stroke-width:3}.loadout-card b{font-size:12px;color:#d7faff;letter-spacing:.08em;text-shadow:0 0 5px #4acfe326}.loadout-card small{font-size:6px!important;color:#7fa9b6}.loadout-card strong{font-size:8px;color:#75c0ce;align-self:flex-start;position:absolute;right:7px;top:5px}.loadout-card .weapon-icon{width:65px!important;flex-basis:65px;height:36px!important}.loadout-card.active .weapon-icon{filter:drop-shadow(0 0 3px #8ee9ff50)}
.tactical-radar{left:3.3vw!important;width:180px!important;padding:15px!important;border:0!important;background:linear-gradient(120deg,#123b4ad9,#051722eb)!important;transform:perspective(900px) rotateY(8deg) rotateZ(.8deg);transform-origin:left center}.tactical-radar>div{color:#b3eced;font-size:9px;letter-spacing:.1em}.tactical-radar canvas{display:block;width:100%!important;height:auto!important;outline:1px solid #5babbc66;outline-offset:3px}
/* No duplicate mission bar or stage counter returns to the bottom edge. */
footer{bottom:max(27px,env(safe-area-inset-bottom));left:3.3vw;right:3.3vw;background:none;border:0;padding:0}
footer .health{width:292px;height:89px;padding:17px 15px 12px 72px;position:relative;border:0;background:linear-gradient(105deg,#103d4dda,#031926d9);transform:perspective(900px) rotateY(5deg) rotateZ(-.7deg);transform-origin:left bottom}
footer .health .eyebrow{font:9px monospace;color:#b6e4e9;letter-spacing:.06em}.health-symbol{position:absolute;left:16px;top:25px;width:40px;height:40px;color:#a0f7ff;filter:drop-shadow(0 0 4px #62e3ff66)}
footer .health b{display:block;font:32px/1 monospace;color:#d1fffc;margin-top:9px;text-shadow:0 0 8px #66e7f835}
footer .health .bar{position:absolute;left:139px;right:18px;bottom:26px;height:9px;margin:0;background:#24424c}.health .bar i{background:repeating-linear-gradient(90deg,#87faff 0px,#87faff 5px,#39818d 6px,#39818d 7px)!important;box-shadow:0 0 8px #59dfe950}
footer .ammo{position:relative;min-width:194px;height:89px;padding:18px 23px 15px 42px;border:0;background:linear-gradient(250deg,#103b4edb,#031925dc);transform:perspective(900px) rotateY(-6deg) rotateZ(.7deg);transform-origin:right bottom}footer .ammo span{color:#b0dce4;font-size:9px}footer .ammo b{font-size:35px;text-shadow:0 0 8px #5ee5f535}footer .ammo i{font-size:13px;color:#91beca}.ammo-symbol{position:absolute;left:18px;top:35px;width:12px;height:32px;color:#86edf3;filter:drop-shadow(0 0 3px #56cee855)}
/* Header and compass act as a thin canopy, not another large panel. */
.topbar{height:65px;border-bottom:1px solid #6bc4d345;background:linear-gradient(180deg,#051823f5,#04131b99);box-shadow:0 3px 12px #35dfff0a}.brand{color:#c3faff;letter-spacing:.18em;text-shadow:0 0 9px #55dfff55;padding-left:18px}.brand .dot{position:relative;width:11px;height:11px;margin-right:20px;box-shadow:0 0 13px #6af0ff}.brand .dot:before,.brand .dot:after{content:'';position:absolute;inset:-10px;border:1px solid #5798a6;border-radius:50%}.brand .dot:after{inset:-15px;border:1px dashed #447987;opacity:.8}.brand small{color:#84abb8}.topstat{font-size:9px;color:#8fb4c0}.compass{top:77px;color:#84d3dd}.compass b{color:#d0ffff;border-top-color:#98f6ff;box-shadow:0 0 8px #5edfff22}.compass:before{color:#86e4eb;text-shadow:0 0 5px #69e7f755}.center-reticle{box-shadow:0 0 11px #70faff}
.boss-mechanic{border:0;background:linear-gradient(90deg,#112334df,#172a3cee);padding:14px 20px}.boss-mechanic .holo-outline,.boss-mechanic .holo-lit{stroke:#ffa9d1}.boss-mechanic[data-exposed=true] .holo-lit{stroke:#8bffe4}.objective-marker span{border-color:#64b5c16e;box-shadow:0 0 8px #58d8eb13}.interact-prompt{border-color:#79d4da80;background:linear-gradient(110deg,#15333ee6,#061b28ef);box-shadow:inset 0 0 18px #55edff09}
@media(max-width:1200px){.mission-tracker{width:211px;padding:19px 17px}.mission-tracker h2{font-size:19px}.mission-tracker li{font-size:10px}.right-panel{width:229px;padding:14px 10px}.loadout-card{padding:8px 9px;gap:7px}.loadout-card b{font-size:10px}.loadout-card .weapon-icon{width:54px!important;flex-basis:54px}}
@media(max-height:820px){.mission-tracker{top:95px;padding-top:18px;padding-bottom:16px}.mission-tracker h2{font-size:20px;margin:13px 0 16px}.mission-tracker ol{gap:10px}.mission-tracker small{display:none}.right-panel{top:100px}.loadout-card{height:55px;margin-top:9px;margin-bottom:9px}.tactical-radar{bottom:145px!important}}
@media(max-width:700px){.mission-tracker{top:84px;left:18px;width:175px;transform:none;padding:12px}.mission-tracker h2{display:none}.mission-tracker li{padding-left:21px;font-size:10px}.mission-tracker ol{gap:0}.right-panel{display:none}footer{left:18px;right:18px;bottom:18px}footer .health{width:175px;height:77px;padding:15px 12px 12px 48px;transform:none}footer .health .eyebrow{font-size:8px}footer .health b{font-size:28px;margin-top:8px}.health-symbol{width:25px;height:25px;left:12px;top:29px}footer .health .bar{left:96px;right:12px;bottom:24px;height:6px}footer .ammo{min-width:129px;height:77px;padding:15px 14px 10px 27px;transform:none}footer .ammo b{font-size:29px}footer .ammo i{font-size:11px}.ammo-symbol{left:11px;top:33px;width:9px;height:26px}.brand{font-size:11px;padding-left:6px}.brand .dot{margin-right:11px}.brand .dot:after{display:none}.holo-frame{filter:none}.boss-mechanic .holo-frame{opacity:.6}}
@media(prefers-reduced-motion:reduce){.loadout-card{transition:none}}

.mission-card.holo-panel{padding:24px;background:linear-gradient(110deg,#0b2935ee,#051722e8);margin-block:12px}.mission-card>.holo-frame{opacity:.7}.mission-card>#deploy{box-shadow:0 0 18px #78e4dd20}.mission-card .level-menu a[aria-current=page]{box-shadow:inset 0 0 14px #67ebff15;border-color:#77dce5}
@media(max-width:700px){.mission-card.holo-panel{padding:18px}}