@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;600;700&family=Inter:wght@400;600;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eaffff;background:#050b0e;font-family:Inter,system-ui}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}.war{-webkit-user-select:none;user-select:none;width:100vw;height:100dvh;position:relative}.war canvas{cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.war header{background:linear-gradient(#050b0ef5,#071115aa 70%,#0000);border-top:2px solid #52e9ff;grid-template-columns:1fr auto 1fr;align-items:center;height:88px;padding:0 30px;display:grid;position:absolute;inset:0 0 auto}.brand{grid-template-columns:9px auto;column-gap:10px;font-family:Chakra Petch;display:grid}.brand i{background:#c7f44d;grid-row:1/3;width:4px;box-shadow:0 0 12px #c7f44d}.brand small,.range small,.range em{letter-spacing:.28em;color:#6d929b;font-size:8px;font-style:normal}.brand b{font-size:22px}.range{text-align:center;font-family:Chakra Petch;display:grid}.range b{color:#61ebff;text-shadow:0 0 18px #25c8e9;font-size:28px}.status{color:#9fb8bd;justify-self:end;font:700 10px Chakra Petch}.status i{background:#c8f55a;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 12px #c8f55a}.armor,.controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);background:#071116e8;border:1px solid #4ed8e644;position:absolute}.armor{width:270px;padding:17px;top:110px;right:24px}.player-armor{inset:auto auto 45px 24px}.player-armor .scan{transform:scaleX(-1)}.armor>small,.ct span{letter-spacing:.2em;color:#5bdae8;font:700 9px Chakra Petch}.armor h2{margin:5px 0 12px;font:700 16px Chakra Petch}.scan{background:repeating-linear-gradient(0deg,#0000 0 20px,#4ed8e60c 21px);border:1px solid #28484e;height:105px;position:relative}.scan i{position:absolute}.gun{background:#72ef94;width:110px;height:5px;top:28px;right:23px;transform:rotate(-6deg);box-shadow:0 0 12px #72ef94}.turret{clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);width:76px;height:25px;top:40px;left:51px}.body{clip-path:polygon(8% 0,90% 0,100% 70%,88% 100%,8% 100%,0 60%);width:146px;height:30px;top:62px;left:28px}.track{border:3px solid #617176;border-radius:10px;width:137px;height:11px;top:86px;left:33px}.weak{box-shadow:0 0 12px #ff3d52;background:#ff3d52!important}.hard{box-shadow:0 0 12px #72ef94;background:#72ef94!important}.legend{color:#8ea6aa;gap:14px;margin:12px 0;font-size:8px;display:flex}.legend i{width:7px;height:7px;margin-right:4px;display:inline-block}.integrity{color:#718c92;justify-content:space-between;align-items:end;font:10px Chakra Petch;display:flex}.integrity b{color:#fff;font-size:22px}.hp{gap:3px;display:flex}.hp i{background:#7eea98;flex:1;height:4px}.hp i.dead{background:#29373a}.controls{width:270px;padding:12px;top:92px;bottom:auto;left:24px}.ct{border-bottom:1px solid #315057;justify-content:space-between;padding-bottom:7px;display:flex}.ct b{color:#c8f55a;font:700 9px Chakra Petch}.controls label{color:#7e9da3;grid-template-columns:1fr auto;gap:4px;margin:8px 0;font:700 9px Chakra Petch;display:grid}.controls output{color:#61eaff;font-size:14px}.controls input{accent-color:#c7f44d;grid-column:1/-1;width:100%}.stats{color:#6e8c91;justify-content:space-between;margin:8px 0;font-size:8px;display:flex}.stats b{color:#d9f6f8}.controls button{color:#0b1511;letter-spacing:.13em;cursor:pointer;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));background:linear-gradient(90deg,#9fc52c,#c7f34d);border:1px solid #efff9a;width:100%;height:38px;font:800 12px Chakra Petch}.controls button:hover{filter:brightness(1.2)}.controls button i{background:#f33;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.controls button kbd{float:right;font-size:8px}footer{color:#719095;background:#040a0ddd;border-top:1px solid #31545b;justify-content:center;align-items:center;gap:28px;height:31px;font:600 8px Chakra Petch;display:flex;position:absolute;inset:auto 0 0}footer kbd,footer b{color:#dff9fa;border:1px solid #476269;margin:2px;padding:2px 5px}.game-actions{z-index:5;gap:6px;display:flex;position:absolute;top:64px;right:24px}.game-actions button{color:#8cefff;letter-spacing:.12em;cursor:pointer;background:#071116e8;border:1px solid #55ddec88;padding:7px 12px;font:700 9px Chakra Petch}.game-actions button:hover{background:#12313a}.game-actions .restart{color:#ff7b88;border-color:#ff5263}@media (width<=700px){.game-actions{top:54px;right:8px}.war header{height:72px;padding:0 12px}.range{display:none}.brand b{font-size:17px}.armor{transform-origin:100% 0;top:80px;right:8px;transform:scale(.8)}.player-armor{transform-origin:0 100%;inset:auto auto 36px 8px;transform:scale(.72)}.controls{width:245px;top:74px;bottom:auto;left:8px}footer{justify-content:flex-start;padding-left:8px}footer span:nth-child(n+3){display:none}}