:root{
  --void:#020305;--space:#05070b;--deep:#080e18;--steel:#1b2634;--steel2:#35465a;--plate:#121b28f2;--plate2:#08101af4;
  --edge:#8da9c14a;--edge2:#aac9e699;--text:#dcecff;--muted:#8298ae;--blue:#58a8ff;--cyan:#56e8ff;--green:#6dff9a;--amber:#f7c35c;--red:#ff4c42;--orange:#ff8b3d;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}button,input,select{font:inherit}body{margin:0;height:100vh;overflow:hidden;color:var(--text);font-family:var(--sans);background:#020305;image-rendering:auto}.machineBg{position:fixed;inset:0;z-index:-5;overflow:hidden;background:radial-gradient(circle at 50% 52%,#17324a 0 80px,transparent 210px),radial-gradient(circle at 18% 70%,#4a210f 0 90px,transparent 260px),linear-gradient(135deg,#0a1019,#020305 72%)}.machineBg:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0 7%,transparent 7% 13%,#0006 13% 14%,transparent 14% 86%,#0007 86% 87%,transparent 87% 93%,#000 93%),repeating-linear-gradient(0deg,#ffffff05 0 2px,transparent 2px 14px),repeating-linear-gradient(90deg,#56e8ff0c 0 1px,transparent 1px 68px);opacity:.95}.machineBg:after{content:"";position:absolute;inset:-10%;background:radial-gradient(ellipse at center,transparent 25%,#000 78%),linear-gradient(115deg,transparent 0 43%,#56e8ff12 45%,transparent 48% 57%,#ff8b3d12 59%,transparent 62%);opacity:.95}.gear{position:absolute;border:10px dashed #53687c66;border-radius:50%;box-shadow:inset 0 0 0 14px #0b1119,inset 0 0 0 20px #26364788,0 0 60px #000}.gear:before{content:"";position:absolute;inset:22%;border:8px solid #6f849855;border-radius:50%;box-shadow:inset 0 0 35px #000}.gear:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:160%;background:#53687c25;transform:translate(-50%,-50%);box-shadow:42px 0 #53687c18,-42px 0 #53687c18}.g1{width:360px;height:360px;left:-110px;bottom:-120px;animation:spin 24s linear infinite}.g2{width:290px;height:290px;right:-80px;top:80px;animation:spinReverse 19s linear infinite}.g3{width:180px;height:180px;left:46%;top:-70px;animation:spin 14s linear infinite}.reactorCore{position:absolute;left:50%;top:52%;width:310px;height:310px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#56e8ff3d 0 6%,transparent 8%),conic-gradient(from 0deg,transparent,#56e8ff20,transparent 18%,#ff8b3d18,transparent 34%);filter:blur(.2px);animation:reactor 5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}@keyframes reactor{50%{opacity:.45;filter:brightness(1.4)}}.scanlines{position:fixed;inset:0;z-index:20;pointer-events:none;background:repeating-linear-gradient(180deg,#ffffff07 0 1px,transparent 1px 4px);mix-blend-mode:screen;opacity:.24}.shell{height:100vh;padding:12px;display:grid;grid-template-rows:84px 1fr;gap:12px;position:relative;z-index:1}.panel{position:relative;border:2px solid #34465a;background:linear-gradient(180deg,#172437ef,#07101cf5);box-shadow:inset 0 0 0 1px #c2dfff1d,0 20px 70px #000c;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);overflow:hidden;min-height:0;transition:.18s}.metal:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff08,transparent 18%,#00000022 50%,transparent 82%,#ffffff08),repeating-linear-gradient(135deg,#ffffff05 0 2px,transparent 2px 9px);pointer-events:none}.metal:after{content:"";position:absolute;left:10px;right:10px;top:8px;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.45}.panel.collapsed{min-height:44px}.panel.collapsed>:not(.head){display:none!important}.panel.collapsed .collapseBtn{transform:rotate(-90deg)}.top{display:grid;grid-template-columns:1fr auto;align-items:center;padding:12px 16px}.brand{display:flex;align-items:center;gap:14px;min-width:0}.crest{width:58px;height:58px;position:relative;background:linear-gradient(135deg,#26384f,#101927);border:2px solid #8fb7d8;box-shadow:inset 0 0 18px #000,0 0 22px #56e8ff33;clip-path:polygon(20% 0,80% 0,100% 22%,100% 78%,80% 100%,20% 100%,0 78%,0 22%);display:grid;place-items:center;color:var(--cyan);font:1000 14px var(--mono);text-shadow:0 0 10px var(--cyan)}.crest small{position:absolute;bottom:7px;font-size:9px;color:var(--amber)}.kicker{font:11px var(--mono);color:var(--amber);letter-spacing:.18em}.brand h1{font-size:25px;letter-spacing:.04em;text-transform:uppercase;margin:2px 0;color:#f0f7ff;text-shadow:0 0 16px #56e8ff33}.brand p{margin:0;color:var(--muted);font-size:12px}.hud{display:flex;gap:8px}.hud>div{min-width:98px;border:1px solid #405a72;background:linear-gradient(180deg,#1a2638,#0a1220);padding:9px 10px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.hud span{display:block;color:#8aa6c2;font:10px var(--mono);letter-spacing:.13em}.hud b{display:block;color:var(--green);font:900 13px var(--mono);text-shadow:0 0 10px #6dff9a44}.layout{display:grid;grid-template-columns:330px minmax(650px,1fr) 400px;gap:12px;min-height:0}.head{height:44px;position:relative;z-index:2;border-bottom:1px solid #48637c;background:linear-gradient(180deg,#203048,#111c2c);padding:12px 44px 12px 14px;display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:.12em;font:950 12px var(--mono);color:#dbeeff}.head em{font-style:normal;color:var(--cyan);margin-left:auto}.collapseBtn{position:absolute;right:10px;top:8px;width:28px;height:26px;border:1px solid #6f879d;background:linear-gradient(180deg,#31445d,#152235);color:var(--amber);font:950 14px var(--mono);cursor:pointer;transition:.18s}.collapseBtn:hover{border-color:var(--amber);box-shadow:0 0 15px #f7c35c33}.body{position:relative;z-index:2;padding:12px;overflow:auto;min-height:0}.stack{display:grid;gap:10px}.card{position:relative;border:1px solid #3d566e;background:linear-gradient(180deg,#162437,#0b1421);padding:11px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);cursor:pointer;box-shadow:inset 0 0 18px #0008}.card:hover,.card.active{border-color:var(--cyan);box-shadow:inset 0 0 18px #0008,0 0 22px #56e8ff22}.card b{font-size:14px;color:#f1f8ff}.card p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.chip{border:1px solid #48637c;background:#06101d;color:#bdd3e8;border-radius:2px;padding:3px 6px;font:10px var(--mono);text-transform:uppercase}.rosterCard{display:grid;grid-template-columns:74px 1fr;gap:11px;align-items:center}.portrait{width:74px;height:74px;border:3px solid #26384f;background:#080d15;position:relative;image-rendering:pixelated;box-shadow:inset 0 0 0 2px #000,0 0 16px #56e8ff22;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.portrait:before{content:"";position:absolute;left:22px;top:12px;width:30px;height:28px;background:#d89b6a;box-shadow:0 8px 0 #c98554,-8px -4px 0 #1d2638,8px -4px 0 #1d2638,0 -8px 0 #27374f,-12px 12px 0 #111927,12px 12px 0 #111927}.portrait:after{content:"";position:absolute;left:12px;bottom:7px;width:50px;height:27px;background:#3a5575;box-shadow:0 -7px 0 #26384f,-6px 7px 0 #172235,6px 7px 0 #172235}.portrait.wolf:after{background:#2f5d45;box-shadow:0 -7px 0 #213a32,-6px 7px 0 #13231e,6px 7px 0 #13231e}.portrait.harry:after{background:#77552a;box-shadow:0 -7px 0 #4a3219,-6px 7px 0 #24190f,6px 7px 0 #24190f}.portrait.snoopy:before{background:#e8e8df;box-shadow:0 8px 0 #c9c9bd,-8px -4px 0 #222,8px -4px 0 #222,0 -8px 0 #fafafa}.portrait.snoopy:after{background:#d9d9d1;box-shadow:0 -7px 0 #aab0b8,-6px 7px 0 #303844,6px 7px 0 #303844}.portrait.archivist:after{background:#573a77;box-shadow:0 -7px 0 #36224f,-6px 7px 0 #211430,6px 7px 0 #211430}.center{display:grid;grid-template-rows:260px 210px 1fr;gap:12px;min-height:0}.center:has(.warMapPanel.collapsed){grid-template-rows:44px 260px 1fr}.center:has(.missionPanel.collapsed){grid-template-rows:260px 44px 1fr}.center:has(.consolePanel.collapsed){grid-template-rows:260px 260px 44px}.warMap{height:100%;position:relative;background:radial-gradient(circle at 36% 55%,#263248 0 2px,transparent 3px),radial-gradient(circle at 62% 38%,#3b1c15 0 50px,transparent 115px),linear-gradient(135deg,#070b10,#111a20 45%,#08090b);overflow:hidden}.terrainGrid{position:absolute;inset:0;background-image:linear-gradient(#6dff9a18 1px,transparent 1px),linear-gradient(90deg,#6dff9a18 1px,transparent 1px);background-size:28px 28px;transform:perspective(500px) rotateX(46deg) scale(1.28);transform-origin:center bottom;opacity:.78}.fog{position:absolute;border-radius:50%;filter:blur(10px);background:#090c10cc}.f1{width:260px;height:170px;left:-40px;top:30px}.f2{width:310px;height:190px;right:-70px;bottom:-20px}.frontLine{position:absolute;left:47%;top:-20%;height:150%;width:4px;background:linear-gradient(transparent,var(--red),var(--amber),var(--red),transparent);box-shadow:0 0 18px #ff4c42aa,18px 0 0 #ff4c421c,-18px 0 0 #56e8ff1c;transform:rotate(18deg);animation:pulse 1.8s infinite}.base,.outpost{position:absolute;z-index:3;border:2px solid #88a8c2;background:linear-gradient(180deg,#22344a,#080d13);box-shadow:inset 0 0 18px #000,0 0 20px #56e8ff33;color:#dff5ff;text-align:center;font:900 10px var(--mono);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);display:grid;place-items:center}.base{width:120px;height:72px}.friendly{left:9%;bottom:18%;border-color:var(--green);box-shadow:0 0 26px #6dff9a55}.enemy{right:9%;top:18%;border-color:var(--red);box-shadow:0 0 30px #ff4c4266}.outpost{width:82px;height:42px;border-color:var(--amber);font-size:9px}.oA{left:31%;top:46%}.oB{left:48%;bottom:16%;border-color:var(--cyan)}.oC{right:29%;bottom:35%;border-color:var(--orange)}.unit,.enemyUnit{position:absolute;z-index:4;width:14px;height:14px}.marine{background:var(--green);box-shadow:0 0 12px #6dff9a}.tank{width:22px;height:13px;background:var(--amber);box-shadow:0 0 12px #f7c35c}.dropship{width:26px;height:12px;background:var(--cyan);clip-path:polygon(0 50%,30% 0,100% 30%,100% 70%,30% 100%);box-shadow:0 0 12px #56e8ff}.u1{left:25%;bottom:38%}.u2{left:34%;bottom:47%}.u3{left:38%;top:47%}.u4{left:45%;top:30%;animation:drift 4s ease-in-out infinite}.enemyUnit{background:var(--red);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);box-shadow:0 0 14px #ff4c42}.e1{right:30%;top:32%}.e2{right:23%;top:47%}.e3{right:38%;top:23%}.missile{position:absolute;z-index:5;height:2px;width:150px;background:linear-gradient(90deg,transparent,var(--amber),var(--red));box-shadow:0 0 11px #ff8b3d;transform-origin:right center}.m1{left:32%;top:44%;transform:rotate(-20deg);animation:shot 1.8s linear infinite}.m2{left:42%;top:58%;transform:rotate(-34deg);animation:shot 2.4s linear infinite .6s}.m3{right:29%;top:36%;transform:rotate(148deg);animation:shotEnemy 2.1s linear infinite .3s}.explosion{position:absolute;z-index:6;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle,#fff 0 7%,var(--amber) 8% 28%,var(--red) 30% 48%,transparent 52%);filter:blur(.2px);animation:boom 1.2s infinite}.x1{right:28%;top:40%}.x2{left:49%;bottom:31%;animation-delay:.45s}.radarCone{position:absolute;left:17%;bottom:25%;width:260px;height:260px;border-radius:50%;background:conic-gradient(from -30deg,#6dff9a45,transparent 18%,transparent);animation:sweep 3.2s linear infinite;opacity:.75}.alertStrip{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(90deg,#5b0b0b,#24110b,#5b0b0b);border-top:1px solid #ff4c42aa;color:#ffd9d6;font:900 11px var(--mono);letter-spacing:.16em;white-space:nowrap;padding:7px 0;text-align:center;animation:alert 1s steps(2) infinite}.coords{position:absolute;z-index:7;border:1px solid #56e8ff77;background:#06101de0;color:var(--cyan);font:10px var(--mono);padding:5px 7px}.c1{left:8%;top:12%}.c2{left:50%;top:45%}.c3{right:8%;bottom:18%;color:var(--red);border-color:#ff4c4299}@keyframes pulse{50%{opacity:.45}}@keyframes drift{50%{transform:translate(18px,-10px)}}@keyframes shot{0%{clip-path:inset(0 100% 0 0)}60%,100%{clip-path:inset(0 0 0 0)}}@keyframes shotEnemy{0%{clip-path:inset(0 0 0 100%)}60%,100%{clip-path:inset(0 0 0 0)}}@keyframes boom{0%,100%{transform:scale(.55);opacity:.2}45%{transform:scale(1.2);opacity:1}}@keyframes sweep{to{transform:rotate(360deg)}}@keyframes alert{50%{filter:brightness(1.6)}}.missions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mission{min-height:118px}.progress{height:10px;background:#03070c;border:1px solid #415a70;margin-top:10px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,var(--orange),var(--amber),var(--green));box-shadow:0 0 14px #6dff9a55}.consolePanel{display:grid;grid-template-rows:44px 1fr auto}.console{position:relative;z-index:2;padding:12px;overflow:auto;background:#03070dd4;color:#8cffb0;font:12px/1.55 var(--mono);white-space:pre-wrap;text-shadow:0 0 10px #6dff9a33}.console:before{content:"COMMANDER UPLINK // JSON TELEMETRY";display:block;color:var(--amber);margin-bottom:8px}.composer{position:relative;z-index:2;border-top:1px solid #48637c;background:linear-gradient(180deg,#162437,#09111d);padding:10px;display:grid;grid-template-columns:1fr 130px 165px auto auto;gap:8px}.composer input,.composer select,.artifactForm input{border:1px solid #49647c;background:#03070d;color:var(--text);border-radius:0;padding:10px;outline:none;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.composer button,.artifactForm button,.action{border:1px solid #6f879d;background:linear-gradient(180deg,#31445d,#152235);color:#e8f5ff;padding:10px 12px;font:950 12px var(--mono);cursor:pointer;text-transform:uppercase;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.composer button:hover,.artifactForm button:hover,.action:hover{border-color:var(--amber);box-shadow:0 0 18px #f7c35c33;color:var(--amber)}.right{display:grid;grid-template-rows:1fr 1fr;gap:12px;min-height:0}.right:has([data-panel="approvals"].collapsed){grid-template-rows:44px 1fr}.right:has([data-panel="artifacts"].collapsed){grid-template-rows:1fr 44px}.approval{border-left:4px solid var(--red)}.approval:before{content:"!";position:absolute;right:10px;top:8px;color:var(--red);font:900 22px var(--mono)}.artifactForm{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:10px}.events{display:grid;gap:7px;margin-top:10px;max-height:180px;overflow:auto}.event{border-left:2px solid var(--green);padding-left:9px;color:var(--muted);font-size:12px;font-family:var(--mono)}.event b{color:var(--green)}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(18px);opacity:0;background:#07150d;border:1px solid #6dff9a88;color:var(--green);padding:10px 14px;font:950 12px var(--mono);text-transform:uppercase;transition:.2s;z-index:30;box-shadow:0 0 20px #6dff9a33}.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:1280px){body{overflow:auto}.shell{height:auto}.layout{grid-template-columns:1fr}.center{grid-template-rows:260px auto auto}.hud{display:none}.composer{grid-template-columns:1fr}.missions{grid-template-columns:1fr}}


/* v0.1.2 — stronger RTS battlefield map pass */
.warMap{height:100%;position:relative;background:radial-gradient(circle at 18% 70%,#18321f 0 2px,transparent 3px),radial-gradient(circle at 78% 24%,#431714 0 54px,transparent 120px),linear-gradient(135deg,#06080b,#101824 42%,#0d0b0b);overflow:hidden;border-top:1px solid #6dff9a22}.warMap:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 44%,#ff4c4222 45%,#f7c35c2a 47%,#56e8ff12 49%,transparent 52%),radial-gradient(ellipse at center,transparent 24%,#0008 78%);z-index:1;pointer-events:none}.terrainGrid{position:absolute;inset:-20%;background-image:linear-gradient(#6dff9a18 1px,transparent 1px),linear-gradient(90deg,#6dff9a16 1px,transparent 1px),linear-gradient(45deg,transparent 0 48%,#ff4c4217 49% 51%,transparent 52%);background-size:26px 26px,26px 26px,130px 130px;transform:perspective(520px) rotateX(50deg) scale(1.25);transform-origin:center bottom;opacity:.85}.battleHaze{position:absolute;border-radius:50%;filter:blur(14px);opacity:.75;z-index:1}.h1{width:260px;height:160px;left:-40px;top:30px;background:#07100bcc}.h2{width:330px;height:190px;right:-60px;top:16px;background:#210908cc}.h3{width:240px;height:110px;left:38%;bottom:-25px;background:#23160acc}.commandRadius{position:absolute;border-radius:50%;z-index:2;border:1px dashed}.rFriendly{left:4%;bottom:1%;width:250px;height:170px;border-color:#6dff9a66;box-shadow:0 0 45px #6dff9a16 inset}.rEnemy{right:2%;top:1%;width:265px;height:185px;border-color:#ff4c426f;box-shadow:0 0 50px #ff4c4218 inset}.frontLine{position:absolute;z-index:5;left:49%;top:-23%;height:160%;width:5px;background:linear-gradient(transparent,var(--red),var(--amber),var(--red),transparent);box-shadow:0 0 20px #ff4c42cc,24px 0 0 #ff4c421c,-24px 0 0 #56e8ff1b;transform:rotate(18deg);animation:pulse 1.4s steps(2) infinite}.frontLine.secondary{left:55%;opacity:.38;transform:rotate(18deg) translateX(26px);filter:blur(1px)}.base,.bunker,.captureZone{position:absolute;z-index:7;border:2px solid #88a8c2;background:linear-gradient(180deg,#22344a,#080d13);box-shadow:inset 0 0 18px #000,0 0 20px #56e8ff33;color:#dff5ff;text-align:center;font:900 10px var(--mono);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);display:grid;place-items:center}.base{width:126px;height:78px}.base i{position:absolute;inset:12px;border:1px solid #ffffff22;background:repeating-linear-gradient(90deg,#ffffff10 0 5px,transparent 5px 10px)}.friendly{left:7%;bottom:16%;border-color:var(--green);box-shadow:0 0 30px #6dff9a66}.enemy{right:7%;top:14%;border-color:var(--red);box-shadow:0 0 35px #ff4c4275}.bunker{width:72px;height:38px;font-size:8px;border-color:var(--amber)}.b1{left:28%;top:49%}.b2{left:38%;bottom:21%;border-color:var(--green)}.b3{right:34%;bottom:36%;border-color:var(--cyan)}.captureZone{width:78px;height:78px;border-radius:50%;clip-path:none;background:#06101d80;border-style:dashed;color:#ffffff99}.captureZone span{margin-top:58px;font-size:8px}.z1{left:24%;top:23%;border-color:#6dff9a55}.z2{left:48%;top:40%;border-color:#f7c35c66}.z3{right:21%;bottom:18%;border-color:#ff4c4266}.squad,.hostile{position:absolute;z-index:9;display:grid;place-items:center;font:900 10px var(--mono)}.squad{width:20px;height:20px;background:#6dff9a;clip-path:polygon(50% 0,100% 100%,0 100%);color:#041108;box-shadow:0 0 14px #6dff9a}.squad.siege{width:28px;height:18px;background:var(--amber);clip-path:polygon(10% 20%,80% 20%,100% 50%,80% 80%,10% 80%,0 50%)}.squad.air{width:30px;height:16px;background:var(--cyan);clip-path:polygon(0 50%,30% 0,100% 30%,100% 70%,30% 100%)}.squad.scv{width:18px;height:18px;background:#9fc9e6;clip-path:polygon(0 20%,80% 20%,100% 50%,80% 80%,0 80%)}.s1{left:24%;bottom:37%}.s2{left:31%;bottom:47%}.s3{left:39%;top:48%}.s4{left:46%;top:27%;animation:drift 3.6s ease-in-out infinite}.s5{left:18%;bottom:29%}.hostile{width:21px;height:21px;background:#ff4c42;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);box-shadow:0 0 16px #ff4c42}.hostile.heavy{width:30px;height:30px;background:#ff8b3d}.hostile.air{width:30px;height:16px;clip-path:polygon(0 30%,70% 0,100% 50%,70% 100%,0 70%)}.q1{right:31%;top:32%}.q2{right:24%;top:46%}.q3{right:16%;top:28%}.q4{right:38%;top:21%;animation:driftEnemy 3.2s ease-in-out infinite}.q5{right:36%;bottom:27%}.laser{position:absolute;z-index:6;height:2px;width:175px;background:linear-gradient(90deg,transparent,#6dff9a,#f7c35c);box-shadow:0 0 12px #6dff9a;transform-origin:left center;animation:laser 1.3s linear infinite}.l1{left:34%;top:44%;transform:rotate(-23deg)}.l2{left:43%;top:56%;transform:rotate(-36deg);animation-delay:.35s}.laser.enemyFire{background:linear-gradient(90deg,transparent,#ff4c42,#ff8b3d);box-shadow:0 0 12px #ff4c42;transform-origin:right center}.l3{right:27%;top:39%;transform:rotate(154deg);animation-delay:.2s}.l4{right:31%;top:55%;transform:rotate(166deg);animation-delay:.7s}.missile{position:absolute;z-index:8;height:3px;width:165px;background:linear-gradient(90deg,transparent,var(--amber),var(--red));box-shadow:0 0 14px #ff8b3d;transform-origin:right center}.m1{left:29%;top:42%;transform:rotate(-20deg);animation:shot 1.8s linear infinite}.m2{left:41%;top:60%;transform:rotate(-34deg);animation:shot 2.4s linear infinite .6s}.m3{right:29%;top:35%;transform:rotate(148deg);animation:shotEnemy 2.1s linear infinite .3s}.m4{left:46%;top:30%;transform:rotate(12deg);animation:shot 3s linear infinite .9s}.explosion{position:absolute;z-index:10;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle,#fff 0 7%,var(--amber) 8% 26%,var(--red) 30% 50%,transparent 54%);filter:blur(.2px);animation:boom 1.1s infinite}.x1{right:27%;top:39%}.x2{left:49%;bottom:29%;animation-delay:.45s}.x3{right:40%;bottom:24%;animation-delay:.8s}.lockon{position:absolute;z-index:11;width:54px;height:54px;border:2px solid #ff4c42;box-shadow:0 0 16px #ff4c42;animation:lock 1.1s steps(2) infinite}.lockon:before,.lockon:after{content:"";position:absolute;background:#ff4c42}.lockon:before{left:50%;top:-8px;width:2px;height:70px}.lockon:after{top:50%;left:-8px;width:70px;height:2px}.lock1{right:14%;top:20%}.lock2{right:31%;top:45%;animation-delay:.4s}.radarCone{position:absolute;z-index:4;left:16%;bottom:24%;width:300px;height:300px;border-radius:50%;background:conic-gradient(from -30deg,#6dff9a4d,transparent 19%,transparent);animation:sweep 3.2s linear infinite;opacity:.78}.casualtyGrid{position:absolute;z-index:3;right:18%;top:19%;width:170px;height:110px;background:repeating-linear-gradient(45deg,#ff4c4218 0 8px,transparent 8px 16px);border:1px solid #ff4c423d;transform:rotate(-10deg)}.alertStrip{position:absolute;z-index:15;left:0;right:0;bottom:0;background:linear-gradient(90deg,#5b0b0b,#24110b,#5b0b0b);border-top:1px solid #ff4c42aa;color:#ffd9d6;font:900 11px var(--mono);letter-spacing:.14em;white-space:nowrap;padding:7px 0;text-align:center;animation:alert 1s steps(2) infinite}.coords{position:absolute;z-index:12;border:1px solid #56e8ff77;background:#06101de0;color:var(--cyan);font:10px var(--mono);padding:5px 7px}.c1{left:8%;top:10%}.c2{left:47%;top:45%}.c3{right:7%;bottom:18%;color:var(--red);border-color:#ff4c4299}.c4{left:43%;top:17%;color:var(--amber);border-color:#f7c35c99}@keyframes laser{0%{clip-path:inset(0 100% 0 0);opacity:.1}45%,80%{clip-path:inset(0 0 0 0);opacity:1}100%{opacity:.15}}@keyframes lock{50%{opacity:.35;transform:scale(1.08)}}@keyframes driftEnemy{50%{transform:translate(-16px,9px)}}