@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{color:#e8f1f2;font-synthesis:none;background:#070b0d;font-family:Inter,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 70% -20%,#1d3033 0,#0000 38%),#070b0d;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.shell{width:min(1400px,100%);min-height:100vh;margin:auto;padding:22px 34px 34px}nav{border-bottom:1px solid #314044;justify-content:space-between;align-items:center;height:64px;display:flex}.brand{letter-spacing:3px;font:800 25px/1 Barlow Condensed}.brand b,.brand-mark{color:#ff5a35}.brand-mark{margin-right:10px}.nav-status{letter-spacing:2px;color:#8fa2a6;font-size:10px}.nav-status i{background:#65e6b2;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 10px #65e6b2}.mission-bar{justify-content:space-between;align-items:end;padding:24px 0 18px;display:flex}.mission-bar div:first-child{gap:5px;display:grid}.mission-bar span,.eyebrow{color:#ff6a45;letter-spacing:2px;font:600 11px Barlow Condensed}.mission-bar strong{letter-spacing:1px;font:700 24px Barlow Condensed}.weather{color:#849397;letter-spacing:1.5px;font-size:10px}.weather span{color:#506064;margin:0 7px}.game-panel{background:#0b1113;border:1px solid #37464a;grid-template-columns:minmax(0,1fr) 330px;min-height:660px;display:grid;box-shadow:0 25px 80px #0008}.city{background:linear-gradient(#0b181d 0 50%,#171312 77%,#070a0b);min-height:660px;position:relative;overflow:hidden}.city:before{content:"";background:linear-gradient(115deg,#0000 55%,#ff55250d),radial-gradient(circle at 72% 65%,#ff6a3522,#0000 22%);position:absolute;inset:0}.skyline{clip-path:polygon(0 45%,8% 45%,8% 10%,18% 10%,18% 52%,26% 52%,26% 30%,34% 30%,34% 58%,44% 58%,44% 15%,55% 15%,55% 54%,67% 54%,67% 3%,77% 3%,77% 45%,88% 45%,88% 22%,100% 22%,100% 100%,0 100%);background:repeating-linear-gradient(90deg,#111c1f 0 7%,#0000 7% 10%),linear-gradient(#0000,#10191b);height:48%;position:absolute;inset:auto 0 22%}.skyline.far{opacity:.45;bottom:28%;transform:scale(1.15)}.skyline.near{filter:drop-shadow(0 -1px #38545a)}.fire-glow{filter:blur(8px);background:radial-gradient(at bottom,#fff5b9 0 4%,#ff9b2f 5% 15%,#ff4425 17% 35%,#0000 65%);width:240px;height:200px;transition:opacity .2s;position:absolute;bottom:19%;left:50%;transform:translate(-50%)}.target-ring{color:#ff765c;letter-spacing:1px;border:1px solid #ff674c;border-radius:50%;place-items:center;width:150px;height:150px;font:600 11px Barlow Condensed;display:grid;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 25px #ff4b2b44,inset 0 0 25px #ff4b2b22}.target-ring:before,.target-ring:after{content:"";background:#ff674c;position:absolute}.target-ring:before{width:190px;height:1px}.target-ring:after{width:1px;height:190px}.target-ring.active{border-color:#6ae9e5;box-shadow:0 0 40px #5df5e588}.target-ring.active:before,.target-ring.active:after{background:#6ae9e5}.drone{color:#9eb7bb;background:#26363a;border:1px solid #628189;width:115px;height:20px;padding:5px 12px;font:600 8px Inter;position:absolute;top:42%;left:15%;transform:skew(-18deg);box-shadow:0 12px 25px #000}.drone:before,.drone:after{content:"";background:#526b70;width:55px;height:2px;position:absolute;top:-12px}.drone:before{left:-28px}.drone:after{right:-28px}.drone-light{background:#ff4b32;width:5px;height:5px;position:absolute;top:7px;right:10px;box-shadow:0 0 8px #ff4b32}.water-stream{transform-origin:0;filter:blur(2px);background:linear-gradient(90deg,#baffff,#64e5eadd,#0000);width:31%;height:7px;position:absolute;top:45%;left:24%;transform:rotate(13deg);box-shadow:0 0 12px #6cffff}.scanlines{pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 3px,#d8ffff06 4px);position:absolute;inset:0}.hud{color:#779095;letter-spacing:1px;font:500 9px/1.7 Inter;position:absolute}.hud b{color:#68dfb4}.top-left{top:22px;left:22px}.top-right{text-align:right;top:22px;right:22px}.instruction{letter-spacing:1px;color:#9fb0b3;white-space:nowrap;background:#071012cc;border:1px solid #35484c;padding:10px 18px;font-size:10px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}aside{background:linear-gradient(160deg,#11191b,#090d0e);border-left:1px solid #344347;flex-direction:column;padding:38px 30px;display:flex}.eyebrow{margin:0 0 8px}h1{letter-spacing:1px;max-width:250px;margin:0 0 40px;font:800 34px/.95 Barlow Condensed}.metric{margin-bottom:24px}.metric label{letter-spacing:1.4px;color:#93a3a6;justify-content:space-between;font:600 11px Barlow Condensed;display:flex}.metric label b{color:#eef4f5;font-size:16px}.meter{background:#263135;height:4px;margin-top:10px}.meter i{height:100%;transition:width .15s;display:block}.heat i{background:#ff5a36;box-shadow:0 0 10px #ff5a36}.water i{background:#53d9dc;box-shadow:0 0 10px #53d9dc}.score{border-top:1px solid #293538;border-bottom:1px solid #293538;gap:4px;margin:8px 0 30px;padding:20px 0;display:grid}.score span{letter-spacing:1.5px;color:#788a8e;font:600 10px Barlow Condensed}.score strong{letter-spacing:3px;font:700 32px Barlow Condensed}.primary,.secondary{cursor:pointer;border:0}.primary{color:#fff;clip-path:polygon(0 0,94% 0,100% 28%,100% 100%,6% 100%,0 72%);background:#ff5835;gap:2px;padding:16px;display:grid;box-shadow:0 0 25px #ff583522}.primary:hover{background:#ff704f}.primary:disabled{filter:grayscale();opacity:.5}.primary span{letter-spacing:1.5px;font:700 16px Barlow Condensed}.primary small{letter-spacing:1.4px;opacity:.75;font-size:8px}.secondary{color:#72868a;letter-spacing:1px;background:0 0;padding:13px;font:600 10px Barlow Condensed}.tip{color:#627579;border-left:2px solid #ff5a35;margin-top:auto;padding-left:10px;font-size:9px;line-height:1.7}@media (width<=850px){.shell{width:100%;padding:0 14px 18px}nav{height:58px}.brand{font-size:21px}.nav-status{letter-spacing:1px;font-size:8px}.mission-bar{align-items:start;padding:18px 2px 14px}.mission-bar strong{font-size:20px}.weather{display:none}.game-panel{grid-template-columns:1fr;min-height:0}.city{aspect-ratio:4/5;height:auto;min-height:0}.game-panel aside{border-top:1px solid #344347;border-left:0;padding:28px 24px}h1{margin-bottom:28px;font-size:31px}.metric{margin-bottom:20px}.score{margin-bottom:24px}.instruction{white-space:normal;text-align:center;width:80%;bottom:14px}.drone{top:36%;left:8%;transform:skew(-18deg)scale(.78)}.target-ring{top:51%;transform:translate(-50%,-50%)scale(.78)}.water-stream{width:36%;top:40%;left:18%}}@media (width<=390px){.shell{padding-inline:10px}.nav-status{display:none}.game-panel aside{padding:24px 20px}.city{aspect-ratio:3/4}.hud.top-right{display:none}}