@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{color:#fff7e8;background:#182a30;margin:0;font-family:Inter,Arial,sans-serif;overflow:hidden}#game{width:100vw;height:100vh;display:block}#hud{pointer-events:none;position:fixed;inset:0}header{letter-spacing:2px;background:linear-gradient(#17252d66,#0000);justify-content:space-between;align-items:center;padding:28px 38px;font-size:10px;display:flex}.brand{font-size:22px;font-weight:700}.brand span{letter-spacing:5px;font-size:14px}.mode{text-align:center}.mode b{margin-top:8px;font-size:12px;display:block}#map{text-align:center;background:#1f3637b0;border:1px solid #ffffff35;padding:10px;position:absolute;top:95px;left:35px}#map span{letter-spacing:2px;padding-top:8px;font-size:8px;display:block}#crosshair{text-shadow:0 1px 2px #123;font-size:23px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}footer{background:linear-gradient(#0000,#14262b99);justify-content:space-between;align-items:end;width:100%;padding:30px 45px;display:flex;position:absolute;bottom:0}small{letter-spacing:2px;margin-bottom:5px;font-size:9px;display:block}strong{font-family:Barlow Condensed,Arial,sans-serif;font-size:40px}.health strong span{color:#bfe0ca;margin-left:15px;font-size:22px}.ammo{text-align:right}.ammo em{color:#c2c5bc;font-size:23px;font-style:normal}.controls{word-spacing:4px;font-size:10px}.controls span{color:#cad0c9;margin-right:20px;font-size:8px}.site{position:absolute;bottom:145px;left:38px}.site span{letter-spacing:3px;font-size:9px;display:block}.site strong{letter-spacing:2px;font-size:23px}#notice{text-align:center;letter-spacing:3px;color:#fff2bf;width:100%;font-size:12px;position:absolute;top:22%}#menu{background:linear-gradient(90deg,#172c30ed 0%,#172c30b5 32%,#0000 73%);padding:40px 6vw;position:fixed;inset:0}.menu-top{letter-spacing:7px;font-size:20px;font-weight:700}.menu-top span{letter-spacing:2px;color:#c8d1c6;margin-left:35px;font-size:9px}.intro{position:absolute;top:28%}.eyebrow{color:#e7bb77;letter-spacing:4px;font-size:10px}h1{letter-spacing:-1px;margin:26px 0;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(65px,7.5vw,115px);font-weight:600;line-height:.95}h1 i{color:#eac790;font-style:normal}p{color:#cbd1c8;font-size:12px;line-height:1.9}button{color:#223a3a;text-align:left;letter-spacing:2px;cursor:pointer;background:#eac790;border:1px solid #f5dbac;width:275px;margin-top:25px;padding:19px 24px;font-size:11px;font-weight:700}button:hover{background:#ffe2ad}button span{float:right;font-size:18px}.hint{color:#b7c7be;margin-top:17px;font-size:9px}.menu-bottom{letter-spacing:2px;color:#cad3c6;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:35px;left:6vw;right:6vw}.hidden{display:none!important}@media (width<=700px){.controls,.status,.menu-top span{display:none}#map{transform-origin:0 0;transform:scale(.7)}.intro{top:25%}.menu-bottom span:last-child{display:none}}#hud:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 150px #070d1845}#menu{background:linear-gradient(90deg,#0b171ce8,#0b171c70 40%,#0000 80%)}#map{transform-origin:0 0;background:#0e2024bb;transform:scale(.8)}#crosshair{color:#b5fff1;font-size:19px}h1 i,.eyebrow{color:#85d8cc}button{background:#9be0cf;border-color:#b5f2de}.status{color:#95e3d1}#crosshair.hit{color:#ffba79;transform:translate(-50%,-50%)rotate(45deg)scale(1.4)}