:root{--ink:#06131a;--deep:#09252c;--cyan:#4eeaff;--amber:#ff9d2e;--magenta:#ff3bbf;--sand:#e6d69f;--fog:#b7e7e5}
.mission-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;width:min(920px,94vw);margin-bottom:9px}.briefing .mission-card{min-width:0;padding:10px 8px;border:1px solid #4eeaff33;background:#07151c;color:#fff;clip-path:none}.briefing .mission-card b{display:block;font:900 13px Impact;letter-spacing:.07em}.briefing .mission-card small{display:block;margin-top:5px;color:#78999d;font:800 6px "Arial Narrow";letter-spacing:.1em}.briefing .mission-card.selected{border-color:#ff9d2e;background:#2b190b;color:#ffd7a1}.briefing .coop-toggle{min-width:280px;margin-bottom:8px;padding:9px 18px;background:#112831;color:#9bb9bc;clip-path:none;border:1px solid #4eeaff44;font-size:8px}.briefing .coop-toggle.active{background:#123626;color:#76ffb5;border-color:#65ffaf}.briefing .coop-toggle span{display:inline-grid;place-items:center;width:25px;height:20px;margin:0 8px 0 0;background:#4eeaff;color:#041014;font-size:9px}.objective-hud{position:fixed;left:50%;top:18px;z-index:10;min-width:260px;padding:9px 18px;transform:translateX(-50%);border:1px solid #4eeaff55;background:#061820e8;text-align:center;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%)}.objective-hud[hidden],.boss-hud[hidden],.coop-hud[hidden]{display:none}.objective-hud small{display:block;color:#6f969a;font:800 6px monospace;letter-spacing:.18em}.objective-hud b{display:block;margin-top:4px;color:#fff;font:900 13px Impact;letter-spacing:.07em}.objective-hud span{display:block;margin-top:3px;color:#4eeaff;font:900 8px monospace}.boss-hud{position:fixed;left:50%;top:94px;z-index:11;width:min(500px,72vw);padding:9px 14px;transform:translateX(-50%);border:1px solid #ff9d2e;background:#210d0de8;text-align:center}.boss-hud small{color:#ff9d2e;font:900 6px monospace;letter-spacing:.2em}.boss-hud b{display:block;margin:3px;color:#fff;font:900 19px Impact;letter-spacing:.09em}.boss-hud i{display:block;height:7px;background:#25080d}.boss-hud i span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ff3b72,#ff9d2e);box-shadow:0 0 14px #ff5b42}.coop-hud{position:fixed;left:50%;bottom:19px;z-index:11;transform:translateX(-50%);padding:8px 13px;border:1px solid #65ffaf66;background:#061c16dd;color:#65ffaf;text-align:center}.coop-hud b{display:block;font:900 9px Impact;letter-spacing:.09em}.coop-hud small{display:block;margin-top:4px;font:800 6px monospace}@media(max-width:720px){.mission-selector{grid-template-columns:repeat(2,1fr)}.objective-hud{top:100px}.boss-hud{top:160px}.coop-hud{bottom:225px}}
#cameraGrid.camera-grid{padding:12px}#cameraGrid .camera-collection-head{margin-bottom:9px;padding:10px 13px}#cameraGrid .camera-collection-head b{font-size:22px}#cameraGrid .camera-model-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}#cameraGrid .camera-model-card{min-height:292px;padding:9px}#cameraGrid .camera-model-art{height:122px;margin:-5px -3px 6px}#cameraGrid .camera-model-card h3{font-size:22px}#cameraGrid .camera-model-card p{min-height:37px;font-size:8px}#cameraGrid .camera-mini-specs span{padding:5px 2px;font-size:8px}#cameraGrid .camera-actions button{min-height:32px;font-size:6px}@media(max-width:1350px){#cameraGrid .camera-model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){#cameraGrid .camera-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){#cameraGrid .camera-model-grid{grid-template-columns:1fr}}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:#fff;font-family:"Trebuchet MS",Verdana,sans-serif;touch-action:none;user-select:none}
button{font:inherit}
#game{display:block;width:100%;height:100%;cursor:crosshair;image-rendering:auto}
.hud-top{position:fixed;inset:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;padding:18px 22px;pointer-events:none;text-shadow:0 2px 8px #000;z-index:4}
.sound-button{position:fixed;left:22px;top:62px;z-index:8;border:1px solid #4eeaff55;background:#06171ddd;color:var(--cyan);padding:7px 10px;cursor:pointer;font:900 11px/1 monospace;letter-spacing:.12em;box-shadow:0 0 14px #4eeaff12}.sound-button span{font-size:8px;color:#a9c5c4}.sound-button.muted{border-color:#ffffff22;color:#687b7c}.sound-button.muted span{color:#687b7c}
.mission{display:flex;align-items:center;gap:9px;font:800 11px/1 "Arial Narrow",sans-serif;letter-spacing:.2em;color:var(--fog);padding:9px 12px;background:linear-gradient(90deg,#07161ed8,#07161e50);border-left:2px solid var(--cyan)}
.mission i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:pulse 1.1s infinite}
.score{text-align:right;border-right:2px solid var(--amber);padding:5px 11px 5px 25px;background:linear-gradient(270deg,#07161ed8,#07161e20)}
.score small{display:block;font:700 9px/1 "Arial Narrow",sans-serif;letter-spacing:.16em;color:#acd0ce}.score strong{display:block;font:900 30px/.95 Impact,sans-serif;letter-spacing:.06em;color:var(--sand)}
.radar-shell{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:104px;height:104px;border:1px solid #4eeaff66;border-radius:50%;background:#04121799;box-shadow:inset 0 0 24px #4eeaff15,0 0 30px #0007;overflow:hidden}.radar-shell:after{content:"";position:absolute;inset:50% 0 auto;border-top:1px solid #4eeaff22}.radar-shell canvas{width:100%;height:100%}.radar-shell b{position:absolute;top:3px;left:48%;font-size:8px;color:var(--cyan)}
.vitals{position:fixed;left:22px;bottom:22px;width:245px;z-index:4;pointer-events:none}.vital-label{display:flex;justify-content:space-between;font:800 10px/1 "Arial Narrow",sans-serif;letter-spacing:.18em;color:var(--fog);margin-bottom:7px}.vital-label b{color:#fff;font-size:14px}.vital-track{height:9px;padding:2px;background:#020a0d;border:1px solid #a8ffff44;clip-path:polygon(0 0,100% 0,95% 100%,0 100%)}.vital-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--cyan),#e1fff9);box-shadow:0 0 14px var(--cyan);transition:width .25s,background .25s}.ammo{display:flex;align-items:flex-end;justify-content:space-between;margin-top:11px;padding-top:8px;border-top:1px solid #ffffff1c}.ammo small{font:800 9px/1 "Arial Narrow",sans-serif;letter-spacing:.16em;color:#a3bfbd}.ammo b{font:900 31px/.8 Impact,sans-serif;color:var(--amber);letter-spacing:.04em}.ammo em{font:normal 11px/1 sans-serif;color:#8fa4a5}
.drone-status{display:flex;align-items:center;gap:7px;margin-top:11px;font:800 8px/1 "Arial Narrow",sans-serif;letter-spacing:.13em;color:#7f9a99}.drone-status i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.drone-status b{margin-left:auto;color:var(--cyan);font-size:8px}
.crosshair{position:fixed;left:50%;top:50%;width:46px;height:46px;transform:translate(-50%,-50%);z-index:3;pointer-events:none}.crosshair i{position:absolute;background:#dffffb;box-shadow:0 0 5px var(--cyan)}.crosshair i:nth-child(1){width:8px;height:1px;left:0;top:22px}.crosshair i:nth-child(2){width:8px;height:1px;right:0;top:22px}.crosshair i:nth-child(3){width:1px;height:8px;top:0;left:22px}.crosshair i:nth-child(4){width:1px;height:8px;bottom:0;left:22px}.crosshair b{position:absolute;left:20px;top:20px;width:5px;height:5px;border:1px solid var(--amber);transform:rotate(45deg)}
.hit-marker{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.5);font-size:38px;color:#fff;text-shadow:0 0 7px var(--amber);opacity:0;z-index:5;pointer-events:none}.hit-marker.show{animation:hit .2s ease-out}.damage-glow{position:fixed;inset:0;box-shadow:inset 0 0 90px 25px #ff3566;opacity:0;pointer-events:none;z-index:5}.damage-glow.show{animation:damage .4s}.scanline{position:fixed;left:0;right:0;top:-10%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),var(--magenta),transparent);box-shadow:0 0 22px 3px var(--cyan);opacity:.35;pointer-events:none;z-index:2;animation:scan 8s linear infinite}
.xray-panel{position:fixed;right:22px;bottom:24px;z-index:8}.xray-panel button{position:relative;width:122px;height:68px;border:1px solid #b971ff;background:linear-gradient(135deg,#35134fe8,#081c28e8);color:#fff;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);cursor:pointer;filter:drop-shadow(0 0 10px #a34eff55);transition:filter .2s,transform .2s}.xray-panel button:hover{filter:drop-shadow(0 0 16px #4eeaffaa);transform:translateY(-2px)}.xray-panel button span{position:absolute;left:13px;top:16px;font-size:25px;color:var(--cyan);text-shadow:0 0 12px var(--cyan)}.xray-panel button b,.xray-panel button small{display:block;margin-left:32px;text-align:left}.xray-panel button b{font:900 15px/1 Impact,sans-serif;letter-spacing:.12em}.xray-panel button small{margin-top:6px;font:700 7px/1 "Arial Narrow",sans-serif;letter-spacing:.12em;color:#bba6ce}.xray-panel button.active{background:linear-gradient(135deg,#9b38e8,#0d6b7b);animation:xrayButtonPulse .7s infinite alternate}.xray-panel button.used{border-color:#536269;background:#10191ddd;color:#647377;filter:none;cursor:default}.xray-panel button.used span{color:#59676d;text-shadow:none}.xray-overlay{display:none;position:fixed;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 24px,#50f4ff12 25px),radial-gradient(circle at center,transparent 25%,#4eeaff0d 68%,#b124ff24);box-shadow:inset 0 0 90px #30efff44}.xray-overlay:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#77f7ff22,transparent);animation:xraySweep 2s linear infinite}.xray-overlay div{position:absolute;top:132px;left:50%;transform:translateX(-50%);text-align:center;color:#d5fbff;text-shadow:0 0 14px #4eeaff}.xray-overlay small{display:block;font:700 7px/1 "Arial Narrow",sans-serif;letter-spacing:.24em}.xray-overlay b{display:block;margin-top:5px;font:900 17px/1 Impact,sans-serif;letter-spacing:.12em}.xray-overlay b span{color:#fff}.xray-active .xray-overlay{display:block}.xray-active .crosshair b{border-color:#ff55ed;box-shadow:0 0 12px #ff55ed}.xray-active .scanline{opacity:.8;animation-duration:1.4s}
.trap-panel{position:fixed;right:155px;bottom:24px;z-index:8}.trap-panel button{--trap:var(--amber);position:relative;width:136px;height:68px;border:1px solid color-mix(in srgb,var(--trap),transparent 22%);background:linear-gradient(135deg,#0b2d2eea,#07131bea);color:#fff;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);cursor:pointer;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--trap),transparent 68%));transition:.2s}.trap-panel button:hover{transform:translateY(-2px);filter:drop-shadow(0 0 16px var(--trap))}.trap-panel button:disabled{filter:none;opacity:.42;cursor:default}.trap-panel button span{position:absolute;left:13px;top:15px;font-size:27px;color:var(--trap);text-shadow:0 0 13px var(--trap);animation:trapSpin 4s linear infinite}.trap-panel button b,.trap-panel button small{display:block;margin-left:34px;text-align:left}.trap-panel button b{font:900 12px/1 Impact,sans-serif;letter-spacing:.08em}.trap-panel button small{margin-top:8px;font:700 7px/1 "Arial Narrow",sans-serif;letter-spacing:.1em;color:#a9c5c4}.trap-panel button i{font-style:normal;color:var(--trap);font-size:10px}
.shop-button{position:fixed;right:22px;bottom:104px;width:122px;height:68px;z-index:8;border:1px solid #ffb750;background:linear-gradient(135deg,#5c2f0ee8,#091c23ee);color:#fff;clip-path:polygon(0 0,88% 0,100% 100%,12% 100%);cursor:pointer;filter:drop-shadow(0 0 10px #ff9d2e44);transition:.2s}.shop-button:hover{filter:drop-shadow(0 0 17px #ff9d2eaa);transform:translateY(-2px)}.shop-button>span{position:absolute;left:14px;top:13px;font-size:27px;color:var(--amber);text-shadow:0 0 12px var(--amber)}.shop-button b,.shop-button small{display:block;margin-left:32px;text-align:left}.shop-button b{font:900 14px/1 Impact,sans-serif;letter-spacing:.12em}.shop-button small{margin-top:7px;font:700 7px/1 "Arial Narrow",sans-serif;letter-spacing:.1em;color:#d8b889}.shop-button i{font-style:normal;color:#fff;font-size:10px}
.weapon-shop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:26px;background:radial-gradient(circle at 50% 30%,#16434bd9,#02080cf5 70%);backdrop-filter:blur(8px)}.weapon-shop[hidden]{display:none}.shop-shell{width:min(1050px,96vw);max-height:94vh;overflow:auto;border:1px solid #4eeaff66;background:linear-gradient(145deg,#0d2930f5,#061117f5);box-shadow:0 0 0 4px #031015,0 24px 80px #000,0 0 50px #4eeaff22;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.shop-shell>header{display:flex;align-items:center;gap:24px;padding:20px 24px;border-bottom:1px solid #4eeaff33;background:linear-gradient(90deg,#0d3138,#10232c)}.shop-shell header p{margin:0 0 4px;font:800 8px/1 "Arial Narrow",sans-serif;letter-spacing:.3em;color:var(--cyan)}.shop-shell h2{margin:0;font:900 clamp(26px,4vw,44px)/1 Impact,sans-serif;letter-spacing:.06em}.shop-shell h2 span{color:var(--sand)}.shop-wallet{margin-left:auto;text-align:right;padding-right:18px;border-right:1px solid #ffffff26}.shop-wallet small{display:block;font:700 8px/1 sans-serif;letter-spacing:.2em;color:#8aa6a6}.shop-wallet b{display:block;margin-top:5px;font:900 24px/1 Impact,sans-serif;color:var(--amber)}#closeShop{width:40px;height:40px;border:1px solid #ffffff2e;background:#06151c;color:#fff;font-size:26px;cursor:pointer}.weapon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:18px}.weapon-grid article{position:relative;display:flex;flex-direction:column;min-width:0;padding:12px;border:1px solid #ffffff1c;background:linear-gradient(155deg,#17343a,#09181e 60%);transition:.2s;overflow:hidden}.weapon-grid article:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 65%,#4eeaff0b);pointer-events:none}.weapon-grid article.equipped{border-color:var(--cyan);box-shadow:inset 0 0 25px #4eeaff16,0 0 18px #4eeaff18}.weapon-code{position:absolute;right:9px;top:8px;z-index:2;font:900 9px/1 monospace;letter-spacing:.15em;color:#709493}.weapon-grid img{width:100%;height:190px;object-fit:contain;object-position:center;background:radial-gradient(circle,#28606a55,transparent 66%);filter:drop-shadow(0 10px 13px #0009)}.weapon-grid h3{margin:8px 4px 4px;font:900 22px/1 Impact,sans-serif;letter-spacing:.06em;color:var(--sand)}.weapon-grid p{height:30px;margin:3px 4px 10px;color:#93acab;font-size:11px}.weapon-stats{display:flex;gap:5px;margin:auto 4px 12px}.weapon-stats span{flex:1;padding:7px 4px;border-top:1px solid #ffffff1c;font:700 7px/1 "Arial Narrow",sans-serif;letter-spacing:.1em;color:#789292}.weapon-stats b{display:block;margin-top:5px;color:#fff;font-size:9px}.weapon-grid article>button{position:relative;border:0;background:var(--amber);color:#071116;padding:11px 8px;font:900 10px/1 sans-serif;letter-spacing:.12em;cursor:pointer;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}.weapon-grid article>button.owned{background:var(--cyan)}.weapon-grid article>button.equipped{background:#29434a;color:#8aa3a3;cursor:default}.weapon-grid article>button.locked{background:#18272c;color:#65777a}.shop-shell footer{padding:13px 20px;border-top:1px solid #ffffff14;text-align:center;font:700 9px/1 sans-serif;letter-spacing:.14em;color:#819a99}.shop-shell footer b{color:var(--amber)}.shop-shell footer span{margin:0 12px;color:#40595c}.shop-shell kbd{padding:3px 6px;border:1px solid #4eeaff55;background:#06151c;color:var(--cyan);font:900 10px/1 monospace}
.shop-tabs{position:sticky;top:0;z-index:5;display:flex;gap:1px;padding:0 18px;background:#07141ae8;border-bottom:1px solid #ffffff12;backdrop-filter:blur(8px)}.shop-tabs button{min-width:150px;padding:13px 20px;border:0;border-bottom:3px solid transparent;background:#0d242b;color:#759091;font:900 11px/1 "Arial Narrow",sans-serif;letter-spacing:.18em;cursor:pointer}.shop-tabs button b{margin-left:7px;color:#466164;font:900 9px/1 monospace}.shop-tabs button.active{border-bottom-color:var(--cyan);background:#12333a;color:#fff}.shop-tabs button.active b{color:var(--cyan)}.weapon-grid[hidden],.trap-grid[hidden]{display:none}.trap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:18px}.trap-grid article{--trap:var(--cyan);position:relative;display:flex;flex-direction:column;min-width:0;padding:14px;border:1px solid color-mix(in srgb,var(--trap),transparent 72%);background:linear-gradient(155deg,color-mix(in srgb,var(--trap),#102129 84%),#071419 64%);overflow:hidden;transition:.2s}.trap-grid article:hover{transform:translateY(-2px);border-color:var(--trap)}.trap-grid article.equipped{border-color:var(--trap);box-shadow:inset 0 0 30px color-mix(in srgb,var(--trap),transparent 88%),0 0 18px color-mix(in srgb,var(--trap),transparent 80%)}.trap-grid h3{margin:8px 4px 4px;font:900 23px/1 Impact,sans-serif;letter-spacing:.06em;color:#fff}.trap-grid p{height:32px;margin:4px 4px 12px;color:#9bb1b0;font-size:11px;line-height:1.35}.trap-grid article>button{border:0;background:var(--trap);color:#071116;padding:11px 8px;font:900 10px/1 sans-serif;letter-spacing:.12em;cursor:pointer;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}.trap-grid article>button.owned{background:var(--trap)}.trap-grid article>button.equipped,.trap-grid article>button.locked{background:#22353a;color:#708486}.trap-visual{position:relative;height:155px;margin:3px;background:radial-gradient(circle,color-mix(in srgb,var(--trap),transparent 80%),transparent 62%),repeating-linear-gradient(135deg,#ffffff05 0 2px,transparent 2px 12px);overflow:hidden}.trap-visual i,.trap-visual em{position:absolute;left:50%;top:50%;border:3px solid var(--trap);border-radius:50%;transform:translate(-50%,-50%) rotateX(58deg);box-shadow:0 0 18px var(--trap),inset 0 0 18px color-mix(in srgb,var(--trap),transparent 55%)}.trap-visual i{width:120px;height:120px}.trap-visual em{width:78px;height:78px;border-style:dashed;animation:trapSpin 5s linear infinite}.trap-visual b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:900 52px/1 Impact,sans-serif;color:var(--trap);text-shadow:0 0 20px var(--trap)}
.companion-drone{--drone:var(--cyan);position:fixed;top:27%;width:150px;height:112px;z-index:3;pointer-events:none;filter:drop-shadow(0 0 13px var(--drone));animation:droneFloat 2.4s ease-in-out infinite}.drone-centella{left:3%}.drone-ambar{--drone:var(--amber);right:3%;animation-delay:-1.1s}.companion-drone img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;animation:droneCore 1s steps(2,end) infinite}.companion-drone i{position:absolute;left:50%;top:76%;width:28px;height:34px;background:linear-gradient(var(--drone),transparent);clip-path:polygon(36% 0,64% 0,100% 100%,0 100%);opacity:.5;transform:translateX(-50%);mix-blend-mode:screen}.companion-drone b{position:absolute;top:104px;left:0;right:0;text-align:center;font:800 8px/1 "Arial Narrow",sans-serif;letter-spacing:.2em;color:var(--drone);text-shadow:0 1px 4px #000,0 0 9px var(--drone)}
.briefing,.end-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 40%,#123941c9,#030a0ef5 58%);z-index:20;padding:24px}.briefing{overflow:auto;justify-content:flex-start;padding-top:max(22px,4vh)}.briefing:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(90deg,transparent 0 70px,#4eeaff0a 71px),repeating-linear-gradient(0deg,transparent 0 70px,#4eeaff08 71px);perspective:400px;pointer-events:none}.prism-mark{position:relative;width:56px;height:52px;min-height:52px;margin-bottom:5px}.prism-mark i{position:absolute;inset:8px 14px;border:2px solid var(--cyan);transform:rotate(45deg);box-shadow:0 0 18px #4eeaff66}.prism-mark i:nth-child(2){transform:rotate(45deg) scale(.68);border-color:var(--magenta)}.prism-mark i:nth-child(3){transform:rotate(45deg) scale(.35);background:var(--amber);border:0;box-shadow:0 0 14px var(--amber)}
.eyebrow,.end-screen>p{font:800 10px/1 "Arial Narrow",sans-serif;letter-spacing:.38em;color:var(--cyan)}
.briefing h1,.end-screen h2{margin:6px 0 10px;font:900 clamp(46px,6.8vw,82px)/.76 Impact,"Arial Black",sans-serif;letter-spacing:.035em;transform:skew(-3deg);text-shadow:5px 5px 0 #08191f,9px 9px 0 #ff9d2e33}.briefing h1 span{color:var(--sand);-webkit-text-stroke:1px #fff}.brief{max-width:650px;margin:4px 0 15px;color:#b8cecd;font-size:13px;line-height:1.45}.briefing button,.end-screen button{position:relative;border:0;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);background:var(--amber);color:#081115;font-weight:900;letter-spacing:.12em;padding:15px 30px;min-width:240px;cursor:pointer;box-shadow:none;transition:filter .2s,transform .2s}.briefing button:hover,.end-screen button:hover{filter:brightness(1.16);transform:translateY(-2px)}.briefing button span{font-size:20px;margin-left:9px}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:14px;font:700 9px/1 "Arial Narrow",sans-serif;letter-spacing:.12em;color:#718c8d}.controls b{color:var(--cyan);margin-right:4px}
.map-selector{position:relative;display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:9px;width:min(920px,94vw);margin:0 0 14px}.briefing .map-card{--accent:var(--cyan);position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;height:112px;min-width:0;padding:11px 12px;border:1px solid #ffffff28;background:#07131b;color:#fff;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);overflow:hidden;text-align:left;letter-spacing:.08em}.briefing .map-card:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#03080cf5 2%,#06121b8a 62%,#06121b30),var(--map-image) center/cover;transition:transform .25s,filter .25s}.briefing .map-card:after{content:"";position:absolute;inset:0;z-index:-1;border-bottom:3px solid transparent;background:linear-gradient(115deg,transparent 60%,#4eeaff1f)}.briefing .map-card:hover{filter:none;transform:translateY(-3px);border-color:#ffffff70}.briefing .map-card:hover:before{transform:scale(1.06);filter:brightness(1.18)}.briefing .map-card.selected{border-color:var(--cyan);box-shadow:0 0 19px #4eeaff42}.briefing .map-card.selected:after{border-bottom-color:var(--cyan)}.briefing .map-card span{position:absolute;left:9px;top:8px;margin:0;color:#ffffffc9;font:900 9px/1 monospace}.briefing .map-card b{font:900 17px/1 Impact,sans-serif;letter-spacing:.07em;text-shadow:0 2px 6px #000}.briefing .map-card small{margin-top:5px;color:#a6c8c9;font:800 7px/1 "Arial Narrow",sans-serif;letter-spacing:.16em}
.shop-shell{width:min(1280px,96vw)}.weapon-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr))}.weapon-grid article{content-visibility:auto;contain-intrinsic-size:320px}.weapon-grid article:hover{border-color:#ffffff55;transform:translateY(-2px)}
.briefing[hidden],.end-screen[hidden]{display:none}.end-screen div{display:flex;gap:30px;margin:6px 0 24px}.end-screen div span{font:700 10px/1 "Arial Narrow",sans-serif;letter-spacing:.16em;color:#9eb7b5}.end-screen div b{display:block;margin-top:8px;color:var(--amber);font:900 27px/1 Impact,sans-serif}.end-screen h2{font-size:clamp(48px,8vw,92px);color:var(--sand)}
.touch-controls{display:none}.move-pad{position:fixed;left:25px;bottom:28px;width:126px;height:126px;border:2px solid #b7ffff44;border-radius:50%;background:#06151b88;z-index:9}.move-pad:before,.move-pad:after{content:"";position:absolute;background:#b7ffff22}.move-pad:before{left:12px;right:12px;top:50%;height:1px}.move-pad:after{top:12px;bottom:12px;left:50%;width:1px}.move-pad i{position:absolute;left:36px;top:36px;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b9ffff,var(--cyan) 30%,#0c6d79);box-shadow:0 0 20px #4eeaff66}.fire-button{position:fixed;right:27px;bottom:34px;width:94px;height:94px;border:2px solid #ffb84f88;border-radius:50%;background:#26150dcc;z-index:9}.fire-button i{position:absolute;inset:25px;border:3px solid var(--amber);border-radius:50%;box-shadow:0 0 16px var(--amber)}.reload-button{position:fixed;right:36px;bottom:142px;border:1px solid #4eeaff66;background:#071920bb;color:var(--fog);padding:10px 12px;font-size:9px;font-weight:900;letter-spacing:.1em;z-index:9}
@keyframes pulse{50%{opacity:.35}}@keyframes scan{to{top:110%}}@keyframes trapSpin{to{transform:translate(-50%,-50%) rotateX(58deg) rotateZ(360deg)}}@keyframes xraySweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes xrayButtonPulse{to{filter:drop-shadow(0 0 20px #4eeaff)}}@keyframes droneFloat{50%{transform:translateY(-13px) rotate(2deg)}}@keyframes droneCore{50%{filter:brightness(1.35) drop-shadow(0 0 8px var(--drone));transform:scale(1.025)}}@keyframes hit{20%{opacity:1;transform:translate(-50%,-50%) scale(1.25)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@keyframes damage{20%{opacity:.7}to{opacity:0}}
@media(max-width:720px),(pointer:coarse){.touch-controls{display:block}.sound-button{left:10px;top:47px}.radar-shell{width:82px;height:82px}.hud-top{padding:10px}.mission{font-size:8px;padding:7px}.score{padding-left:8px}.score small{font-size:7px}.score strong{font-size:24px}.vitals{left:14px;bottom:168px;width:180px}.crosshair{width:38px;height:38px}.crosshair i:nth-child(1),.crosshair i:nth-child(2){top:18px}.crosshair i:nth-child(3),.crosshair i:nth-child(4){left:18px}.crosshair b{left:16px;top:16px}.controls{display:none}.brief{font-size:11px;max-width:430px}.briefing h1{font-size:46px}.map-selector{grid-template-columns:repeat(2,1fr);width:min(480px,94vw)}.briefing .map-card{height:82px;padding:8px}.briefing .map-card b{font-size:14px}.briefing .map-card small{font-size:6px}.companion-drone{transform:scale(.7);top:31%}.drone-centella{left:2%}.drone-ambar{right:2%}.xray-panel{right:125px;bottom:36px}.xray-panel button{width:104px;height:58px}.xray-panel button span{font-size:20px;top:14px}.xray-panel button b{font-size:12px}.trap-panel{right:10px;bottom:36px}.trap-panel button{width:108px;height:58px}.trap-panel button span{font-size:21px;top:13px}.trap-panel button b{font-size:10px}.shop-button{left:50%;right:auto;bottom:108px;transform:translateX(-50%);width:108px;height:56px}.shop-button:hover{transform:translateX(-50%) translateY(-2px)}.weapon-shop{padding:8px}.shop-shell{max-height:97vh}.shop-shell>header{padding:13px}.shop-tabs button{min-width:0;flex:1}.weapon-grid,.trap-grid{grid-template-columns:1fr;padding:10px}.weapon-grid img{height:120px}.weapon-grid article,.trap-grid article{min-height:0}.weapon-grid p,.trap-grid p{height:auto}.trap-visual{height:110px}.shop-shell footer{line-height:1.5}.xray-overlay div{top:102px}}
.trap-panel button>img{position:absolute;left:6px;top:8px;width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 0 7px var(--trap))}.trap-panel button>img~b,.trap-panel button>img~small{margin-left:40px}.trap-visual img{position:absolute;inset:0;width:100%;height:100%;z-index:1;object-fit:contain;filter:drop-shadow(0 12px 12px #000b) drop-shadow(0 0 10px color-mix(in srgb,var(--trap),transparent 50%));transition:transform .2s}.trap-grid article:hover .trap-visual img{transform:translateY(-3px) scale(1.04)}.trap-visual em{z-index:2;opacity:.65}.trap-visual i{opacity:.45}@media(max-width:720px),(pointer:coarse){.trap-panel button>img{left:4px;top:8px;width:38px;height:38px}}
.trap-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:7px}.trap-actions button{min-height:36px;border:0;padding:8px 5px;background:var(--trap);color:#071116;font:900 8px/1.1 "Arial Narrow",sans-serif;letter-spacing:.08em;cursor:pointer;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}.trap-actions button:last-child{border:1px solid color-mix(in srgb,var(--trap),transparent 35%);background:linear-gradient(135deg,#172f35,#0a171c);color:var(--trap)}.trap-actions button.equipped,.trap-actions button.locked{background:#22353a;color:#708486;cursor:default}.trap-actions button.upgraded{border-color:#fff8;background:linear-gradient(135deg,var(--trap),#fff);color:#071116;cursor:default}.trap-grid article.upgraded{box-shadow:inset 0 0 34px color-mix(in srgb,var(--trap),transparent 82%)}
.archive-shell{width:min(1240px,97vw)!important}.live-stage{margin:16px 15px 5px;border:1px solid #4eeaff55;background:linear-gradient(145deg,#0d2a33,#041015 72%);box-shadow:inset 0 0 50px #4eeaff0c,0 10px 35px #0008}.live-stage[hidden]{display:none}.live-stage-head{display:flex;align-items:center;gap:18px;padding:12px 14px;border-bottom:1px solid #4eeaff2c;background:linear-gradient(90deg,#0c3039,#071a21)}.live-stage-head>div:first-child{margin-right:auto}.live-stage-head small,.live-stage-head b{display:block}.live-stage-head small{color:#759ba0;font:900 7px "Arial Narrow",sans-serif;letter-spacing:.2em}.live-stage-head b{margin-top:4px;color:#e8ffff;font:900 18px Impact,sans-serif;letter-spacing:.09em}.camera-switches{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.camera-switches button{min-width:62px;padding:7px 9px;border:1px solid #4eeaff38;background:#06151b;color:#75989c;font:900 7px monospace;cursor:pointer}.camera-switches button.active{border-color:#ff536e;background:#9d2035;color:#fff;box-shadow:0 0 12px #ff405f55}
.main-monitor{position:relative;margin:12px;aspect-ratio:16/9;overflow:hidden;border:2px solid #78989b;background:#010506;box-shadow:0 0 0 5px #02090c,0 0 0 6px #4eeaff44,inset 0 0 50px #000}.main-monitor canvas{display:block;width:100%;height:100%;object-fit:cover}.main-monitor:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#03101539 4px),radial-gradient(circle at center,transparent 55%,#0008 100%);mix-blend-mode:multiply}.monitor-rec,.main-monitor>time{position:absolute;z-index:4;top:15px;padding:7px 9px;border:1px solid #ffffff21;background:#02070bbb;font:900 10px monospace;letter-spacing:.1em;text-shadow:0 1px 4px #000}.monitor-rec{left:15px;color:#fff}.monitor-rec i{display:inline-block;width:9px;height:9px;margin-right:6px;border-radius:50%;background:#ff3859;box-shadow:0 0 12px #ff3859;animation:cameraRec 1s steps(2,end) infinite}.main-monitor>time{right:15px;color:#d8ffff}.monitor-corners{position:absolute;z-index:3;inset:38px;pointer-events:none}.monitor-corners i{position:absolute;width:50px;height:50px;border-color:#d9ffff;border-style:solid;filter:drop-shadow(0 0 5px #4eeaff)}.monitor-corners i:nth-child(1){left:0;top:0;border-width:2px 0 0 2px}.monitor-corners i:nth-child(2){right:0;top:0;border-width:2px 2px 0 0}.monitor-corners i:nth-child(3){left:0;bottom:0;border-width:0 0 2px 2px}.monitor-corners i:nth-child(4){right:0;bottom:0;border-width:0 2px 2px 0}
.monitor-controls{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:7px;padding:0 12px 12px}.monitor-controls button{min-height:44px;border:1px solid #4eeaff55;background:#0a2630;color:#a6e8ec;font:900 8px "Arial Narrow",sans-serif;letter-spacing:.12em;cursor:pointer}.monitor-controls button:hover{border-color:#4eeaff;background:#123c48;color:#fff}.monitor-controls #liveTeleport{border-color:#ffc36b;background:#ff9d2e;color:#120b05;font-size:9px}.monitor-controls #liveTeleport:disabled{border-color:#ffffff1c;background:#26383c;color:#6a7f82;cursor:default}@media(max-width:720px),(pointer:coarse){.live-stage{margin:9px}.live-stage-head{align-items:flex-start;padding:9px}.live-stage-head small{font-size:5.5px}.live-stage-head b{font-size:14px}.camera-switches{max-width:52%}.camera-switches button{min-width:48px;padding:6px 5px}.main-monitor{margin:8px}.monitor-corners{inset:18px}.monitor-corners i{width:28px;height:28px}.monitor-rec,.main-monitor>time{top:8px;padding:5px;font-size:7px}.monitor-rec{left:8px}.main-monitor>time{right:8px}.monitor-controls{grid-template-columns:1fr 1.35fr 1fr;padding:0 8px 8px}.monitor-controls button{min-height:38px;font-size:6px}.monitor-controls #liveTeleport{font-size:7px}}
@media(prefers-reduced-motion:reduce){.scanline,.mission i{animation:none}}
.dimension-panel{position:fixed;left:22px;top:94px;z-index:8}.dimension-panel button{position:relative;display:flex;align-items:center;width:214px;height:74px;padding:6px 9px;border:1px solid #a46aff88;background:linear-gradient(115deg,#200a3beF,#07131bea 72%);color:#fff;cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));box-shadow:inset 0 0 24px #9d49ff20,0 0 18px #6e2dff25;transition:.2s}.dimension-panel button:before{content:"01×";position:absolute;right:7px;top:6px;color:#d39cff;font:900 7px monospace}.dimension-panel img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 0 8px #b14fff)}.dimension-panel span{min-width:0;text-align:left}.dimension-panel b,.dimension-panel small{display:block}.dimension-panel b{font:900 13px/1 Impact,sans-serif;letter-spacing:.08em}.dimension-panel small{margin-top:9px;color:#c7a8ef;font:800 6.5px/1 "Arial Narrow",sans-serif;letter-spacing:.09em}.dimension-panel button.ready{border-color:#e39cff;background:linear-gradient(115deg,#6c1a8f,#151143);box-shadow:0 0 24px #be48ff88}.dimension-panel button.ready img{animation:dimensionPulse .8s ease-in-out infinite alternate}.dimension-panel button.used{filter:grayscale(1);opacity:.5;cursor:default}.dimension-panel button.nudge{animation:dimensionNudge .35s ease}.dimension-overlay{position:fixed;z-index:38;left:50%;top:22%;transform:translate(-50%,-50%);width:min(620px,88vw);padding:20px 28px;border-block:1px solid #eaa2ff;background:linear-gradient(90deg,transparent,#19082feF 15% 85%,transparent);text-align:center;pointer-events:none}.dimension-overlay[hidden]{display:none}.dimension-overlay small,.dimension-overlay b,.dimension-overlay span{display:block}.dimension-overlay small{color:#e7b9ff;font:900 7px monospace;letter-spacing:.35em}.dimension-overlay b{margin:7px 0;color:#fff;font:900 clamp(31px,5vw,57px)/1 Impact,sans-serif;letter-spacing:.08em;text-shadow:0 0 22px #d94cff}.dimension-overlay span{color:#77edff;font:800 8px "Arial Narrow",sans-serif;letter-spacing:.2em}.dimension-overlay.show{animation:dimensionArrival 2.1s ease both}.dimension-active .crosshair b{border-color:#e66cff;box-shadow:0 0 8px #e66cff}.dimension-active .mission{border-left-color:#e66cff}.dimension-active .mission i{background:#e66cff;box-shadow:0 0 12px #e66cff}
@keyframes dimensionPulse{to{filter:drop-shadow(0 0 18px #f576ff);transform:scale(1.045)}}@keyframes dimensionNudge{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}@keyframes dimensionArrival{0%{opacity:0;transform:translate(-50%,-50%) scaleX(.2)}15%,78%{opacity:1;transform:translate(-50%,-50%) scaleX(1)}100%{opacity:0;transform:translate(-50%,-50%) scaleX(1.15)}}
.vehicle-panel #autopilotButton{position:relative;display:grid;grid-template-columns:12px 36px 1fr;align-items:center;width:142px;min-height:28px;padding:5px 7px;border-color:#65ffaf55;background:#071d19;color:#a6ffd1;text-align:left}#autopilotButton[hidden]{display:none!important}#autopilotButton i{width:7px;height:7px;border-radius:50%;background:#4a6860;box-shadow:0 0 0 3px #4a686022}#autopilotButton b{font:900 9px Impact;letter-spacing:.12em}#autopilotButton small{overflow:hidden;color:#6f9b8b;font:800 5.5px monospace;white-space:nowrap;text-overflow:ellipsis}#autopilotButton.active{border-color:#65ffaf;background:#103d2e;box-shadow:0 0 18px #65ffaf44}#autopilotButton.active i{background:#65ffaf;box-shadow:0 0 10px #65ffaf;animation:pulse .7s infinite}#autopilotButton.active small{color:#a3ffd0}.autopilot-active .vehicle-panel #vehicleButton{border-color:#65ffaf}.vehicle-panel{position:fixed;right:20px;top:108px;z-index:8;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.vehicle-panel button{border:1px solid #55edff66;background:linear-gradient(115deg,#102e39ef,#07131bea);color:#fff;cursor:pointer;box-shadow:0 0 18px #4eeaff1f}.vehicle-panel #vehicleButton{display:flex;align-items:center;width:222px;height:72px;padding:5px 9px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}#vehicleButton img{width:88px;height:61px;object-fit:contain;filter:drop-shadow(0 6px 5px #000) drop-shadow(0 0 7px #4eeaff)}#vehicleButton span{text-align:left}#vehicleButton b,#vehicleButton small{display:block}#vehicleButton b{font:900 12px/1 Impact,sans-serif;letter-spacing:.06em}#vehicleButton small{margin-top:9px;color:#91dfe4;font:800 7px monospace}#vehicleButton.active{border-color:#ffad42;background:linear-gradient(115deg,#59300f,#0d2831);box-shadow:0 0 22px #ff9d2e55}#vehicleButton.active img{filter:drop-shadow(0 6px 5px #000) drop-shadow(0 0 12px #ff9d2e)}#vehicleButton.locked:not(.active){opacity:.72}.vehicle-panel #backseatButton{width:180px;padding:9px;background:#321655dd;border-color:#bc73ff;color:#fff}.vehicle-panel #backseatButton[hidden]{display:none}#backseatButton b,#backseatButton small{display:block}#backseatButton b{font:900 10px Impact;letter-spacing:.08em}#backseatButton small{margin-top:5px;color:#dfbaff;font:800 6px monospace}.vehicle-active .ammo b{color:#4eeaff}.vehicle-active .crosshair{opacity:.45}.autopilot-active .crosshair{opacity:.7;filter:drop-shadow(0 0 6px #65ffaf)}
.vehicle-grid{padding:18px}.vehicle-shop-card{display:grid;grid-template-columns:1.15fr .85fr;min-height:410px;border:1px solid #8eeeff55;background:linear-gradient(125deg,#18343d,#071217 62%);overflow:hidden}.vehicle-showroom{position:relative;min-height:390px;background:radial-gradient(ellipse at 50% 70%,#ff9d2e25,transparent 45%),repeating-linear-gradient(90deg,transparent 0 79px,#4eeaff0a 80px),#091a21}.vehicle-showroom:after{content:"";position:absolute;left:8%;right:8%;bottom:10%;height:2px;background:#4eeaff88;box-shadow:0 0 22px #4eeaff}.vehicle-showroom img{position:absolute;z-index:2;inset:7% 2% 3%;width:96%;height:90%;object-fit:contain;filter:drop-shadow(0 24px 18px #000d)}.vehicle-showroom>span{position:absolute;z-index:3;left:14px;top:13px;padding:7px 10px;border:1px solid #4eeaff55;background:#061419cc;color:#70f4ff;font:900 7px monospace;letter-spacing:.16em}.vehicle-showroom i{position:absolute;z-index:1;left:22%;right:22%;bottom:12%;height:38px;border:1px solid #ff9d2e55;border-radius:50%;transform:rotateX(72deg);box-shadow:0 0 26px #ff9d2e66}.vehicle-shop-copy{display:flex;flex-direction:column;justify-content:center;padding:28px}.vehicle-shop-copy>small{color:#ffb651;font:900 8px monospace;letter-spacing:.18em}.vehicle-shop-copy h3{margin:10px 0 7px;color:#fff;font:900 clamp(42px,5vw,72px)/.76 Impact,sans-serif;letter-spacing:.035em}.vehicle-shop-copy h3 span{color:#4eeaff}.vehicle-shop-copy p{color:#a9c4c6;font-size:13px;line-height:1.5}.vehicle-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0 18px}.vehicle-specs span{padding:10px 7px;border-top:1px solid #4eeaff55;background:#06151b;color:#78999c;font:800 6.5px "Arial Narrow";letter-spacing:.1em}.vehicle-specs b{display:block;margin-top:6px;color:#fff;font-size:11px}.vehicle-shop-copy button{padding:15px;border:0;background:#ff9d2e;color:#120a03;font:900 11px "Arial Narrow";letter-spacing:.14em;cursor:pointer;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.vehicle-shop-copy button.locked,.vehicle-shop-copy button.owned{background:#26383c;color:#7f9598;cursor:default}
.cyber-race{position:fixed;inset:0;z-index:55;display:grid;place-items:center;padding:18px;background:#02070af2;backdrop-filter:blur(12px)}.cyber-race[hidden]{display:none}.race-shell{width:min(1050px,96vw);border:1px solid #4eeaff88;background:#07141a;box-shadow:0 0 0 5px #020609,0 25px 90px #000,0 0 50px #4eeaff22}.race-shell>header{display:flex;align-items:center;gap:18px;padding:13px 17px;border-bottom:1px solid #4eeaff35;background:linear-gradient(90deg,#11343c,#17102c)}.race-shell header small{color:#92b8bc;font:800 7px monospace;letter-spacing:.18em}.race-shell h2{margin:3px 0 0;font:900 30px Impact;letter-spacing:.08em}.race-shell h2 span{color:#ff9d2e}.race-meters{display:flex;gap:8px;margin-left:auto}.race-meters span{padding:7px 10px;border-left:1px solid #4eeaff55;color:#769398;font:800 6px monospace;letter-spacing:.1em}.race-meters b{display:block;margin-top:4px;color:#fff;font-size:15px}.race-shell header>button{width:38px;height:38px;border:1px solid #ffffff33;background:#07151b;color:#fff;font-size:23px;cursor:pointer}.back-seat{position:relative;margin:12px;aspect-ratio:900/520;overflow:hidden;border:2px solid #8da6aa;background:#03080b;box-shadow:inset 0 0 60px #000}.back-seat canvas{display:block;width:100%;height:100%}.back-seat:after{content:"PILOTO AUTOMÁTICO · VEHÍCULO PRINCIPAL EN MOVIMIENTO";position:absolute;left:50%;top:10px;transform:translateX(-50%);padding:6px 9px;border:1px solid #62ffb255;background:#052119cc;color:#77ffc0;font:900 7px monospace;letter-spacing:.12em;white-space:nowrap}.seat-edge{position:absolute;bottom:-2%;width:23%;height:34%;border:4px solid #313d44;background:linear-gradient(#17232a,#060b0e);border-radius:55% 55% 0 0;box-shadow:inset 0 0 28px #000}.seat-edge.left{left:-8%;transform:rotate(8deg)}.seat-edge.right{right:-8%;transform:rotate(-8deg)}.race-shell>footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:5px 14px 14px;color:#86a1a4;font:800 7px "Arial Narrow";letter-spacing:.1em}.race-shell footer>b{color:#4eeaff}.race-shell kbd{display:inline-grid;place-items:center;min-width:24px;height:24px;margin:0 2px;border:1px solid #ffffff33;background:#13252c;color:#fff;font:900 8px monospace}
.camera-panel{position:fixed;right:300px;bottom:24px;z-index:8;display:flex;align-items:flex-end;gap:5px}.camera-panel>button{border:1px solid #4eeaff88;background:linear-gradient(135deg,#0a3240ee,#07131bea);color:#fff;cursor:pointer;filter:drop-shadow(0 0 10px #4eeaff33);transition:.2s}.camera-panel>button:hover{transform:translateY(-2px);filter:drop-shadow(0 0 16px #4eeaff99)}#cameraButton{position:relative;width:138px;height:68px;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}#cameraButton:disabled{opacity:.42;filter:none;cursor:default}#cameraButton img{position:absolute;left:3px;top:5px;width:57px;height:57px;object-fit:contain;filter:drop-shadow(0 0 8px #4eeaff)}#cameraButton b,#cameraButton small{display:block;margin-left:48px;text-align:left}#cameraButton b{font:900 12px/1 Impact,sans-serif;letter-spacing:.1em}#cameraButton small{margin-top:8px;font:700 6.5px/1 "Arial Narrow",sans-serif;letter-spacing:.08em;color:#a9d7dc}#cameraButton i{font-style:normal;color:#4eeaff;font-size:10px}#archiveButton{height:38px;padding:0 11px;font:900 7px/1 "Arial Narrow",sans-serif;letter-spacing:.1em;white-space:nowrap}#archiveButton span{color:#ff405f;animation:cameraRec 1s steps(2,end) infinite}#archiveButton i{display:inline-grid;place-items:center;min-width:16px;height:16px;margin-left:5px;border-radius:50%;background:#4eeaff;color:#061116;font-style:normal;font-size:8px}
.weapon-grid[hidden],.trap-grid[hidden],.camera-grid[hidden],.vehicle-grid[hidden]{display:none}.camera-grid{padding:20px}.camera-shop-card{position:relative;display:grid;grid-template-columns:minmax(260px,.85fr) 1.15fr;gap:22px;min-height:360px;padding:20px;border:1px solid #4eeaff55;background:radial-gradient(circle at 24% 45%,#1f718244,transparent 33%),linear-gradient(145deg,#102e37,#071419 68%);overflow:hidden}.camera-shop-card:after{content:'SURVEILLANCE // CV-20';position:absolute;right:-30px;bottom:35px;color:#4eeaff0c;font:900 68px/1 Impact;transform:rotate(-8deg);pointer-events:none}.camera-shop-visual{position:relative;min-height:310px;border:1px solid #4eeaff25;background:repeating-linear-gradient(0deg,transparent 0 25px,#4eeaff09 26px),radial-gradient(circle,#1f687555,transparent 62%);overflow:hidden}.camera-shop-visual:before,.camera-shop-visual:after{content:'';position:absolute;left:50%;top:50%;border:1px solid #4eeaff55;border-radius:50%;transform:translate(-50%,-50%)}.camera-shop-visual:before{width:230px;height:230px}.camera-shop-visual:after{width:165px;height:165px;border-style:dashed;animation:cameraRing 8s linear infinite}.camera-shop-visual img{position:absolute;z-index:2;inset:5%;width:90%;height:90%;object-fit:contain;filter:drop-shadow(0 18px 18px #000c) drop-shadow(0 0 12px #4eeaff77)}.camera-shop-visual span{position:absolute;z-index:3;left:13px;top:12px;padding:6px 8px;border:1px solid #ff405f77;background:#250912cc;color:#ff7188;font:900 8px monospace;letter-spacing:.13em}.camera-shop-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:15px}.camera-shop-copy>small{color:#4eeaff;font:900 8px/1 "Arial Narrow";letter-spacing:.22em}.camera-shop-copy h3{margin:9px 0 6px;color:#fff;font:900 clamp(34px,5vw,62px)/.82 Impact;letter-spacing:.05em}.camera-shop-copy p{max-width:550px;margin:8px 0 22px;color:#a9c2c4;font-size:13px;line-height:1.5}.camera-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:16px}.camera-specs span{padding:10px;border-top:1px solid #4eeaff44;background:#06151b99;color:#718e91;font:800 7px "Arial Narrow";letter-spacing:.12em}.camera-specs b{display:block;margin-top:7px;color:#fff;font-size:13px}.camera-shop-copy button{padding:14px;border:0;background:#4eeaff;color:#051115;font:900 11px "Arial Narrow";letter-spacing:.14em;cursor:pointer;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.camera-shop-copy button.locked{background:#22353a;color:#71878a;cursor:default}
.camera-archive{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 28%,#153e49ed,#02070af8 72%);backdrop-filter:blur(10px)}.camera-archive[hidden]{display:none}.archive-shell{width:min(1120px,96vw);max-height:94vh;overflow:auto;border:1px solid #4eeaff77;background:#061218;box-shadow:0 0 0 4px #02090c,0 25px 90px #000,0 0 44px #4eeaff22}.archive-shell>header{position:sticky;z-index:5;top:0;display:flex;align-items:center;gap:18px;padding:17px 20px;border-bottom:1px solid #4eeaff33;background:#0b2730f5;backdrop-filter:blur(8px)}.archive-shell header small{font:800 7px "Arial Narrow";letter-spacing:.24em;color:#7ca1a5}.archive-shell h2{margin:4px 0 0;font:900 31px/1 Impact;letter-spacing:.07em}.archive-shell h2 span{color:#4eeaff}.archive-live{margin-left:auto;padding:8px 11px;border:1px solid #ff405f66;color:#ff7890;font:900 8px monospace;letter-spacing:.12em}.archive-live i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#ff405f;box-shadow:0 0 9px #ff405f;animation:cameraRec 1s steps(2,end) infinite}#closeArchive{width:40px;height:40px;border:1px solid #ffffff33;background:#06151c;color:#fff;font-size:25px;cursor:pointer}.archive-summary{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #ffffff16}.archive-summary span{padding:13px 18px;color:#708b8f;font:800 7px "Arial Narrow";letter-spacing:.15em}.archive-summary span+span{border-left:1px solid #ffffff12}.archive-summary b{display:block;margin-top:5px;color:#fff;font:900 18px Impact}.camera-feeds{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px}.camera-feed{padding:8px;border:1px solid #4eeaff32;background:#0a2027}.camera-feed.alert{border-color:#ff405f;box-shadow:0 0 18px #ff405f33}.feed-screen{position:relative;height:155px;overflow:hidden;background:repeating-linear-gradient(0deg,#061116 0 4px,#0d2c34 5px)}.feed-screen img{width:100%;height:100%;object-fit:contain;filter:grayscale(.35) contrast(1.15) drop-shadow(0 0 12px #4eeaff55);opacity:.82}.feed-screen i{position:absolute;inset:0;background:linear-gradient(90deg,transparent,#4eeaff14,transparent);animation:xraySweep 2.4s linear infinite}.feed-screen span{position:absolute;left:7px;top:7px;padding:4px 6px;background:#02090cbb;color:#ff6b83;font:900 7px monospace}.camera-feed>small,.camera-feed>b,.camera-feed>em{display:block}.camera-feed>small{margin-top:8px;color:#638086;font:800 6px "Arial Narrow";letter-spacing:.14em}.camera-feed>b{margin-top:4px;color:#fff;font:900 13px Impact;letter-spacing:.06em}.camera-feed>em{margin-top:5px;color:#4eeaff;font:800 7px monospace;font-style:normal}.empty-cameras{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;padding:28px;color:#66858a;text-align:center}.empty-cameras img{width:180px;height:130px;object-fit:contain;opacity:.45;filter:grayscale(1)}.empty-cameras b{font:900 20px Impact}.empty-cameras small{margin-top:8px;font:800 7px monospace}.recording-log{margin:0 15px 15px;border:1px solid #ffffff19}.log-heading{display:flex;align-items:center;gap:10px;padding:11px;background:#0c252c}.log-heading b{font:900 13px Impact;letter-spacing:.1em}.log-heading small{margin-left:auto;color:#617e83;font:800 6px monospace}.recording-log>div:last-child{max-height:260px;overflow:auto}.recording-log article{display:grid;grid-template-columns:64px 80px 1fr 90px;align-items:center;gap:8px;padding:9px 11px;border-top:1px solid #ffffff0e;font-size:9px}.recording-log time{color:#fff;font:900 10px monospace}.recording-log article>span{color:#4eeaff;font:800 8px monospace}.recording-log article>b{color:#c7d9da;letter-spacing:.05em}.recording-log article>em{justify-self:end;padding:4px 6px;background:#17343c;color:#7feeff;font:800 7px monospace;font-style:normal}.recording-log article[data-record-type="GUARDIA"]>em{background:#3b1235;color:#ff79e9}.recording-log article[data-record-type="TÚ"]>em{background:#3a240e;color:#ffc66c}.recording-log article[data-record-type="PULSO"]>em{background:#381426;color:#ff7398}.empty-log{padding:30px;text-align:center;color:#5c777c;font:800 8px monospace}.end-archive-button{margin-bottom:9px!important;background:#4eeaff!important}
@keyframes cameraRec{50%{opacity:.25}}@keyframes cameraRing{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:900px){.camera-panel{right:265px}.camera-shop-card{grid-template-columns:1fr}.camera-shop-visual{min-height:220px}.camera-feeds{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px),(pointer:coarse){.camera-panel{left:50%;right:auto;bottom:171px;transform:translateX(-50%)}#cameraButton{width:112px;height:54px}#cameraButton img{width:45px;height:45px}#cameraButton b,#cameraButton small{margin-left:39px}#archiveButton{height:32px;padding:0 7px}.camera-grid{padding:9px}.camera-shop-card{padding:10px;gap:8px}.camera-shop-visual{min-height:150px}.camera-shop-copy{padding:8px}.camera-shop-copy h3{font-size:34px}.camera-shop-copy p{margin-bottom:12px}.camera-archive{padding:6px}.archive-shell{max-height:98vh}.archive-shell>header{padding:10px}.archive-live{display:none}.archive-summary span{padding:9px}.camera-feeds{grid-template-columns:1fr;padding:9px}.feed-screen{height:120px}.recording-log{margin:0 9px 9px}.recording-log article{grid-template-columns:48px 56px 1fr}.recording-log article>em{display:none}.log-heading small{display:none}}
@media(max-width:720px),(pointer:coarse){.dimension-panel{left:8px;top:84px}.dimension-panel button{width:152px;height:58px;padding:4px}.dimension-panel img{width:49px;height:49px}.dimension-panel b{font-size:10px}.dimension-panel small{margin-top:6px;font-size:5px}}
@media(max-width:720px),(pointer:coarse){.vehicle-panel{right:7px;top:82px}.vehicle-panel #vehicleButton{width:153px;height:58px;padding:4px}#vehicleButton img{width:64px;height:47px}#vehicleButton b{font-size:9px}#vehicleButton small{font-size:5px;margin-top:5px}.vehicle-panel #backseatButton{width:135px;padding:7px}.vehicle-grid{padding:8px}.vehicle-shop-card{grid-template-columns:1fr;min-height:0}.vehicle-showroom{min-height:210px}.vehicle-shop-copy{padding:15px}.vehicle-shop-copy h3{font-size:42px}.cyber-race{padding:5px}.race-shell>header{padding:8px}.race-shell header small{font-size:5px}.race-shell h2{font-size:21px}.race-meters span{padding:5px;font-size:5px}.race-meters b{font-size:11px}.back-seat{margin:7px}.back-seat:after{top:5px;font-size:5px}.race-shell>footer{font-size:5px;padding:3px 8px 8px}.race-shell footer>b{display:none}.race-shell kbd{min-width:20px;height:20px}}
.feed-screen canvas{display:block;width:100%;height:100%;object-fit:cover}.feed-screen time{position:absolute;right:7px;top:7px;padding:4px 6px;background:#02090cbb;color:#d9ffff;font:900 7px monospace}.camera-feed.selected{grid-column:span 2;border-color:#4eeaff;box-shadow:0 0 22px #4eeaff33}.camera-feed.selected .feed-screen{height:285px}.camera-feed.selected .feed-screen span{color:#fff;background:#c92747dd;box-shadow:0 0 12px #ff405f}.feed-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.feed-actions button{min-height:34px;border:1px solid #4eeaff55;background:#102c34;color:#9ddfe5;font:900 7px "Arial Narrow";letter-spacing:.1em;cursor:pointer}.feed-actions button:first-child{background:#4eeaff;color:#061116}.camera-feed.selected .feed-actions button:first-child{background:#ff405f;color:#fff;border-color:#ff8b9c}.feed-actions button:last-child{background:#ff9d2e;color:#160c04;border-color:#ffc16b}.feed-actions button:disabled{background:#26383c;color:#6a7f82;border-color:#ffffff18;cursor:default}@media(max-width:720px),(pointer:coarse){.camera-feed.selected{grid-column:span 1}.camera-feed.selected .feed-screen{height:210px}.feed-actions button{min-height:40px;font-size:8px}}
.camera-collection-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:5px 22px;margin-bottom:14px;padding:14px 16px;border-left:4px solid #4eeaff;background:linear-gradient(90deg,#123642aa,transparent)}.camera-collection-head small{color:#4eeaff;font:900 7px "Arial Narrow";letter-spacing:.22em}.camera-collection-head b{grid-column:1;color:#fff;font:900 28px/.9 Impact;letter-spacing:.05em}.camera-collection-head span{grid-column:2;grid-row:1/3;max-width:260px;color:#87a8ac;font:700 10px/1.4 "Arial Narrow";letter-spacing:.06em}.camera-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.camera-model-card{position:relative;min-height:370px;padding:12px;border:1px solid color-mix(in srgb,var(--camera) 42%,#183039);background:linear-gradient(160deg,color-mix(in srgb,var(--camera) 12%,#10242b),#071319 62%);overflow:hidden;transition:.2s}.camera-model-card:hover{transform:translateY(-3px);border-color:var(--camera);box-shadow:0 16px 36px #0008,0 0 22px color-mix(in srgb,var(--camera) 26%,transparent)}.camera-model-card.equipped{outline:2px solid var(--camera);outline-offset:-4px}.camera-model-card .weapon-code{z-index:4}.camera-model-art{height:174px;margin:-4px -4px 9px;background-image:url('assets/camera-models.png');background-size:500% 100%;background-position:calc(var(--frame)*25%) center;background-repeat:no-repeat;filter:drop-shadow(0 14px 12px #000c) drop-shadow(0 0 13px var(--camera))}.camera-model-card>small{color:var(--camera);font:900 7px "Arial Narrow";letter-spacing:.16em}.camera-model-card h3{margin:6px 0 5px;color:#fff;font:900 28px/.9 Impact;letter-spacing:.06em}.camera-model-card p{min-height:42px;margin:0 0 10px;color:#9ab4b7;font-size:9px;line-height:1.45}.camera-mini-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:9px}.camera-mini-specs span{padding:7px 3px;border-top:1px solid var(--camera);background:#020a0e88;color:#d9ffff;text-align:center;font:900 9px monospace}.camera-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:5px}.camera-actions button{min-height:36px;border:1px solid var(--camera);background:var(--camera);color:#041014;font:900 7px "Arial Narrow";letter-spacing:.08em;cursor:pointer}.camera-actions button:first-child{background:#0c252c;color:var(--camera)}.camera-actions button.equipped{background:var(--camera);color:#041014}.camera-actions button.locked{border-color:#31464a;background:#1b2c30;color:#657c80;cursor:default}@media(max-width:900px){.camera-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.camera-collection-head{grid-template-columns:1fr}.camera-collection-head span{grid-column:1;grid-row:auto}.camera-model-grid{grid-template-columns:1fr}.camera-model-card{min-height:350px}.camera-model-art{height:165px}}