:root{font-family:Arial,Helvetica,sans-serif;color:#eff2e7;background:#141d1c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block;width:100vw;height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}header{position:fixed;top:0;left:0;right:0;height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #ffffff20;z-index:5;background:linear-gradient(#10191588,transparent)}.brand{font-size:17px;font-weight:800;letter-spacing:2px;color:inherit;text-decoration:none}.brand span{color:#bdd76a;margin:0 8px}.status{font-size:10px;letter-spacing:2px;color:#d7dfce;display:flex;gap:12px;align-items:center}i{display:inline-block}.status i,.eyebrow i{width:6px;height:6px;background:#c1db76;border-radius:50%;box-shadow:0 0 12px #c1db7640}.status span{color:#7c897b}#sound{background:none;border:1px solid #ffffff40;color:#d9dfd1;padding:10px 14px;font-size:10px;letter-spacing:1px}#overlay{position:fixed;inset:0;background:linear-gradient(90deg,#101917f2 0%,#101917cc 38%,#10191726 100%);display:flex;align-items:center;justify-content:space-between;padding:100px 8% 50px;z-index:4}main{max-width:680px}.eyebrow{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:10px}.eyebrow span{color:#8e9d8d}h1{font-size:clamp(48px,6vw,86px);line-height:1.03;letter-spacing:-4px;margin:28px 0}h1 em{font-style:normal;color:#c3db7b}main p{color:#b8c2b6;font-size:16px;line-height:1.8;margin-bottom:28px}#start{background:#c3db7b;border:none;padding:21px 24px;color:#172018;font-weight:800;font-size:12px;letter-spacing:1.5px;display:flex;justify-content:space-between;gap:65px;min-width:320px}#start:hover{background:#daeda4}#start span{font-size:20px;line-height:14px}.controls{display:grid;grid-template-columns:repeat(2,1fr);gap:13px 24px;max-width:420px;margin:30px 0;color:#a5b09f;font-size:11px}kbd{font:10px Arial;color:#e1e8d8;border:1px solid #ffffff30;padding:5px 6px;margin-right:7px;display:inline-block;min-width:26px;text-align:center}footer{font-size:9px;letter-spacing:1.2px;border-top:1px solid #ffffff22;padding-top:18px;color:#c3db7b}footer span{display:block;margin-top:9px;color:#889786;letter-spacing:.3px}aside{align-self:flex-end;margin-bottom:60px;border-left:1px solid #dce8d05c;padding-left:26px}aside>span{font-size:10px;letter-spacing:2px;color:#c3db7b}aside h2{font-size:36px;line-height:1.1;letter-spacing:1px;margin:16px 0}aside p{font-size:12px;color:#bac5b3;line-height:1.8}.mapline{width:100%;height:1px;background:#ffffff30;margin:24px 0}#location{position:fixed;top:120px;left:4%;display:grid;gap:9px;text-shadow:0 2px 10px #000}#location span{font-size:9px;letter-spacing:2px;color:#c5d6b6}#location strong{font-size:22px}#hud{position:fixed;bottom:48px;left:4%;right:4%;display:flex;align-items:flex-end;justify-content:space-between;text-shadow:0 2px 10px #000;pointer-events:none}#hud span{font-size:10px;letter-spacing:1.4px}#hud strong{display:block;font-size:42px;margin-top:6px}#hud small{font-size:16px;color:#c0c9b9}.bar{width:130px;height:3px;background:#c3db7b;margin-top:8px}.ammo{text-align:right}.slots{display:flex;gap:8px}.slots div{background:#14201bcc;border:1px solid #ffffff30;padding:14px;color:#82917d;font-size:10px}.slots div.owned{color:#e3e9d9}.slots div.active{border-color:#c3db7b;background:#4a583ac9}.slots span{margin-left:12px}#help{position:fixed;bottom:15px;left:0;right:0;text-align:center;color:#dae3c8;font-size:10px;text-shadow:0 1px 4px #000}#crosshair{position:fixed;top:50%;left:50%;width:16px;height:16px;transform:translate(-50%,-50%);pointer-events:none}#crosshair:before,#crosshair:after{content:'';position:absolute;background:#edffd9;box-shadow:0 0 3px #000}#crosshair:before{height:2px;width:16px;top:7px}#crosshair:after{width:2px;height:16px;left:7px}#hitmarker{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;text-align:center;text-shadow:0 2px 8px #000c;transition:opacity .12s linear}
#hitmarker b{display:block;font-size:34px;line-height:1;color:#e8f5a0;letter-spacing:1px}
#hitmarker span{display:block;margin-top:6px;font-size:11px;letter-spacing:2px;color:#f0c4c4}
#hitmarker.pop{animation:hitpop .28s ease-out}
@keyframes hitpop{0%{transform:translate(-50%,-50%) scale(.7);opacity:0}40%{transform:translate(-50%,-58%) scale(1.12);opacity:1}100%{transform:translate(-50%,-50%) scale(1)}}#prompt{position:fixed;top:60%;width:100%;text-align:center;font-size:13px;color:#e8f3d1;text-shadow:0 2px 4px #000}#notice{position:fixed;top:24%;width:100%;text-align:center;font-size:14px;color:#d7eaa7;text-shadow:0 2px 5px #000}#score{position:fixed;right:4%;top:124px;font-size:10px;letter-spacing:1px;background:#17221cc9;padding:12px}#score b{margin-left:8px;color:#c3db7b}#score span{margin:0 12px;color:#778b6b}#error{color:#f5bda8;font-size:13px;margin-top:12px}body.menu #hud,body.menu #location,body.menu #crosshair,body.menu #help,body.menu #score{display:none}[hidden]{display:none!important}@media(max-width:800px){aside{display:none}header{height:70px}.status{display:none}#overlay{padding:85px 6% 24px}h1{font-size:54px;letter-spacing:-2px;margin:20px 0}.controls{margin:20px 0;gap:9px}main p{font-size:14px}footer{font-size:8px}.slots{display:none}}@media(max-height:700px){h1{font-size:48px;margin:16px 0}main p{margin:12px 0}.controls{margin:15px 0;gap:6px}#overlay{padding-top:90px}header{height:65px}}