:root{--green:#a7e647;--dark:#0c1412;--panel:#17221f;--cream:#f4f0df;--orange:#ff9b3d}*{box-sizing:border-box}html,body,main,.screen{margin:0;width:100%;min-height:100%;font-family:Arial,sans-serif}body{background:var(--dark);color:var(--cream);overflow-x:hidden}button{font:inherit;cursor:pointer}.hidden{display:none!important}.home-screen{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 74% 34%,#33534b 0,#172722 32%,#0b1210 70%)}nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:relative;z-index:4;border-bottom:1px solid #ffffff12}.logo{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:900;letter-spacing:2px;line-height:1.05}.logo i{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:var(--green);color:#14200e;font-size:28px;font-style:normal;box-shadow:0 0 30px #a7e64744}.logo b{color:var(--green)}.wallet,.game-wallet{padding:9px 15px;border:1px solid #ffffff1c;border-radius:20px;background:#ffffff0b;color:#ffd059;font-weight:900}.hero{position:relative;z-index:3;padding:clamp(70px,12vh,130px) 7vw;width:62%}.eyebrow{font-size:10px;font-weight:900;letter-spacing:3px;color:var(--green)}.hero h1{font-size:clamp(49px,7vw,92px);line-height:.86;letter-spacing:-5px;margin:15px 0 23px}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--green)}.hero>p{color:#aebdb7;line-height:1.7;font-size:14px}.hero-actions{display:flex;gap:10px;margin-top:30px}.primary,.secondary{height:49px;padding:0 22px;border-radius:4px;font-size:10px;font-weight:900;letter-spacing:1px}.primary{border:0;background:var(--green);color:#14200d;box-shadow:0 10px 30px #a7e64725}.primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.primary b{margin-left:18px}.secondary{border:1px solid #ffffff28;background:#ffffff09;color:#fff}.secondary:hover{background:#ffffff16}.controls{display:flex;gap:25px;margin-top:45px;color:#82918c;font-size:9px}.controls b{display:block;color:#c9d3ce;margin-bottom:3px}.world-preview{position:absolute;right:-4%;bottom:0;width:58%;height:88%;perspective:700px}.sun{position:absolute;width:290px;height:290px;right:21%;top:8%;border-radius:50%;background:#a7e64718;box-shadow:0 0 100px #a7e64720}.ground{position:absolute;width:120%;height:65%;left:0;bottom:-20%;background:linear-gradient(145deg,#52673a,#263b2d);transform:rotateX(62deg) rotateZ(-7deg);border-radius:50%;box-shadow:0 -20px 90px #a7e64715}.mountain{position:absolute;bottom:30%;width:0;height:0;border-left:170px solid transparent;border-right:170px solid transparent;border-bottom:320px solid #1d332d;filter:drop-shadow(25px 20px 20px #0005)}.m1{right:2%}.m2{right:35%;transform:scale(.7)}.tree{position:absolute;z-index:2;color:#142b20;font-size:120px;filter:drop-shadow(13px 20px 7px #0007)}.t1{right:9%;bottom:13%}.t2{right:39%;bottom:5%;font-size:95px}.t3{right:65%;bottom:18%;font-size:75px}.hero-man{position:absolute;z-index:3;right:39%;bottom:21%;font-size:46px;color:#dfb687;filter:drop-shadow(20px 22px 7px #0009)}.hero-man i{display:block;width:34px;height:85px;margin:-5px auto;background:#273b31;border-radius:8px 8px 4px 4px}
.shop-screen{min-height:100vh;padding:0 max(24px,calc((100vw - 1080px)/2)) 60px;background:radial-gradient(circle at 50% 0,#253c34,#0c1412 55%)}.panel-head{height:95px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #ffffff14}.panel-head>div:nth-child(2){text-align:center}.panel-head small{color:var(--green);font-size:9px;letter-spacing:3px}.panel-head h2{margin:3px;font-size:23px;letter-spacing:1px}.panel-head .wallet{justify-self:end}.backHome,.text-btn{border:0;background:none;color:#9ba9a4;font-size:10px;font-weight:900;letter-spacing:1px}.shop-intro{text-align:center;color:#8b9a95;font-size:12px;margin:32px}.weapon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.weapon-card{position:relative;min-height:330px;padding:22px;display:flex;flex-direction:column;border:1px solid #ffffff12;border-radius:9px;background:linear-gradient(150deg,#21302b,#121c19);box-shadow:0 18px 40px #0005;overflow:hidden;transition:.25s}.weapon-card:hover{transform:translateY(-7px) rotateX(2deg);border-color:#a7e64766}.weapon-card.equipped{border-color:var(--green)}.weapon-card .tag{position:absolute;right:10px;top:10px;color:var(--green);font-size:8px;letter-spacing:1px}.gun-art{height:105px;display:grid;place-items:center;font-size:65px;color:#c9d2cf;text-shadow:5px 8px 0 #0004}.weapon-card small{color:#71817b;font-size:8px;letter-spacing:1.5px}.weapon-card h3{margin:5px 0 15px;font-size:19px}.stats{display:grid;gap:8px}.stats span{font-size:8px;color:#899791}.stats i{display:block;height:4px;margin-top:3px;border-radius:4px;background:#2c3b36;overflow:hidden}.stats i:after{content:"";display:block;width:var(--v);height:100%;background:var(--green)}.buy-btn{margin-top:auto;height:40px;border:0;border-radius:4px;background:var(--green);color:#16200f;font-size:9px;font-weight:900}.buy-btn:disabled{background:#26332f;color:#71817b;cursor:not-allowed}
.game-screen{position:fixed;inset:0;overflow:hidden;background:#15251c}canvas{display:block;width:100%;height:100%;cursor:none}.hud{position:absolute;left:22px;right:22px;top:18px;display:grid;grid-template-columns:230px 1fr 230px;pointer-events:none}.health{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:11px 14px;background:#0a1110d9;border:1px solid #ffffff17;border-radius:5px}.health span,.mission small,.weapon-hud small{font-size:8px;letter-spacing:1.5px;color:#8a9993}.health>div{height:6px;background:#312b2a;border-radius:5px;overflow:hidden}.health i{display:block;width:100%;height:100%;background:#a7e647}.health b{font-size:10px}.mission{text-align:center;text-shadow:0 2px 4px #000}.mission b{display:block;font-size:11px;margin-top:3px}.game-wallet{justify-self:end;align-self:start;background:#09100ee6}.weapon-hud{position:absolute;left:22px;bottom:20px;display:flex;align-items:center;gap:10px;padding:10px 13px;background:#09100ee6;border:1px solid #ffffff18;border-radius:6px}.weapon-hud>span{font-size:30px;color:var(--green)}.weapon-hud b{display:block;font-size:11px}.weapon-hud strong{margin-left:25px;color:#ffd059;font-size:12px}.pause{position:absolute;right:22px;bottom:20px;width:42px;height:42px;border:1px solid #ffffff22;border-radius:50%;background:#09100edb;color:#fff}.message{position:absolute;left:50%;top:20%;transform:translateX(-50%);padding:10px 18px;border-radius:4px;background:#0c1512e8;color:var(--green);font-size:10px;font-weight:900;letter-spacing:1px;animation:pop .25s}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#050a08c9;backdrop-filter:blur(8px);z-index:8}.dialog{width:min(390px,calc(100% - 30px));padding:35px;text-align:center;border:1px solid #ffffff17;border-radius:9px;background:#17231f;box-shadow:0 30px 80px #000}.dialog>p{font-size:9px;letter-spacing:2px;color:#899891}.dialog h2{font-size:28px;margin:8px 0 25px}.dialog button{display:block;width:100%;margin-top:9px}.dialog .text-btn{height:40px}.mobile-controls{display:none}.mobile-controls #joystick{width:105px;height:105px;border-radius:50%;background:#0a12108c;border:1px solid #ffffff25;position:relative}.mobile-controls i{position:absolute;left:32px;top:32px;width:41px;height:41px;border-radius:50%;background:#ffffff43}.mobile-controls button{width:78px;height:78px;border-radius:50%;border:3px solid #ffffff3d;background:#a7e647c9;color:#18200f;font-weight:900}#crosshair{position:fixed;width:22px;height:22px;margin:-11px;pointer-events:none;border:1px solid #fff;border-radius:50%;z-index:5}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#fff}#crosshair:before{width:28px;height:1px;left:-4px;top:10px}#crosshair:after{height:28px;width:1px;left:10px;top:-4px}@keyframes pop{from{opacity:0;transform:translate(-50%,-10px)}}
.nav-info{display:flex;align-items:center;gap:12px}.online-status{color:var(--green);font-size:8px;font-weight:900;letter-spacing:1.4px}.online-status.offline{color:#ff6a55}.offline-panel{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#07100deb;backdrop-filter:blur(12px)}.offline-panel>div{width:min(430px,100%);padding:40px;text-align:center;border:1px solid #ffffff18;border-radius:10px;background:#17231f;box-shadow:0 35px 90px #000b}.offline-panel span{font-size:50px;color:#ff6a55}.offline-panel h2{margin:13px 0 8px}.offline-panel p{color:#91a099;font-size:13px;line-height:1.6}.offline-panel button{height:44px;margin-top:13px;padding:0 22px;border:0;border-radius:4px;background:var(--green);color:#14200d;font-size:10px;font-weight:900}
@media(max-width:800px){.hero{width:100%;padding-top:70px}.world-preview{opacity:.35;width:100%}.hero-actions{flex-direction:column;width:min(350px,100%)}.controls{flex-wrap:wrap}.weapon-grid{grid-template-columns:1fr 1fr}.hud{grid-template-columns:1fr auto}.mission{display:none}.game-wallet{grid-column:2}.mobile-controls{position:absolute;left:24px;right:24px;bottom:80px;display:flex;justify-content:space-between;align-items:end}#crosshair{display:none}.weapon-hud{bottom:12px}.pause{bottom:18px}}@media(max-width:520px){.hero h1{font-size:47px;letter-spacing:-3px}.weapon-grid{grid-template-columns:1fr}.panel-head h2{font-size:17px}.shop-intro{line-height:1.6}.hud{left:10px;right:10px}.health{width:190px}.game-wallet{padding:9px}.weapon-hud{left:10px}.controls{font-size:8px}.online-status{display:none}}