:root{--fg:#f4f4f2;--dim:#ffffff9e;--panel:#0c0e128c;--accent:#f2c230;--red:#e2402f;--swiss:#d52b1e;--font:"Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--fg);font-family:var(--font);-webkit-user-select:none;user-select:none;background:#0b0d10;margin:0;overflow:hidden}canvas{display:block}#app{position:fixed;inset:0}#app>canvas{width:100%;height:100%;position:absolute;inset:0}.hidden{display:none!important}button{font-family:var(--font);letter-spacing:.08em;cursor:pointer;color:var(--fg);background:#ffffff14;border:1px solid #ffffff40;padding:10px 22px;font-size:15px;font-weight:700;transition:background .12s,border-color .12s,transform 80ms}button:hover{background:#ffffff2e;border-color:#fff9}button:active{transform:translateY(1px)}button.big{background:var(--accent);color:#111;border-color:var(--accent);padding:14px 30px;font-size:20px}button.big:hover{background:#ffd54a}.screen{z-index:20;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#loading{background:radial-gradient(at 50% 40%,#1d2a3a 0%,#090b0f 70%);flex-direction:column;gap:18px}.logo{letter-spacing:.06em;text-shadow:0 4px 30px #0009;font-size:74px;font-weight:900;line-height:.9}.logo span{color:var(--swiss);letter-spacing:.32em;font-size:52px;display:block}.tagline{color:var(--dim);letter-spacing:.04em;max-width:520px;font-size:15px}.loadbar{background:#ffffff1f;width:420px;height:6px}#loadFill{background:var(--accent);width:0;height:100%;transition:width .25s}#loadText{color:var(--dim);letter-spacing:.05em;font-size:13px}#menu{background:linear-gradient(90deg,#05070ad9 0%,#05070a59 45%,#05070a00 70%);justify-content:flex-start;align-items:stretch}.menu-left{flex-direction:column;gap:22px;width:520px;padding:9vh 6vw;display:flex}.menu-buttons{flex-direction:column;gap:10px;width:260px;margin-top:18px;display:flex}.menu-buttons button{text-align:left}.namebox{color:var(--dim);letter-spacing:.1em;align-items:center;gap:10px;font-size:13px;display:flex}.namebox input{color:var(--fg);font-size:14px;font-family:var(--font);background:#00000059;border:1px solid #ffffff40;width:180px;padding:8px 10px}.menu-stats{color:var(--dim);margin-top:auto;font-size:12px;line-height:1.6}.menu-panel{background:#0a0c10db;border:1px solid #ffffff1f;width:460px;max-height:82vh;padding:22px 26px;position:absolute;top:9vh;right:5vw;overflow-y:auto}.menu-panel h3{letter-spacing:.12em;color:var(--accent);margin:0 0 14px;font-size:15px}.menu-panel .row{color:#ddd;justify-content:space-between;align-items:center;gap:14px;margin:10px 0;font-size:13px;display:flex}.menu-panel input[type=range]{width:190px;accent-color:var(--accent)}.menu-panel select{color:#eee;font-family:var(--font);background:#1b1f26;border:1px solid #444;padding:4px 6px}.menu-panel .val{text-align:right;width:44px;color:var(--accent);font-variant-numeric:tabular-nums}.keys{grid-template-columns:120px 1fr;gap:6px 14px;font-size:13px;display:grid}.keys b{color:var(--accent);font-weight:700}.keys span{color:#ddd}#hud{pointer-events:none;z-index:10;text-shadow:0 1px 2px #000000b3;position:absolute;inset:0}#compass{width:640px;height:44px;position:absolute;top:14px;left:50%;transform:translate(-50%)}#topRight{gap:8px;display:flex;position:absolute;top:14px;right:18px}.counter{background:var(--panel);text-align:center;flex-direction:column;min-width:70px;padding:6px 12px;display:flex}.counter span{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1}.counter small{letter-spacing:.18em;color:var(--dim);margin-top:3px;font-size:10px}.counter.kills span{color:var(--accent)}#killfeed{flex-direction:column;align-items:flex-end;gap:4px;font-size:13px;display:flex;position:absolute;top:74px;right:18px}#killfeed .kf{background:#00000059;padding:3px 8px;transition:opacity .6s}#killfeed .kf b{color:#fff}#killfeed .kf .me{color:var(--accent)}#killfeed .kf .w{color:var(--dim);letter-spacing:.05em;margin:0 6px;font-size:11px}#zoneInfo{text-align:right;font-size:13px;position:absolute;bottom:262px;right:18px}#zoneText{color:#dfe8ff;letter-spacing:.05em}#zoneText.shrink{color:#7ab0ff}#zoneTime{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}#minimapWrap{background:#000;border:2px solid #ffffff59;width:236px;height:236px;position:absolute;bottom:18px;right:18px}#mmCoords{color:var(--dim);font-size:10px;position:absolute;bottom:2px;left:4px}#crosshair{width:0;height:0;position:absolute;top:50%;left:50%}#crosshair i{background:#ffffffeb;position:absolute;box-shadow:0 0 2px #000000e6}#crosshair .t,#crosshair .b{width:2px;height:9px;left:-1px}#crosshair .l,#crosshair .r{width:9px;height:2px;top:-1px}#crosshair .dot{width:2px;height:2px;top:-1px;left:-1px}#hitmarker{opacity:0;position:absolute;top:50%;left:50%}#hitmarker i{background:#fff;width:10px;height:2px;position:absolute;box-shadow:0 0 2px #000}#hitmarker i:first-child{transform:translate(5px,5px)rotate(45deg)}#hitmarker i:nth-child(2){transform:translate(-15px,5px)rotate(-45deg)}#hitmarker i:nth-child(3){transform:translate(5px,-7px)rotate(-45deg)}#hitmarker i:nth-child(4){transform:translate(-15px,-7px)rotate(45deg)}#hitmarker.kill i{background:var(--red);width:14px}#hitmarker.head i{background:#ffd23a}#dmgIndicators{position:absolute;top:50%;left:50%}.dmgi{filter:blur(.5px);border-top:6px solid #e23228d9;border-radius:50%;width:140px;height:140px;transition:opacity .8s;position:absolute;top:-70px;left:-70px}#prompt{letter-spacing:.03em;font-size:15px;position:absolute;top:61%;left:50%;transform:translate(-50%)}#prompt .key{color:#111;background:#ffffffe6;border-radius:2px;margin-right:8px;padding:1px 7px;font-weight:700;display:inline-block}#toast{color:#fff;opacity:0;background:#00000059;padding:4px 12px;font-size:14px;transition:opacity .3s;position:absolute;top:68%;left:50%;transform:translate(-50%)}#centerMsg{text-align:center;opacity:0;transition:opacity .4s;position:absolute;top:22%;left:0;right:0}#centerMsg .big{letter-spacing:.06em;font-size:34px;font-weight:800}#centerMsg .small{color:var(--dim);letter-spacing:.05em;margin-top:6px;font-size:15px}#actionBar{text-align:center;width:220px;position:absolute;top:56%;left:50%;transform:translate(-50%)}#actionText{margin-bottom:4px;font-size:13px}#actionBar .track{background:#fff3;height:4px}#actionFill{background:#fff;width:0;height:100%}#bottom{align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}#weaponPanel{position:absolute;bottom:56px;left:50%;transform:translate(-50%)}#equip{gap:4px;display:flex}.eq{background:var(--panel);justify-content:center;align-items:center;width:38px;height:38px;font-size:11px;font-weight:700;display:flex;position:relative}.eq .lv{color:var(--accent);font-size:10px;position:absolute;bottom:1px;right:2px}.eq .dur{background:#fff;height:2px;position:absolute;bottom:0;left:0}.eq.off{opacity:.25}#healthWrap{width:380px}#boostBar{gap:3px;height:4px;margin-bottom:4px;display:flex}#boostBar i{background:#ffffff26;flex:1}#boostBar i.on{background:#f5b52a}#boostBar i:first-child{flex:2}#boostBar i:nth-child(2){flex:4}#boostBar i:nth-child(3){flex:3}#boostBar i:nth-child(4){flex:1}#healthBar{background:#00000073;border:1px solid #ffffff4d;height:16px;position:relative;overflow:hidden}#healthFill,#healthLag{position:absolute;top:0;bottom:0;left:0}#healthLag{background:#ff503cb3;transition:width .6s ease-out .2s}#healthFill{background:#f2f2f0;transition:width 80ms}#healthFill.low{background:var(--red)}#healthFill.mid{background:#f0c9c0}#weaponPanel{align-items:flex-end;gap:5px;display:flex}.wslot{background:var(--panel);opacity:.55;min-width:104px;padding:5px 9px}.wslot.active{opacity:1;border-bottom:2px solid var(--accent)}.wslot .wn{font-size:13px;font-weight:700}.wslot .wa{color:var(--dim);font-size:11px}.wslot .num{color:var(--accent);margin-right:5px;font-size:10px}#ammoBig{font-variant-numeric:tabular-nums;text-align:right;min-width:110px;font-size:30px;font-weight:700}#ammoBig small{color:var(--dim);font-size:16px}#ammoBig .mode{letter-spacing:.15em;color:var(--dim);text-align:right;font-size:10px;display:block}#fps{color:#fff9;font-variant-numeric:tabular-nums;font-size:11px;position:absolute;top:6px;left:8px}#hint{color:var(--dim);max-width:380px;font-size:12px;line-height:1.5;position:absolute;bottom:18px;left:18px}#blueTint{opacity:0;background:radial-gradient(#285aff14 30%,#285aff73 100%);transition:opacity .4s;position:absolute;inset:0}#damageFlash{opacity:0;background:radial-gradient(#c8000000 45%,#c800008c 100%);position:absolute;inset:0}#scope{position:absolute;inset:0}#scope .scope-ring{border-radius:50%;width:86vh;height:86vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #050505,inset 0 0 40px 12px #000000d9}#scope .reticle{opacity:.85;background:linear-gradient(#111,#111) 50%/1px 100% no-repeat,linear-gradient(#111,#111) 50%/100% 1px no-repeat;width:86vh;height:86vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#scope .reticle:after{content:"";background:#e02020;border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;position:absolute;top:50%;left:50%}#fullmap{z-index:15;background:#05080ce0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#fullmapCanvas{box-shadow:0 0 40px #0009}.fm-legend{color:var(--dim);letter-spacing:.08em;font-size:12px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}#inventory{z-index:16;background:#06080ccc;grid-template-columns:1fr 1fr 1.25fr;gap:26px;padding:6vh 5vw;font-size:13px;display:grid;position:absolute;inset:0}#inventory h4{letter-spacing:.15em;color:var(--dim);justify-content:space-between;margin:0 0 10px;font-size:12px;font-weight:700;display:flex}#inventory .col{overflow-y:auto}#inventory .item{cursor:pointer;background:#ffffff0f;border-left:3px solid #0000;justify-content:space-between;align-items:center;margin-bottom:4px;padding:7px 10px;display:flex}#inventory .item:hover{border-left-color:var(--accent);background:#ffffff29}#inventory .item .q{color:var(--dim);font-size:11px}#inventory .cap{background:#ffffff26;height:4px;margin-bottom:12px}#inventory .cap div{background:var(--accent);height:100%}#inventory .wcard{background:#ffffff12;margin-bottom:8px;padding:10px 12px}#inventory .wcard .t{justify-content:space-between;font-size:16px;font-weight:700;display:flex}#inventory .wcard .atts{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}#inventory .att{cursor:pointer;border:1px solid #ffffff40;padding:3px 7px;font-size:11px}#inventory .att.empty{opacity:.35;cursor:default}#inventory .gear{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px;display:grid}#inventory .gear div{text-align:center;cursor:pointer;background:#ffffff12;padding:8px}#inventory .help{color:var(--dim);text-align:center;grid-column:1/-1;font-size:12px}#pause{z-index:25;background:#05070a99}.pause-box{flex-direction:column;gap:10px;width:280px;display:flex}.pause-box h2{letter-spacing:.2em;margin:0 0 10px}#endScreen{z-index:24;text-align:center;background:linear-gradient(#00000026,#000000bf);flex-direction:column;gap:14px}#endScreen .rank{color:var(--dim);letter-spacing:.2em;font-size:22px}#endScreen .rank b{color:#fff;font-size:56px}#endScreen .title{letter-spacing:.04em;font-size:46px;font-weight:900}#endScreen .title.win{color:var(--accent);text-shadow:0 0 30px #f2c23080}#endScreen .stats{justify-content:center;gap:30px;margin:10px 0 20px;display:flex}#endScreen .stats div{flex-direction:column;display:flex}#endScreen .stats b{font-size:26px}#endScreen .stats small{color:var(--dim);letter-spacing:.15em;font-size:11px}#endScreen .btns{justify-content:center;gap:12px;display:flex}#clickToPlay{z-index:30;letter-spacing:.1em;cursor:pointer;background:#0009;padding:14px 26px;font-size:16px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}