:root{--bg:#070b12;--panel:rgba(9,15,25,.84);--line:rgba(101,230,255,.22);--cyan:#5deaff;--cyan2:#19bfd6;--lime:#b8ff62;--red:#ff5568;--amber:#ffd45d;--text:#edfaff;--muted:#8da3ad}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#05070b;color:var(--text);font-family:Tahoma,"Segoe UI",Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}#gameCanvas{position:fixed;inset:0;width:100%;height:100%;outline:0;touch-action:none;background:radial-gradient(circle at 50% 25%,#16263b 0,#05080d 60%)}
.screen{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:.35s ease}.screen.visible{opacity:1;visibility:visible}.menu-bg{position:absolute;inset:0;background:radial-gradient(circle at 72% 25%,rgba(33,202,236,.13),transparent 34%),radial-gradient(circle at 18% 80%,rgba(166,255,75,.07),transparent 29%),linear-gradient(115deg,rgba(3,7,12,.96),rgba(7,12,20,.88));backdrop-filter:blur(10px)}.menu-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(93,234,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(93,234,255,.025) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,#000,transparent 84%)}
.panel{position:relative;z-index:1;width:min(920px,94vw);border:1px solid rgba(93,234,255,.2);background:linear-gradient(135deg,rgba(12,20,32,.94),rgba(5,9,15,.9));box-shadow:0 30px 100px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.035);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));padding:28px 30px}.panel:before{content:"";position:absolute;left:0;top:0;width:150px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent);box-shadow:0 0 20px var(--cyan)}
.brand-row{display:flex;align-items:center;gap:11px;direction:ltr;margin-bottom:18px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--cyan);color:#081017;background:var(--cyan);font-weight:900;clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,20% 100%,0 80%)}.brand-row div{display:flex;flex-direction:column;line-height:1.05}.brand-row b{font-size:11px;letter-spacing:1.8px}.brand-row small{font-size:8px;letter-spacing:2.4px;color:#607782;margin-top:4px}.eyebrow{direction:ltr;font-size:10px;letter-spacing:2.1px;color:#8fc8d2;display:flex;align-items:center;gap:8px}.eyebrow i{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px var(--lime)}h1{direction:ltr;margin:7px 0 2px;font:900 clamp(40px,6vw,76px)/.94 "Arial Narrow","Segoe UI",Arial,sans-serif;letter-spacing:-2px}h1 span{color:transparent;-webkit-text-stroke:1px rgba(93,234,255,.8);text-shadow:0 0 26px rgba(93,234,255,.1)}.subtitle{margin:10px 0 23px;color:#a9bac2;font-size:13px}
.menu-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:18px;direction:ltr}.left-col,.right-col{direction:rtl}.field-label,.section-kicker{display:block;color:#73919c;font-size:9px;letter-spacing:1.5px;margin-bottom:7px;direction:ltr}.name-input{width:100%;height:44px;padding:0 14px;border:1px solid rgba(93,234,255,.22);outline:none;background:rgba(3,8,13,.8);color:#fff;border-radius:3px;transition:.2s}.name-input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(93,234,255,.08),0 0 25px rgba(93,234,255,.08)}
.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.map-card{position:relative;display:flex;align-items:center;gap:11px;min-height:78px;padding:9px;border:1px solid rgba(255,255,255,.09);border-radius:3px;color:#d9edf2;background:rgba(255,255,255,.025);text-align:right;overflow:hidden}.map-card.selected{border-color:rgba(93,234,255,.47);background:linear-gradient(135deg,rgba(93,234,255,.08),rgba(255,255,255,.025));box-shadow:inset 0 0 25px rgba(93,234,255,.035)}.map-card.locked{opacity:.4}.map-preview{position:relative;width:76px;height:58px;flex:none;overflow:hidden;background:linear-gradient(#15283b 0 45%,#0a1119 45%);border:1px solid rgba(255,255,255,.08)}.city-preview:before,.city-preview:after{content:"";position:absolute;bottom:17px;background:#233f55;box-shadow:16px 5px 0 #172f42,33px -6px 0 #29465a}.city-preview:before{left:9px;width:10px;height:25px}.city-preview:after{right:10px;width:13px;height:32px}.city-preview i{position:absolute;left:0;right:0;bottom:9px;height:2px;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.forest-preview{background:linear-gradient(#13251f 0 55%,#09110e 55%)}.forest-preview:before{content:"▲ ▲ ▲";position:absolute;inset:13px 0 auto;color:#294f3e;font-size:22px;word-spacing:-8px}.map-card strong{display:block;font-size:11px;direction:ltr;text-align:left;letter-spacing:.4px}.map-card small{display:block;font-size:9px;color:#7d919b;margin-top:4px}.ready-tag,.lock-tag{position:absolute;top:4px;right:4px;font-size:7px;letter-spacing:1px;padding:3px 5px;background:rgba(184,255,98,.12);color:var(--lime)}.lock-tag{background:rgba(255,255,255,.06);color:#8d9aa0}
.loadout-card{height:100%;padding:13px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 50% 30%,rgba(93,234,255,.09),transparent 48%),rgba(255,255,255,.018)}.weapon-art{height:110px;position:relative;display:grid;place-items:center;overflow:hidden}.weapon-art:after{content:"";position:absolute;left:10%;right:10%;bottom:13px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 14px var(--cyan)}.rifle-art{position:relative;width:150px;height:22px;background:linear-gradient(#263746,#0c131b);clip-path:polygon(0 27%,52% 27%,59% 0,66% 0,70% 27%,100% 27%,100% 60%,72% 60%,68% 100%,59% 100%,55% 60%,0 60%);filter:drop-shadow(0 5px 13px rgba(0,0,0,.8))}.rifle-art:after{content:"";position:absolute;left:86px;top:5px;width:25px;height:5px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.loadout-card>strong{display:block;direction:ltr;font-size:15px;letter-spacing:1px}.loadout-card>strong em{font-style:normal;color:var(--cyan);font-size:9px;border:1px solid rgba(93,234,255,.35);padding:2px 5px;margin-left:4px}.loadout-card>small{display:block;direction:ltr;text-align:left;color:#718792;font-size:9px;margin:4px 0 12px}.weapon-bars{display:grid;gap:6px}.weapon-bars label{display:grid;grid-template-columns:42px 1fr;align-items:center;font-size:8px;color:#798e98}.weapon-bars i{position:relative;height:3px;background:#1a2731}.weapon-bars i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--v);background:linear-gradient(90deg,var(--cyan2),var(--cyan));box-shadow:0 0 7px rgba(93,234,255,.35)}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0 12px;direction:ltr}.stats-row div{padding:10px 12px;border-left:2px solid rgba(93,234,255,.32);background:rgba(255,255,255,.025);display:flex;justify-content:space-between;align-items:end}.stats-row span{font-size:8px;color:#617884;letter-spacing:1.2px}.stats-row strong{font-size:17px;color:#dff9ff}.primary-btn,.secondary-btn{width:100%;height:49px;border:0;display:flex;align-items:center;justify-content:center;gap:14px;font-weight:800}.primary-btn{color:#061016;background:linear-gradient(90deg,#32cfe7,#8ff4ff);clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px));box-shadow:0 0 28px rgba(93,234,255,.12)}.primary-btn:hover{filter:brightness(1.08)}.primary-btn b{direction:ltr}.secondary-btn{margin-top:8px;color:#b7c8ce;background:transparent;border:1px solid rgba(255,255,255,.1)}.help-line{text-align:center;color:#576b75;font-size:9px;margin:9px 0 0}.mobile-help{display:none}.version-badge{position:absolute;right:17px;bottom:12px;z-index:2;color:#3f5560;font-size:8px;letter-spacing:1.6px;direction:ltr}
.hidden{display:none!important}.hud{position:fixed;inset:0;z-index:10;pointer-events:none;direction:ltr}.hud-top-line{position:absolute;left:50%;top:0;width:30%;height:2px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(93,234,255,.65),transparent)}.hud-card{background:linear-gradient(110deg,rgba(5,11,18,.76),rgba(5,11,18,.35));border:1px solid rgba(93,234,255,.13);backdrop-filter:blur(4px);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.top-left{position:absolute;left:18px;top:18px;width:180px;padding:10px 12px}.label-row{display:flex;align-items:end;justify-content:space-between}.label-row span{font-size:8px;letter-spacing:1.4px;color:#7b939e}.label-row strong{font-size:19px}.bar{height:4px;background:rgba(255,255,255,.08);margin-top:6px}.bar-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--lime),#70eacb);box-shadow:0 0 10px rgba(184,255,98,.45);transition:width .2s,background .2s}.hp-card small{display:block;font-size:7px;color:#557067;letter-spacing:1px;margin-top:5px}.top-center{position:absolute;top:16px;left:50%;transform:translateX(-50%);text-align:center;min-width:180px}.kill-card>small{font-size:7px;color:#5d7680;letter-spacing:2px}.kill-card>div{display:flex;align-items:baseline;justify-content:center;gap:8px}.kill-card>div span{font-size:8px;color:#7b919a;letter-spacing:1px}.kill-card>div strong{font-size:28px;text-shadow:0 0 18px rgba(93,234,255,.25)}.score-label{display:inline-block;font-size:8px;color:#728791;background:rgba(3,8,13,.7);border:1px solid rgba(93,234,255,.1);padding:3px 9px}.score-label b{color:var(--cyan);margin-left:4px}.top-right{position:absolute;right:18px;top:18px;width:190px;padding:9px 11px;text-align:right}.weapon-card>div:first-child{display:flex;justify-content:space-between;align-items:center}.weapon-card span{font-weight:800;font-size:11px;letter-spacing:.8px}.weapon-card small{font-size:7px;color:var(--cyan);border:1px solid rgba(93,234,255,.2);padding:2px 4px}.weapon-card>strong{display:block;margin-top:1px;font-size:25px}.weapon-card>strong b{font-size:28px}.weapon-card>strong i{font-style:normal;color:#49606a;margin:0 5px}.weapon-card>strong em{font-size:14px;font-style:normal;color:#78909a}.ammo-dashes{display:flex!important;gap:2px!important;justify-content:flex-end!important;margin-top:3px}.ammo-dashes i{display:block;width:3px;height:6px;background:var(--cyan);opacity:.8}.ammo-dashes i.empty{background:#27333a;opacity:.5}
.crosshair{position:absolute;left:50%;top:50%;width:36px;height:36px;transform:translate(-50%,-50%);filter:drop-shadow(0 0 3px rgba(0,0,0,.8))}.crosshair i{position:absolute;background:rgba(220,252,255,.92);transition:.08s}.crosshair i:nth-child(1){width:7px;height:1px;left:1px;top:17px}.crosshair i:nth-child(2){width:7px;height:1px;right:1px;top:17px}.crosshair i:nth-child(3){width:1px;height:7px;left:17px;top:1px}.crosshair i:nth-child(4){width:1px;height:7px;left:17px;bottom:1px}.crosshair b{position:absolute;width:2px;height:2px;border-radius:50%;background:var(--cyan);left:17px;top:17px;box-shadow:0 0 6px var(--cyan)}.crosshair.kick{transform:translate(-50%,-50%) scale(1.25)}.hit-marker,.headshot-marker{position:absolute;left:50%;top:50%;opacity:0;pointer-events:none}.hit-marker{width:28px;height:28px;transform:translate(-50%,-50%)}.hit-marker i{position:absolute;width:8px;height:1px;background:white;box-shadow:0 0 3px white}.hit-marker i:nth-child(1){left:2px;top:5px;transform:rotate(45deg)}.hit-marker i:nth-child(2){right:2px;top:5px;transform:rotate(-45deg)}.hit-marker i:nth-child(3){left:2px;bottom:5px;transform:rotate(-45deg)}.hit-marker i:nth-child(4){right:2px;bottom:5px;transform:rotate(45deg)}.hit-marker.show{animation:hit .16s ease}.headshot-marker{transform:translate(-50%,28px);font-size:8px;letter-spacing:1.6px;color:var(--amber);text-shadow:0 0 8px var(--amber)}.headshot-marker.show{animation:head .65s ease}.damage-flash{position:absolute;inset:0;background:radial-gradient(circle,transparent 35%,rgba(255,30,62,.34));opacity:0}.damage-flash.show{animation:hurt .34s ease}.toast{position:absolute;left:50%;bottom:19%;transform:translate(-50%,10px);padding:7px 13px;background:rgba(4,10,16,.8);border:1px solid rgba(93,234,255,.12);font-size:10px;color:#cfe8ee;opacity:0;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.bottom-left{position:absolute;left:18px;bottom:18px;padding:9px 12px;min-width:210px}.mission span{display:block;color:#67818b;font-size:7px;letter-spacing:1.3px}.mission strong{font-size:11px}.mission small{display:block;color:#536871;font-size:8px;margin-top:4px}.mission small i,.status-pill i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--red);box-shadow:0 0 8px var(--red);margin-right:4px}.bottom-center{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);padding:5px 10px;border:1px solid rgba(255,85,104,.18);background:rgba(7,10,15,.65);font-size:7px;letter-spacing:1.2px;color:#c98991}.status-pill i{animation:pulse 1.1s infinite}
.mobile-controls{position:fixed;inset:0;z-index:12;pointer-events:none;direction:ltr}.move-pad{position:absolute;left:24px;bottom:max(24px,env(safe-area-inset-bottom));width:126px;height:126px;border-radius:50%;border:1px solid rgba(93,234,255,.2);background:radial-gradient(circle,rgba(93,234,255,.07),rgba(4,9,14,.22));pointer-events:auto;touch-action:none}.move-pad:before,.move-pad:after{content:"";position:absolute;background:rgba(93,234,255,.07)}.move-pad:before{width:1px;height:80%;left:50%;top:10%}.move-pad:after{height:1px;width:80%;left:10%;top:50%}.move-knob{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px;border-radius:50%;border:1px solid rgba(93,234,255,.5);background:rgba(93,234,255,.12);box-shadow:0 0 22px rgba(93,234,255,.08)}.look-zone{position:absolute;right:0;top:75px;bottom:0;width:58%;pointer-events:auto;touch-action:none}.control-btn{position:absolute;border-radius:50%;pointer-events:auto;touch-action:none;color:#e6fbff;border:1px solid rgba(93,234,255,.25);background:rgba(5,12,19,.45);backdrop-filter:blur(3px)}.fire-btn{right:24px;bottom:35px;width:82px;height:82px;border-color:rgba(255,85,104,.48);box-shadow:inset 0 0 25px rgba(255,85,104,.08)}.fire-btn span{font-size:10px;letter-spacing:1px;color:#ffadb7}.reload-btn{right:119px;bottom:41px;width:48px;height:48px}.sprint-btn{right:90px;bottom:104px;width:44px;height:44px;font-size:7px}
.result-panel{width:min(500px,92vw);text-align:center}.result-panel h2{margin:10px 0 3px;font-size:28px}.result-panel>p{color:#6d838d;font-size:10px;margin:0 0 16px}.result-score{padding:18px;background:linear-gradient(90deg,transparent,rgba(93,234,255,.05),transparent);border-top:1px solid rgba(93,234,255,.12);border-bottom:1px solid rgba(93,234,255,.12)}.result-score span{display:block;font-size:8px;color:#69808a;letter-spacing:1.7px}.result-score strong{font-size:38px;color:var(--cyan);text-shadow:0 0 24px rgba(93,234,255,.25)}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.result-grid div{padding:11px;background:rgba(255,255,255,.025)}.result-grid span{display:block;color:#5e737c;font-size:7px;letter-spacing:1px}.result-grid strong{font-size:17px}.result-scan{position:absolute;left:10%;right:10%;top:0;height:1px;background:var(--cyan);box-shadow:0 0 18px var(--cyan);animation:scan 3.2s ease-in-out infinite}.cinema-bars:before,.cinema-bars:after{content:"";position:fixed;z-index:8;left:0;right:0;height:0;background:#000;pointer-events:none}.cinema-bars:before{top:0}.cinema-bars:after{bottom:0}
@keyframes hit{0%{opacity:0;transform:translate(-50%,-50%) scale(1.6)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(.85)}}@keyframes head{0%{opacity:0;transform:translate(-50%,38px)}20%{opacity:1;transform:translate(-50%,28px)}70%{opacity:1}100%{opacity:0;transform:translate(-50%,20px)}}@keyframes hurt{0%{opacity:0}25%{opacity:1}100%{opacity:0}}@keyframes pulse{50%{opacity:.25}}@keyframes scan{0%,100%{top:0;opacity:.3}50%{top:100%;opacity:.8}}
@media(max-width:760px){.screen{padding:10px}.panel{padding:18px 16px;width:96vw;max-height:94vh;overflow:auto}h1{font-size:43px}.subtitle{font-size:11px;margin-bottom:15px}.menu-grid{grid-template-columns:1fr}.right-col{display:none}.map-grid{grid-template-columns:1fr 1fr}.map-card{min-height:64px}.map-preview{display:none}.stats-row{margin-top:12px}.help-line.desktop-help{display:none}.help-line.mobile-help{display:block}.top-left{left:10px;top:10px;width:132px}.top-right{right:10px;top:10px;width:140px}.top-center{top:70px}.bottom-left{display:none}.weapon-card>strong b{font-size:22px}.weapon-card>strong{font-size:20px}.hp-card{padding:8px 9px}.bottom-center{bottom:8px}.crosshair{width:32px;height:32px}.crosshair i:nth-child(1){top:15px}.crosshair i:nth-child(2){top:15px}.crosshair i:nth-child(3){left:15px}.crosshair i:nth-child(4){left:15px}.crosshair b{left:15px;top:15px}.ammo-dashes{display:none!important}}
@media(max-height:670px) and (max-width:900px){.brand-row{display:none}.panel{padding-top:14px}.subtitle{margin:4px 0 10px}.stats-row{display:none}.map-card{min-height:55px}.primary-btn{height:43px}.help-line{display:none!important}}