*{box-sizing:border-box;margin:0;padding:0}html,body{color:#cfd3c4;-webkit-user-select:none;user-select:none;background:#0c0f0c;height:100%;font-family:Consolas,Lucida Console,DejaVu Sans Mono,monospace;overflow:hidden}canvas#c{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}#hud{pointer-events:none;position:fixed;inset:0}#hud>*{position:absolute}#crosshair{--g:6px;width:0;height:0;top:50%;left:50%}#crosshair i{background:#e7e9d8;transition:none;position:absolute;box-shadow:0 0 2px #000}#crosshair .t{width:2px;height:8px;left:-1px;top:calc(-8px - var(--g))}#crosshair .b{width:2px;height:8px;left:-1px;top:var(--g)}#crosshair .l{width:8px;height:2px;top:-1px;left:calc(-8px - var(--g))}#crosshair .r{width:8px;height:2px;top:-1px;left:var(--g)}#crosshair .c{width:2px;height:2px;top:-1px;left:-1px}#crosshair.ads i{opacity:.35}#hitmark{width:22px;height:22px;margin:-11px 0 0 -11px;top:50%;left:50%}#hitmark:before,#hitmark:after{content:"";border:2px solid #ff4d3d;border-color:#ff4d3d #0000;position:absolute;inset:0;transform:rotate(45deg)}#hitmark:after{border-color:#0000 #ff4d3d}#vignette{opacity:0;background:radial-gradient(#0000 55%,#78000000 100%);transition:opacity .25s;inset:0}#vignette.hit{opacity:1;background:radial-gradient(#0000 45%,#a00a008c 100%)}#vignette.low{opacity:1;background:radial-gradient(#0000 40%,#78000080 100%);animation:1.1s infinite pulse}@keyframes pulse{50%{opacity:.5}}#compass{border-bottom:1px solid #cfd3c459;width:420px;height:22px;margin-left:-210px;top:14px;left:50%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}#compass-strip{white-space:nowrap;letter-spacing:1px;height:22px;font-size:12px;position:absolute;top:0}#compass-strip span{color:#cfd3c4;text-shadow:0 0 3px #000;position:absolute;top:2px;transform:translate(-50%)}#compass-strip span.big{color:#e8c170;font-size:13px;font-weight:700}#compass-mark{background:#e8c170;width:2px;height:22px;margin-left:-1px;position:absolute;top:0;left:50%}#anom-warn{color:#ff9b3d;letter-spacing:3px;text-shadow:0 0 8px #ff6a00;font-size:18px;animation:.5s infinite pulse;top:80px;left:50%;transform:translate(-50%)}#rad-warn{color:#b6ff3d;letter-spacing:3px;text-shadow:0 0 8px #7bff00;font-size:16px;animation:.8s infinite pulse;top:110px;left:50%;transform:translate(-50%)}#status{width:260px;font-size:12px;bottom:24px;left:24px}.bar{align-items:center;gap:8px;margin-top:6px;display:flex}.bar .lbl,#rad-meter .lbl{color:#9aa08f;width:34px}.track{background:#0000008c;border:1px solid #cfd3c459;flex:1;height:10px}#hp-fill{background:linear-gradient(90deg,#b8322a,#e04e3a);width:100%;height:100%;transition:width .15s}#st-fill{background:#c9b15a;width:100%;height:100%;transition:width .1s}#rad-meter{align-items:center;gap:8px;margin-top:6px;display:flex}#rad-fill{background:#8ee03a;width:0;height:100%;transition:width .3s}#hp-num{text-align:right;width:30px}#weapon{text-align:right;bottom:24px;right:24px}#weapon-name{color:#9aa08f;letter-spacing:2px;font-size:14px}#ammo{color:#e7e9d8;text-shadow:0 0 6px #000;font-size:34px}#ammo-sep{color:#9aa08f;margin:0 4px}#ammo-res{color:#9aa08f;font-size:20px}#reloading{color:#e8c170;letter-spacing:2px;font-size:12px;animation:.6s infinite pulse}#slots{color:#6f7565;margin-top:6px;font-size:11px}#slots span{margin-left:10px}#slots span.on{color:#e8c170}#topright{color:#9aa08f;font-size:12px;top:14px;right:24px}#killfeed{text-align:right;font-size:12px;top:40px;right:24px}#killfeed div{clear:both;float:right;background:#00000073;margin-top:3px;padding:3px 8px;display:inline-block}#killfeed .k{color:#e8c170}#killfeed .v{color:#e7e9d8}#killfeed .me{color:#ff6a5a}#chat{pointer-events:none;width:420px;font-size:12px;bottom:110px;left:24px}#chat-log{flex-direction:column;justify-content:flex-end;max-height:180px;display:flex;overflow:hidden}#chat-log div{text-shadow:0 0 2px #000;opacity:1;background:#0006;margin-top:2px;padding:2px 6px;transition:opacity 1s}#chat-log div.old{opacity:0}#chat-log .n{color:#e8c170}#chat-log .s{color:#8fa3b8;font-style:italic}#chat-input{pointer-events:auto;color:#e7e9d8;width:100%;font:inherit;background:#000000b3;border:1px solid #6f7565;outline:none;margin-top:4px;padding:5px 8px}#board{background:#0a0c0ad9;border:1px solid #6f7565;min-width:420px;padding:14px 20px;font-size:13px;top:20%;left:50%;transform:translate(-50%)}#board th{text-align:left;color:#9aa08f;border-bottom:1px solid #3a3f36;padding:2px 12px;font-weight:400}#board td{padding:3px 12px}#death{background:#2800008c;flex-direction:column;justify-content:center;align-items:center;display:flex;inset:0}#death .title{letter-spacing:8px;color:#e7e9d8;text-shadow:0 0 20px #000;font-size:48px}#death-by{color:#cfd3c4;margin-top:10px}#death-timer{color:#e8c170;margin-top:14px;font-size:20px}#hint{color:#6f7565;white-space:nowrap;font-size:11px;bottom:6px;left:50%;transform:translate(-50%)}#binoc{inset:0}#binoc .mask{-webkit-mask-composite:source-in;background:#000;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 36%,#0000 0 31vh,#000 32vh),radial-gradient(circle at 64%,#0000 0 31vh,#000 32vh);mask-image:radial-gradient(circle at 36%,#0000 0 31vh,#000 32vh),radial-gradient(circle at 64%,#0000 0 31vh,#000 32vh);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}#binoc .ret{width:0;height:0;position:absolute;top:50%;left:50%}#binoc .ret:before{content:"";background:#e6e6d28c;width:240px;height:1px;position:absolute;top:-1px;left:-120px}#binoc .ret:after{content:"";background:#e6e6d28c;width:1px;height:240px;position:absolute;top:-120px;left:-1px}#binoc-zoom{color:#e8c170;text-shadow:0 0 6px #000;font-size:22px;position:absolute;top:24%;right:26%}#binoc-target{color:#e7e9d8;letter-spacing:1px;text-shadow:0 0 6px #000;font-size:15px;position:absolute;top:58%;left:50%;transform:translate(-50%)}:root{--amber:#d98b2b;--amber2:#f0b14a;--rust:#7a3f1a;--menu-font:"Play", "Consolas", monospace}#splash{cursor:pointer;z-index:20;background:#060706;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#splash .logo,#menu .logo{color:#d6d2c4;letter-spacing:6px;text-shadow:0 0 24px #d98b2b59,0 2px #000;align-items:baseline;gap:14px;font-family:Russo One,Play,sans-serif;display:flex}#splash .logo .t{font-size:64px}#splash .logo .n{color:var(--amber);font-size:84px}#splash .sub,#menu .sub{font-family:var(--menu-font);color:var(--amber);letter-spacing:8px;text-transform:uppercase;margin-top:4px;font-size:16px}#splash-hint{font-family:var(--menu-font);color:#8a8f80;letter-spacing:4px;margin-top:60px;font-size:13px;animation:1.6s infinite pulse}#splash #loading{width:360px;position:absolute;bottom:12vh}#splash #loading .track{border-color:#d98b2b66;height:6px}#load-fill{background:var(--amber);width:0;height:100%;transition:width .2s}#load-text{font-family:var(--menu-font);color:#8a8f80;letter-spacing:2px;text-align:center;margin-top:8px;font-size:12px}#menu{z-index:15;font-family:var(--menu-font);color:#cfd3c4;position:fixed;inset:0;overflow:hidden}#menu .bg{background:#0b0d0b url(/img/menu-bg.jpg) 50%/cover no-repeat;animation:40s ease-in-out infinite alternate bgdrift;position:absolute;inset:0}@keyframes bgdrift{0%{transform:scale(1.02)translate(0)}to{transform:scale(1.06)translate(-1.2%)}}#menu .vignette{background:linear-gradient(90deg,#050605eb 0,#050605bf 32%,#05060526 60%,#05060559 100%),radial-gradient(#0000 55%,#000c 100%);position:absolute;inset:0}#menu .grain{opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:200%;height:200%;animation:.5s steps(4,end) infinite grain;position:absolute;inset:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-1%,-1%)}to{transform:translate(3%,1%)}}#menu .left{flex-direction:column;width:380px;display:flex;position:absolute;top:9vh;bottom:6vh;left:6vw}#menu .logo .t{font-size:44px}#menu .logo .n{color:var(--amber);font-size:60px}#menu .logo .rad{color:var(--amber);opacity:.8;margin-left:4px;font-size:30px}#nav{flex-direction:column;gap:6px;margin-top:52px;display:flex}#nav button{text-align:left;font:700 20px var(--menu-font);text-transform:uppercase;letter-spacing:3px;color:#9aa08f;cursor:pointer;text-shadow:0 2px #000;background:0 0;border:0;border-left:3px solid #0000;padding:10px 18px;transition:color .12s,border-color .12s,padding-left .12s}#nav button:hover,#nav button.on{color:var(--amber2);border-left-color:var(--amber);padding-left:26px}#nav button.on{color:#f4d38a}#menu .foot{color:#6f7565;letter-spacing:1px;margin-top:auto;font-size:11px;line-height:1.7}#menu .foot #menu-online{color:#9aa08f}#menu .right{width:560px;max-width:46vw;position:absolute;top:14vh;right:6vw}#menu .sec{border:1px solid #d98b2b40;border-left:3px solid var(--amber);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080a08b8;padding:26px 30px;animation:.25s ease-out secin;display:none}#menu .sec.on{display:block}@keyframes secin{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}#menu h2{font-family:"Russo One", var(--menu-font);letter-spacing:3px;text-transform:uppercase;color:var(--amber2);margin-bottom:18px;font-size:20px;font-weight:400}#menu p{color:#b9bdae;margin-bottom:12px;font-size:13px;line-height:1.7}#menu p.hint{color:#7d8374;font-size:12px}#join .row{gap:8px;display:flex}#join .row input{color:#e7e9d8;font:16px var(--menu-font);letter-spacing:1px;background:#0009;border:1px solid #4d5346;outline:none;flex:1;padding:11px 14px}#join .row input:focus{border-color:var(--amber)}#join .row button{background:var(--amber);color:#1a1208;font:700 15px var(--menu-font);letter-spacing:3px;cursor:pointer;border:0;padding:10px 22px}#join .row button:hover{background:var(--amber2)}#join-faction{color:#9aa08f;margin-top:14px;font-size:13px}#join-faction b{color:var(--fc,var(--amber2));letter-spacing:1px}#menu-msg{color:#ff6a5a;min-height:16px;margin-top:10px;font-size:12px}#factions{grid-template-columns:1fr 1fr;gap:10px;display:grid}#factions button{text-align:left;color:#9aa08f;font:700 14px var(--menu-font);letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:#00000073;border:1px solid #3a3f36;padding:12px 14px;transition:all .12s}#factions button small{font:400 11px var(--menu-font);letter-spacing:0;text-transform:none;color:#7d8374;margin-top:4px;display:block}#factions button:hover{border-color:var(--c);color:var(--c)}#factions button.on{border-color:var(--c);color:var(--c);box-shadow:inset 0 0 0 1px var(--c), 0 0 18px #0009;background:#000000b3}#faction-desc{color:#b9bdae;min-height:40px;margin-top:14px;font-size:13px;line-height:1.6}table.keys{border-collapse:collapse;width:100%;margin-bottom:12px;font-size:13px}table.keys td{border-bottom:1px solid #ffffff0f;padding:6px 8px}table.keys td:nth-child(odd){color:var(--amber2);letter-spacing:1px;white-space:nowrap;width:22%;font-weight:700}#menu.fadein{animation:.8s ease-out fadein}@keyframes fadein{0%{opacity:0}to{opacity:1}}#hud.dead #crosshair,#hud.dead #weapon{display:none}#death .title{font-family:"Russo One", var(--menu-font)}