@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#eff4e9;background:#10181b;font-synthesis:none;text-rendering:optimizeLegibility;--acid:#b7e46a;--muted:#a5b1a5;--panel:rgba(15,25,26,.78)}*{box-sizing:border-box}html,body,#game{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden}body{touch-action:none;user-select:none;-webkit-user-select:none;background:#10181b}button{font:inherit;color:inherit;border:0;cursor:pointer}#game{position:relative;isolation:isolate;background:#9fc8ba}#scene,.vignette{position:absolute;inset:0;width:100%;height:100%}#scene{z-index:-2;display:block}.vignette{z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(6,15,17,.64),transparent 25%,transparent 58%,rgba(9,16,17,.68)),linear-gradient(90deg,rgba(8,15,17,.25),transparent 30%,transparent 75%,rgba(8,15,17,.13))}.topbar{position:absolute;top:max(16px,env(safe-area-inset-top));left:4.4%;right:4.4%;height:42px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px;letter-spacing:.14em}.brand-light{color:#b7e46a}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(232,245,219,.64);color:var(--acid);font:800 21px Barlow Condensed,sans-serif;transform:skew(-8deg)}.match-pill{font-size:9px;letter-spacing:.2em;color:#e2efdf;display:flex;align-items:center;gap:8px;background:#0b15147a;border:1px solid rgba(255,255,255,.13);padding:9px 14px;border-radius:30px}.match-pill i,.start-meta i{width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px var(--acid)}.icon-button{background:#0c171773;border:1px solid #ffffff29;border-radius:50%;width:34px;height:34px;font-size:20px}.hud-top{position:absolute;top:80px;left:4.4%;display:flex;align-items:flex-start;gap:8px}.stat-card,.zone-card{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff24;border-radius:9px;padding:10px 14px}.stat-card{min-width:94px;display:grid;grid-template-columns:1fr auto;align-items:center}.eyebrow{font-size:8px;letter-spacing:.18em;color:#c8d2c6;font-weight:700}.stat-card strong{font:700 24px Barlow Condensed,sans-serif;grid-row:span 2;margin-left:13px}.stat-sub{grid-column:1;color:#8d9a90;font-size:7px;letter-spacing:.14em}.zone-card{display:flex;gap:9px;align-items:center}.zone-icon{color:var(--acid);font-size:20px}.zone-card div{display:grid;gap:3px}.zone-card strong{font:700 15px Barlow Condensed,sans-serif;letter-spacing:.08em}.mini-map{position:fixed;right:4.4%;top:80px;width:84px;height:84px;border-radius:50%;overflow:hidden;border:1px solid #dceac482;background:radial-gradient(ellipse at 60% 46%,#96aa77 0 16%,transparent 17%),radial-gradient(ellipse at 28% 63%,#738d70 0 18%,transparent 19%),radial-gradient(ellipse at 48% 44%,#4d735e 0 38%,#55746c 39% 41%,#9caa88 42%);box-shadow:0 3px 16px #07121280}.map-ring{position:absolute;inset:18px;border:1px solid #e1f36d;border-radius:50%;box-shadow:0 0 9px #d9f06d55}.map-dot{position:absolute;left:55%;top:53%;width:5px;height:5px;background:#fff;border:1px solid #223022;border-radius:50%}.mini-map span{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:5px;letter-spacing:.15em;color:#fff;text-shadow:0 1px 3px #000}.reticle{position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:space-between;opacity:.75}.reticle:before,.reticle:after{content:"";position:absolute;top:50%;left:50%;background:#e9f1df;transform:translate(-50%,-50%)}.reticle:before{width:2px;height:18px}.reticle:after{width:18px;height:2px}.reticle i{width:3px;height:3px;border:1px solid #e9f1df;border-radius:50%}.reticle b{width:4px;height:4px;border-radius:50%;background:#b7e46a;z-index:1}.hud-bottom{position:absolute;left:4.4%;bottom:max(19px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:22px}.vitals{width:158px;display:grid;gap:7px}.vital-row{display:grid;grid-template-columns:13px 1fr 24px;align-items:center;gap:7px;font-size:10px}.vital-row>span{color:#b7e46a}.vital-row>b{font-size:9px;text-align:right}.bar{height:5px;background:#d8e4d63c;transform:skew(-15deg)}.bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#97cf4d,#d7f084);box-shadow:0 0 9px #aee76677}.shield>span{color:#91c7df}.shield .bar i{background:linear-gradient(90deg,#5ba7c5,#a1e4f2);width:50%}.weapon{border-left:1px solid #ffffff35;padding-left:17px;min-width:130px;display:grid;gap:3px}.weapon-kicker{font-size:7px;letter-spacing:.18em;color:#a6b1a5}.weapon strong{font:800 16px Barlow Condensed,sans-serif;letter-spacing:.12em}.weapon em{font-style:normal;color:var(--acid)}.ammo{display:flex;align-items:baseline;gap:4px}.ammo b{font:700 22px Barlow Condensed,sans-serif}.ammo span{font-size:10px;color:#b7c0b3}.ammo i{font-style:normal;font-size:7px;color:#b7e46a;margin-left:9px;letter-spacing:2px}.touch-hint{display:none}.joystick{position:absolute;left:5%;bottom:9%;width:118px;height:118px;display:none}.joy-ring{position:absolute;inset:0;border:1px solid #ffffff47;border-radius:50%;background:#12211e39;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.joy-knob{position:absolute;left:50%;top:50%;width:43px;height:43px;border-radius:50%;background:#dcebd944;border:1px solid #ffffff83;transform:translate(-50%,-50%);box-shadow:0 4px 12px #05100d66}.aim-zone{position:absolute;right:0;top:18%;width:52%;height:62%;display:none}.fire-button,.reload-button,.jump-button{position:absolute;display:none;background:#15221e8c;border:1px solid #e6f4dc8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;align-items:center;justify-content:center;touch-action:none}.fire-button{right:6%;bottom:11%;width:77px;height:77px;flex-direction:column;color:var(--acid);box-shadow:0 0 20px #afe96b22}.fire-button span{font-size:25px}.fire-button b{font-size:9px;letter-spacing:.15em}.reload-button{right:22%;bottom:8%;width:43px;height:43px;font-size:23px}.jump-button{right:19%;bottom:25%;width:48px;height:48px;font-size:19px}.jump-button small{position:absolute;bottom:-13px;font-size:6px;letter-spacing:.14em}.match-count{position:absolute;right:4.4%;bottom:max(22px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.16em;color:#dce7d9}.match-count i{width:1px;height:13px;background:#cbd8c272}.toast{position:absolute;left:50%;top:20%;transform:translate(-50%);font-size:10px;letter-spacing:.15em;color:#eff7e6;text-shadow:0 2px 8px #000;opacity:0;transition:opacity .2s}.toast.show{opacity:1}.start-screen{position:absolute;inset:0;background:linear-gradient(90deg,#081212e0,#0812129e 36%,#0812120d 75%),linear-gradient(0deg,rgba(9,17,17,.4),transparent 70%);transition:opacity .7s,visibility .7s}.start-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.start-copy{position:absolute;left:11%;top:50%;transform:translateY(-48%)}.accent{color:var(--acid)}h1{font:900 clamp(47px,8vw,88px)/.83 "Barlow Condensed",sans-serif;letter-spacing:.01em;margin:14px 0 13px;text-shadow:0 4px 25px #0a1717aa}h1 span{color:#c4e690}.start-copy p{font-size:12px;line-height:1.7;color:#c5d1c5;margin:0 0 20px}.play-button{height:45px;min-width:214px;padding:0 16px;background:var(--acid);color:#17221a;text-align:left;font-weight:800;font-size:10px;letter-spacing:.12em;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 28px #9ed9532e;clip-path:polygon(0 0,100% 0,100% 75%,94% 100%,0 100%)}.play-button span{font-size:18px}.start-meta{display:flex;gap:18px;margin-top:15px;font-size:7px;letter-spacing:.14em;color:#afbcaf}.start-meta span{display:flex;align-items:center;gap:7px}.start-meta i{width:5px;height:5px}.mobile-note{position:absolute;left:11%;bottom:8%;font-size:7px;letter-spacing:.17em;color:#d1dbcd8f}.mobile-note span{font-size:13px;margin-left:6px}.rotate-notice{display:none}.settings-panel{position:absolute;right:4%;top:70px;width:225px;padding:22px;background:#111f1def;border:1px solid #d5e4c92e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:10px;opacity:0;pointer-events:none;transition:opacity .2s}.settings-panel.open{opacity:1;pointer-events:auto}.settings-panel>button{position:absolute;right:12px;top:9px;background:none;font-size:22px;color:#b5c3b4}.settings-panel h2{font:700 20px Barlow Condensed,sans-serif;margin:8px 0 18px}.settings-panel p{display:flex;justify-content:space-between;border-top:1px solid #ffffff1a;padding-top:10px;font-size:9px;color:#aebaae}.settings-panel p strong{color:#d9e7d6;font-size:8px;letter-spacing:.08em}@media(orientation:landscape)and (max-height:600px){.topbar{top:12px}.hud-top{top:64px}.mini-map{right:4.4%;top:64px;width:68px;height:68px}.start-copy{left:10%}.hud-bottom{bottom:14px}.joystick{width:105px;height:105px}.start-copy p{margin-bottom:13px}.start-meta{margin-top:10px}}@media(orientation:portrait){.topbar,.hud-top,.hud-bottom,.match-count,.joystick,.aim-zone,.fire-button,.reload-button,.jump-button,.reticle{display:none!important}.start-screen{display:none}.rotate-notice{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;background:#10181b;color:#e6efdf;z-index:5}.rotate-notice>span{font-size:40px;color:var(--acid)}.rotate-notice strong{font:800 21px Barlow Condensed,sans-serif;letter-spacing:.12em}.rotate-notice small{color:#9ba99d;font-size:10px}}@media(max-width:700px)and (orientation:landscape){.brand{font-size:12px}.brand-mark{width:26px;height:26px}.topbar{left:3%;right:3%}.hud-top{left:3%}.stat-card,.zone-card{padding:8px 10px}.mini-map{right:3%;width:64px;height:64px}.start-copy{left:8%}.start-copy p{font-size:10px}.hud-bottom{left:3%;gap:12px}.vitals{width:120px}.weapon{min-width:100px;padding-left:10px}.weapon strong{font-size:13px}.ammo b{font-size:18px}.match-count{right:3%;font-size:7px}.mobile-note{left:8%}}
