@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--ink:#f3f1e9;--muted:#929a91;--deep:#111918;--glass:rgba(14,23,21,.83);--line:rgba(223,232,214,.14);--acid:#d5ec67;--cyan:#80dbe0;--red:#fa725b;--display:'Barlow Condensed',sans-serif;--mono:'DM Mono',monospace;--body:'Manrope',sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0d1514;color:var(--ink);font-family:var(--body)}button{font:inherit;color:inherit}.game-shell{position:relative;width:100vw;height:100dvh;min-height:520px;overflow:hidden;background:#586d56;isolation:isolate}#world{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 51% 48%,transparent 40%,rgba(5,11,11,.14) 77%,rgba(5,11,11,.5) 120%);z-index:1}.scanlines{position:absolute;inset:0;pointer-events:none;opacity:.07;z-index:2;background:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,rgba(255,255,255,.13) 3px,transparent 4px);mix-blend-mode:soft-light}.topbar,.status-strip,.minimap-wrap,.bottom-hud,.feed,.center-message,.landmark-banner,.pickup-toast,.danger-warning{z-index:4}.topbar{position:absolute;inset:0 0 auto;height:78px;padding:0 31px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(224,230,216,.11);background:linear-gradient(180deg,rgba(10,17,16,.83),rgba(10,17,16,.4));backdrop-filter:blur(8px)}.brand-lockup{display:flex;align-items:center;gap:11px}.brand-mark{display:flex;gap:3px;align-items:flex-end;height:29px;padding:4px 5px;border:1px solid rgba(213,236,103,.65);transform:skew(-12deg)}.brand-mark span{display:block;width:4px;background:var(--acid)}.brand-mark span:nth-child(1){height:10px}.brand-mark span:nth-child(2){height:18px}.brand-mark span:nth-child(3){height:13px}.brand-name{font:800 21px/19px var(--display);letter-spacing:1.6px}.brand-name span{color:var(--acid)}.brand-sub{font:9px var(--mono);letter-spacing:1.3px;color:#a7b0a5;margin-top:5px}.match-status{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;font:10px var(--mono);letter-spacing:1px;color:#ced4cb}.match-status b{font-weight:400;color:var(--acid);margin-left:7px;padding-left:11px;border-left:1px solid var(--line)}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d6ed68;box-shadow:0 0 10px rgba(214,237,104,.7);animation:blink 1.5s infinite}@keyframes blink{50%{opacity:.45}}.top-right{display:flex;align-items:center;gap:9px}.region-chip{height:31px;padding:0 10px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(11,19,17,.52);font:9px var(--mono);letter-spacing:.5px;color:#c1c9be}.region-chip b{font-weight:400;color:var(--acid);margin-left:2px}.signal-bars{display:flex;align-items:flex-end;gap:2px;height:12px}.signal-bars i{width:2px;background:var(--acid);height:5px}.signal-bars i:nth-child(2){height:8px}.signal-bars i:nth-child(3){height:11px}.icon-button{height:31px;width:31px;border:1px solid var(--line);background:rgba(11,19,17,.52);color:#dce1d7;font:12px var(--mono);cursor:pointer;transition:.2s}.icon-button:hover{border-color:var(--acid);color:var(--acid)}.sound-icon{font:10px var(--mono)}.status-strip{position:absolute;top:96px;left:31px;display:flex;gap:7px}.stat-card{height:56px;display:flex;align-items:center;gap:11px;padding:0 13px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(10px);box-shadow:0 8px 24px #09100e25}.stat-card small{display:block;font:8px var(--mono);letter-spacing:1.1px;color:#9ba69a;margin-bottom:3px}.stat-card strong{display:block;font:600 14px var(--display);letter-spacing:.7px;color:#f0f0e8}.remaining-card{min-width:154px}.stat-icon{font-size:16px;color:var(--acid)}.stat-divider{height:28px;width:1px;background:var(--line);margin:0 3px}.zone-card{min-width:200px}.zone-card strong{font-size:13px}.zone-ring-icon{width:22px;height:22px;border:1px solid var(--cyan);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 10px #80dbe027}.zone-ring-icon i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 7px var(--cyan)}.objective-card{min-width:170px}.objective-mark{font-size:21px;color:var(--acid);line-height:1}.minimap-wrap{position:absolute;right:30px;top:96px;width:222px;padding:10px 10px 8px;border:1px solid var(--line);background:rgba(12,20,18,.84);backdrop-filter:blur(8px);box-shadow:0 9px 30px #050a0950}.mini-head,.mini-footer{display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);letter-spacing:1px;color:#9ca69a}.mini-head{padding:0 2px 8px}.mini-north{color:#c2cabc}.mini-north b{font-size:12px;color:var(--acid);padding-left:3px}.minimap-wrap canvas{width:200px;height:200px;display:block;border:1px solid rgba(225,231,211,.14);background:#647d5b}.mini-footer{padding:8px 2px 0;font-size:7px;letter-spacing:.5px}.mini-footer span{display:flex;align-items:center;gap:5px}.map-dot{height:6px;width:6px;border-radius:50%;display:inline-block}.player-dot{background:var(--acid);box-shadow:0 0 6px var(--acid)}.enemy-dot{background:var(--red)}.bottom-hud{position:absolute;left:30px;right:30px;bottom:25px;display:grid;grid-template-columns:245px minmax(390px,530px) 1fr;gap:10px;align-items:end}.hud-panel{border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(12px);box-shadow:0 10px 34px #07100d55}.player-vitals{height:126px;padding:13px 14px}.vitals-top{display:flex;align-items:center;gap:9px;margin-bottom:10px}.avatar-mark{height:32px;width:32px;display:grid;place-items:center;border:1px solid rgba(213,236,103,.45);color:var(--acid);font:700 12px var(--display);background:rgba(213,236,103,.08);clip-path:polygon(0 0,100% 0,100% 72%,70% 100%,0 100%)}.player-meta{flex:1}.player-meta strong{font:700 13px var(--display);letter-spacing:1px}.player-meta strong span{color:var(--acid)}.player-meta small{display:block;margin-top:2px;color:#929d92;font:7px var(--mono);letter-spacing:.8px}.vitals-value strong{font:700 20px var(--display);color:var(--acid)}.vitals-value small{font:8px var(--mono);color:#9da69a;margin-left:2px}.bar-label{display:flex;justify-content:space-between;color:#aab3a7;font:7px var(--mono);letter-spacing:.8px;margin:5px 0 4px}.meter{height:5px;width:100%;background:#35413a;overflow:hidden}.meter i{height:100%;display:block;transition:width .2s}.health-meter i{background:linear-gradient(90deg,#bad457,#e3ef81);box-shadow:0 0 9px #cee5635e}.armor-label{margin-top:8px}.armor-meter{height:3px}.armor-meter i{background:#80dbe0}.hotbar{height:126px;display:flex;align-items:center;padding:12px 13px;gap:0}.slot{position:relative;width:82px;height:90px;border:1px solid rgba(229,236,216,.15);background:rgba(220,230,211,.035);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.active-slot{width:102px;border-color:rgba(213,236,103,.65);background:linear-gradient(145deg,rgba(213,236,103,.1),rgba(213,236,103,.01))}.slot-num{position:absolute;left:6px;top:5px;font:8px var(--mono);color:#b5beb2}.weapon-icon{position:relative;width:44px;height:22px}.rifle-icon:before{content:'';position:absolute;left:2px;top:9px;width:35px;height:4px;background:#cbd6c2;clip-path:polygon(0 15%,80% 15%,80% 0,100% 0,100% 80%,50% 80%,50% 100%,40% 100%,40% 75%,10% 75%)}.rifle-icon:after{content:'';position:absolute;left:15px;top:10px;height:12px;width:4px;background:#8c9988;transform:skew(-18deg)}.rifle-icon i{position:absolute;right:1px;top:10px;width:12px;height:2px;background:var(--acid)}.slot-label{font:7px var(--mono);letter-spacing:.5px;color:#d2d8ce;white-space:nowrap}.slot-equipped{font:6px var(--mono);letter-spacing:1px;color:var(--acid);font-weight:400}.ammo-block{height:85px;flex:1;padding:8px 12px 5px 15px;min-width:112px}.ammo-count{display:flex;align-items:baseline;gap:5px}.ammo-count strong{font:700 31px/.9 var(--display);letter-spacing:1px;color:#f3f2e8}.ammo-count>span{font:14px var(--display);color:#748075}.ammo-count small{font:14px var(--display);color:#a9b2a6}.ammo-caption{font:7px var(--mono);letter-spacing:.7px;color:#96a092;margin-top:5px}.ammo-dots{display:flex;gap:2px;margin-top:7px}.ammo-dots i{height:3px;flex:1;max-width:5px;background:#cde75d;opacity:.85}.ammo-dots i:nth-child(n+16){opacity:.22}.utility-icon{font-size:22px;line-height:25px;color:#d9e5d2}.utility-slot .slot-label b{color:var(--acid);font-weight:500;margin-left:4px}.grenade-icon{color:#efad69}.controls-card{height:68px;padding:8px 12px;align-self:end;margin-bottom:0}.compass{height:20px;display:flex;align-items:center;gap:8px;font:8px var(--mono);color:#aeb8a9}.compass>i{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(217,226,207,.35),transparent);position:relative}.compass>i:after{content:'';position:absolute;width:4px;height:4px;left:50%;top:-2px;border:1px solid var(--acid);transform:rotate(45deg)}.compass b{font-weight:400;color:var(--acid);font-size:9px}.quick-controls{display:flex;justify-content:space-between;gap:8px;margin-top:6px}.quick-controls span{display:flex;align-items:center;gap:2px;font:7px var(--mono);color:#9aa496;white-space:nowrap}kbd{font:8px var(--mono);color:#dce2d7;min-width:15px;height:16px;padding:2px 3px;text-align:center;border:1px solid rgba(222,231,213,.19);background:rgba(225,232,219,.07);border-radius:2px}.feed{position:absolute;right:270px;top:104px;width:236px;display:flex;flex-direction:column;gap:5px;pointer-events:none}.feed-item{padding:7px 9px;background:rgba(13,22,20,.72);border-left:2px solid var(--red);font:8px var(--mono);letter-spacing:.2px;color:#d1d8cd;animation:feedin .25s ease-out}.feed-item b{color:#fa806b;font-weight:500}.feed-item .feed-weapon{color:#9eaa9b}@keyframes feedin{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}.center-message{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;text-shadow:0 2px 18px #07100d}.center-message .callout{font:600 13px var(--mono);letter-spacing:2px;color:var(--acid);animation:fadeCallout 2.2s forwards}@keyframes fadeCallout{0%{opacity:0;transform:translateY(7px)}12%,74%{opacity:1;transform:none}100%{opacity:0}}.landmark-banner{position:absolute;left:50%;top:110px;transform:translateX(-50%) translateY(-6px);display:flex;align-items:center;gap:10px;padding:8px 14px;background:rgba(14,22,20,.82);border:1px solid rgba(213,236,103,.33);opacity:0;transition:opacity .4s,transform .4s;pointer-events:none}.landmark-banner.show{opacity:1;transform:translateX(-50%) translateY(0)}.landmark-pin{font-size:20px;color:var(--acid)}.landmark-banner small,.landmark-banner strong{display:block}.landmark-banner small{font:7px var(--mono);letter-spacing:1.2px;color:#929d91}.landmark-banner strong{font:600 13px var(--display);letter-spacing:1px;color:#e5e9dc}.pickup-toast{position:absolute;left:50%;bottom:180px;transform:translateX(-50%);font:9px var(--mono);letter-spacing:.5px;padding:8px 13px;border:1px solid rgba(213,236,103,.28);background:rgba(12,21,18,.85);color:#e0e8d1;opacity:0;transition:opacity .2s;pointer-events:none}.pickup-toast.show{opacity:1}.danger-warning{position:absolute;top:43%;right:31px;display:flex;align-items:center;gap:9px;padding:8px 11px;background:rgba(62,21,17,.87);border:1px solid rgba(250,114,91,.58);opacity:0;transform:translateX(8px);transition:.25s;pointer-events:none}.danger-warning.show{opacity:1;transform:translateX(0)}.danger-warning>span{height:22px;width:22px;display:grid;place-items:center;border:1px solid var(--red);border-radius:50%;color:var(--red);font:700 12px var(--mono)}.danger-warning b,.danger-warning small{display:block}.danger-warning b{font:600 10px var(--display);letter-spacing:.7px;color:#ffb1a0}.danger-warning small{font:7px var(--mono);letter-spacing:.5px;color:#d09486;margin-top:2px}.deploy-screen,.end-screen,.pause-screen{position:absolute;inset:0;z-index:10;display:flex;align-items:center;padding:0 max(10vw,70px);background:linear-gradient(90deg,rgba(8,15,14,.94) 0%,rgba(9,16,15,.87) 34%,rgba(9,16,15,.18) 76%,rgba(7,13,12,.12) 100%);transition:opacity .7s,visibility .7s}.deploy-screen.dismissed{opacity:0;visibility:hidden;pointer-events:none}.deploy-backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,16,15,.22),transparent 80%)}.deploy-content{max-width:520px;margin-top:25px;animation:rise .7s ease-out}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.eyebrow{display:flex;align-items:center;gap:9px;font:9px var(--mono);letter-spacing:1.5px;color:#b5c0ae}.eyebrow>span{height:1px;width:22px;background:var(--acid);box-shadow:0 0 8px #d5ec6770}.deploy-content h1,.end-panel h2,.pause-card h2{font:800 clamp(52px,6.3vw,83px)/.83 var(--display);letter-spacing:1.4px;margin:22px 0 17px;text-shadow:0 5px 24px #07100d}.deploy-content h1 em,.end-panel h2 em,.pause-card h2 em{font-style:normal;color:var(--acid)}.deploy-copy{font:12px/1.85 var(--body);color:#c0c9bd;margin:0 0 28px}.deploy-meta{display:flex;gap:0;padding:14px 0 17px;border-top:1px solid rgba(220,231,211,.19);border-bottom:1px solid rgba(220,231,211,.19);margin-bottom:21px}.deploy-meta>div{padding:0 15px;border-left:1px solid rgba(220,231,211,.16)}.deploy-meta>div:first-child{padding-left:0;border:0}.deploy-meta small,.deploy-meta strong{display:block}.deploy-meta small{font:7px var(--mono);letter-spacing:1px;color:#879286;margin-bottom:5px}.deploy-meta strong{font:600 9px var(--mono);letter-spacing:.3px;color:#e1e7dc}.deploy-meta strong .live-dot{width:5px;height:5px;margin-right:4px}.deploy-button{position:relative;display:flex;justify-content:space-between;align-items:center;gap:45px;min-width:226px;height:48px;padding:0 15px;border:1px solid var(--acid);background:var(--acid);color:#172018;cursor:pointer;font:700 12px var(--display);letter-spacing:1.1px;transition:background .2s,color .2s,transform .2s;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}.deploy-button i{font:18px var(--body);font-style:normal}.deploy-button:hover{background:#e7f397;transform:translateY(-2px);box-shadow:0 9px 24px #d5ec672c}.deploy-foot{display:flex;align-items:center;gap:10px;margin-top:19px;font:7px var(--mono);letter-spacing:.55px;color:#909c90}.deploy-foot i{height:3px;width:3px;background:var(--acid);border-radius:50%}.deploy-side-note{position:absolute;right:32px;bottom:31px;font:9px/1.8 var(--mono);letter-spacing:1px;color:rgba(220,230,215,.62);text-align:right}.end-screen,.pause-screen{justify-content:center;background:rgba(7,13,12,.7);backdrop-filter:blur(6px)}.hidden{display:none!important}.end-panel,.pause-card{width:min(500px,90vw);padding:35px 39px;background:rgba(13,22,20,.95);border:1px solid rgba(223,232,214,.2);box-shadow:0 20px 90px #0008;animation:rise .35s ease-out}.end-panel h2,.pause-card h2{font-size:66px;margin:16px 0 12px}.end-panel p,.pause-card p{font-size:12px;color:#aeb8ab;margin:0 0 23px}.end-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 0;margin-bottom:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.end-stats>div+div{border-left:1px solid var(--line);padding-left:16px}.end-stats small,.end-stats strong{display:block}.end-stats small{font:7px var(--mono);letter-spacing:.7px;color:#8e998c;margin-bottom:7px}.end-stats strong{font:600 23px var(--display);color:#e8ece0}.end-stats sup{font:9px var(--mono);color:var(--acid)}.pause-card{width:380px}.pause-card small{display:block;margin-top:13px;font:8px var(--mono);letter-spacing:1px;color:#859084}.help-modal{position:absolute;inset:0;z-index:12;display:grid;place-items:center;background:#07100d9c;backdrop-filter:blur(5px)}.help-card{position:relative;width:min(480px,90vw);padding:30px;background:rgba(16,26,23,.97);border:1px solid var(--line);box-shadow:0 20px 90px #0008}.close-help{position:absolute;right:14px;top:12px;width:28px;height:28px;border:1px solid var(--line);background:transparent;font-size:20px;color:#aeb7aa;cursor:pointer}.help-card h2{font:700 43px var(--display);letter-spacing:1px;margin:8px 0 18px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.help-grid span{display:flex;align-items:center;gap:9px;font-size:10px;color:#c9d1c4}.help-grid kbd{min-width:63px}.help-card p{font-size:10px;line-height:1.7;color:#99a497;margin:15px 0 0}
@media(max-width:950px){.topbar{padding:0 18px}.status-strip{left:18px;top:88px}.minimap-wrap{right:18px;top:88px;transform:scale(.82);transform-origin:top right}.feed{right:220px;top:186px}.bottom-hud{left:18px;right:18px;grid-template-columns:205px minmax(340px,1fr);bottom:15px}.controls-card{display:none}.player-vitals,.hotbar{height:116px}.player-vitals{padding:10px}.deploy-screen{padding-left:8vw}.deploy-side-note{right:18px}.objective-card{display:none}}
@media(max-width:650px){.game-shell{min-height:480px}.topbar{height:60px;padding:0 13px}.brand-mark{height:25px}.brand-name{font-size:18px}.brand-sub{font-size:7px}.match-status{display:none}.region-chip{display:none}.top-right{gap:5px}.status-strip{top:72px;left:12px;gap:5px}.stat-card{height:46px;padding:0 9px;gap:7px}.remaining-card{min-width:116px}.remaining-card .stat-divider{height:22px}.stat-card small{font-size:6px}.stat-card strong{font-size:11px}.zone-card{min-width:145px}.zone-card strong{font-size:10px}.zone-ring-icon{width:18px;height:18px}.objective-card{display:none}.minimap-wrap{top:72px;right:12px;transform:scale(.58);transform-origin:top right}.feed{top:122px;right:12px;width:155px}.feed-item{font-size:7px;padding:5px}.bottom-hud{left:8px;right:8px;bottom:8px;grid-template-columns:1fr;gap:5px}.player-vitals{display:none}.hotbar{height:90px;padding:7px;justify-content:center}.slot{height:72px;width:66px}.active-slot{width:78px}.ammo-block{height:72px;max-width:150px;padding:8px}.ammo-count strong{font-size:27px}.utility-icon{font-size:18px}.slot-label{font-size:6px}.controls-card{display:none}.deploy-screen{padding:0 23px;background:linear-gradient(90deg,rgba(8,15,14,.93),rgba(8,15,14,.59))}.deploy-content{margin-top:-10px}.deploy-content h1{font-size:56px}.deploy-copy{font-size:10px}.deploy-meta{gap:0}.deploy-meta>div{padding:0 8px}.deploy-meta small{font-size:6px}.deploy-meta strong{font-size:7px}.deploy-button{height:43px;min-width:205px}.deploy-foot{font-size:6px;gap:6px}.deploy-side-note{font-size:7px;right:10px;bottom:8px}.landmark-banner{top:81px}.pickup-toast{bottom:104px}.danger-warning{top:32%;right:8px}.end-panel,.pause-card{padding:25px}.end-panel h2,.pause-card h2{font-size:54px}}

.touch-controls{display:none}
.sound-toggle.muted{color:var(--red);border-color:rgba(250,114,91,.45)}
@media(max-width:800px) and (pointer:coarse){
  .touch-controls{position:absolute;inset:0;z-index:5;display:block;pointer-events:none}
  .touch-stick{position:absolute;left:19px;bottom:105px;width:106px;height:106px;border:1px solid rgba(230,238,219,.34);border-radius:50%;background:rgba(14,24,20,.25);box-shadow:inset 0 0 0 14px rgba(215,227,205,.035);pointer-events:auto;touch-action:none}
  .touch-stick:before{content:'';position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:rgba(218,231,203,.48)}
  .touch-stick span{position:absolute;left:50%;top:50%;width:42px;height:42px;margin:-21px;border-radius:50%;border:1px solid rgba(213,236,103,.55);background:rgba(213,236,103,.2);transform:translate(var(--stick-x,0px),var(--stick-y,0px));box-shadow:0 2px 10px #08110c7a}
  .touch-action-stack{position:absolute;right:17px;bottom:103px;display:grid;grid-template-columns:42px 42px;gap:6px;pointer-events:auto}
  .touch-action-stack button{height:39px;border:1px solid rgba(230,238,219,.32);background:rgba(14,24,20,.72);color:#e0e9d9;font:700 12px var(--mono);touch-action:none;box-shadow:0 3px 9px #0005}
  .touch-action-stack #touch-fire{grid-column:span 2;height:46px;border-color:rgba(213,236,103,.68);background:rgba(213,236,103,.85);color:#1b2619;font:700 12px var(--display);letter-spacing:1px}
}