:root{--bg:#0b0d0a;--panel:#0e110cdb;--panel-2:#1e2418e6;--line:#a0b47840;--olive:#8fa35a;--olive-hi:#b9cf72;--olive-dim:#4d5a30;--text:#e3e6d8;--text-dim:#9aa08c;--red:#d8322a;--gold:#e8c45a;--font:"Bahnschrift SemiCondensed", "Bahnschrift", "Arial Narrow", "Roboto Condensed", "Oswald", sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-user-select:none;user-select:none;margin:0;font-stretch:75%;overflow:hidden}#app{position:fixed;inset:0}#app canvas{width:100%;height:100%;display:block}#ui{pointer-events:none;z-index:10;position:fixed;inset:0}button{font-family:inherit;font-stretch:75%}#menus{position:absolute;inset:0}.screen{pointer-events:auto;flex-direction:column;justify-content:center;padding:0 9vw;display:none;position:absolute;inset:0}.screen.on{display:flex}.screen.bg{background:linear-gradient(90deg,#060805f0 0%,#080a06bf 42%,#00000026 100%)}.screen.dim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#050704b8}.screen h2{letter-spacing:3px;color:var(--text);border-left:5px solid var(--olive);margin:0 0 10px;padding-left:16px;font-size:46px;font-weight:700}.screen .desc{color:var(--text-dim);max-width:520px;margin:0 0 18px;font-size:17px;line-height:1.45}.screen code{color:var(--olive-hi);background:#8fa35a1f;padding:1px 6px}.title{margin-bottom:34px}.logo{letter-spacing:6px;color:#f0f2e6;text-shadow:0 3px #0009;font-size:92px;font-weight:800;line-height:.9}.logo span{color:var(--olive);margin-left:14px}.tag{color:var(--olive-hi);letter-spacing:5px;margin-top:10px;font-size:16px}.foot{color:var(--text-dim);letter-spacing:1px;font-size:14px;position:absolute;bottom:26px;left:9vw}.mlist{flex-direction:column;gap:6px;width:380px;display:flex}.mlist button{text-align:left;color:var(--text);letter-spacing:2px;cursor:pointer;background:linear-gradient(90deg,#282e1ed9,#14181080);border:0;border-left:3px solid #0000;padding:11px 18px;font-size:25px;font-weight:600;transition:all 80ms}.mlist button small{color:var(--text-dim);letter-spacing:1px;margin-top:2px;font-size:13px;font-weight:400;display:block}.mlist button:hover{color:#0c0f08;border-left-color:var(--olive-hi);background:linear-gradient(90deg,#8fa35af2,#8fa35a40)}.mlist button:hover small{color:#1d2312}.mlist button.back{color:var(--text-dim);background:0 0;margin-top:10px;font-size:19px}.mlist button.back:hover{color:#0c0f08;background:linear-gradient(90deg,#8fa35acc,#0000)}.field{width:380px;color:var(--text-dim);letter-spacing:2px;flex-direction:column;gap:6px;margin-bottom:14px;font-size:14px;display:flex}.field input{border:1px solid var(--line);color:var(--text);letter-spacing:3px;background:#0000008c;outline:none;padding:9px 12px;font-family:inherit;font-size:24px}.field input:focus{border-color:var(--olive)}.code{letter-spacing:22px;color:var(--olive-hi);margin:4px 0 6px;font-size:110px;font-weight:800}.status{color:var(--text-dim);min-height:26px;font-size:18px}.status.err{color:#ff6a5a}.settings{grid-template-columns:1fr;gap:14px;width:min(560px,90vw);margin-bottom:18px;display:grid}.settings label{letter-spacing:2px;color:var(--text-dim);flex-direction:column;gap:6px;font-size:15px;display:flex}.settings label b{color:var(--olive-hi);margin-left:8px;font-weight:600}.settings input[type=range]{width:100%;accent-color:var(--olive)}.seg{gap:4px;display:flex}.seg button{border:1px solid var(--line);color:var(--text-dim);letter-spacing:1px;cursor:pointer;background:#1e2418cc;flex:1;padding:7px;font-size:16px}.seg button.sel{background:var(--olive);color:#0c0f08;border-color:var(--olive-hi);font-weight:700}.me-title{border:0!important;padding:0!important;font-size:96px!important}.me-title.win{color:var(--olive-hi)!important}.me-title.lose{color:var(--red)!important}.me-score{letter-spacing:6px;margin-bottom:24px;font-size:54px;font-weight:700}.loadout{pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--olive);width:min(980px,94vw);padding:18px 22px 20px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loadout.on{display:block}.lo-head{justify-content:space-between;align-items:baseline;display:flex}.lo-head h3{letter-spacing:3px;margin:0 0 14px;font-size:30px}.lo-timer{color:var(--olive-hi);font-size:40px;font-weight:800}.lo-cards{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.lo-card{text-align:left;background:var(--panel-2);border:1px solid var(--line);color:var(--text);cursor:pointer;padding:14px 16px;position:relative}.lo-card.sec{cursor:default;opacity:.8}.lo-card.sel{border-color:var(--olive-hi);box-shadow:inset 0 0 0 2px var(--olive), 0 0 24px #8fa35a40}.lo-card:not(.sec):hover{border-color:var(--olive)}.lo-key{color:#0c0f08;background:var(--olive);padding:1px 7px;font-size:14px;font-weight:700;position:absolute;top:10px;right:12px}.lo-name{letter-spacing:2px;font-size:34px;font-weight:800}.lo-kind{color:var(--text-dim);letter-spacing:2px;margin-bottom:10px;font-size:13px}.stat{color:var(--text-dim);letter-spacing:1px;align-items:center;gap:8px;margin:4px 0;font-size:12px;display:flex}.stat span{width:82px}.sb{background:#ffffff14;flex:1;height:6px}.sb i{background:var(--olive);height:100%;display:block}.lo-foot{align-items:center;gap:16px;margin-top:14px;display:flex}.lo-ready{background:var(--olive);color:#0c0f08;letter-spacing:2px;cursor:pointer;border:0;padding:10px 26px;font-size:22px;font-weight:800}.lo-ready.done{background:var(--olive-dim);color:var(--text)}.lo-wait{color:var(--text-dim);letter-spacing:1px;font-size:17px}.click-to-play{pointer-events:auto;cursor:pointer;background:#00000040;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.click-to-play.on{display:flex}.click-to-play div{background:var(--panel);border-left:4px solid var(--olive);letter-spacing:3px;padding:14px 28px;font-size:26px}#hud{pointer-events:none;position:absolute;inset:0}.hud-vignette{opacity:0;background:radial-gradient(#0000 45%,#7800008c 78%,#5a0000e6 100%);position:absolute;inset:0}.hud-dmgflash{opacity:0;background:radial-gradient(#0000 40%,#c80a0a99 100%);position:absolute;inset:0}.hud-cross{--gap:12px;width:0;height:0;transition:opacity 60ms;position:absolute;top:50%;left:50%}.hud-cross i{background:#ffffffe6;position:absolute;box-shadow:0 0 2px #000000e6}.hud-cross .t,.hud-cross .b{width:2px;height:11px;left:-1px}.hud-cross .l,.hud-cross .r{width:11px;height:2px;top:-1px}.hud-cross .t{top:calc(-1 * var(--gap) - 11px)}.hud-cross .b{top:var(--gap)}.hud-cross .l{left:calc(-1 * var(--gap) - 11px)}.hud-cross .r{left:var(--gap)}.hud-cross .dot{opacity:.6;width:2px;height:2px;top:-1px;left:-1px}.hud-hit{opacity:0;width:0;height:0;position:absolute;top:50%;left:50%}.hud-hit i{background:#fff;width:2px;height:10px;position:absolute;box-shadow:0 0 2px #000}.hud-hit i:first-child{top:-16px;left:-10px;transform:rotate(-45deg)}.hud-hit i:nth-child(2){top:-16px;left:8px;transform:rotate(45deg)}.hud-hit i:nth-child(3){top:6px;left:-10px;transform:rotate(45deg)}.hud-hit i:nth-child(4){top:6px;left:8px;transform:rotate(-45deg)}.hud-hit.head i{background:#ffd34a;height:13px}.hud-hit.kill i{background:#ff3a2a;width:3px;height:14px}.hud-hit.pop{animation:.12s ease-out hitpop}@keyframes hitpop{0%{transform:scale(1.5)}to{transform:scale(1)}}.hud-dmgdirs{position:absolute;top:50%;left:50%}.dmgdir{width:260px;height:260px;position:absolute;top:0;left:0}.dmgdir:before{content:"";background:radial-gradient(at 50% 100%,#e61e14f2,#c8000000 70%);border-top:3px solid #ff3c28e6;border-radius:50% 50% 0 0;width:90px;height:26px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hud-scope{display:none;position:absolute;inset:0}.hud-scope.on{display:block}.scope-ring{border-radius:50%;width:82vh;height:82vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 200vmax #000,inset 0 0 40px 18px #000000f2}.scope-reticle{position:absolute;top:50%;left:50%}.scope-reticle .chev{transform-origin:0 0;filter:drop-shadow(0 0 3px #ff3c14cc);border-top:3px solid #e43a1a;border-left:3px solid #e43a1a;width:28px;height:28px;position:absolute;top:0;left:0;transform:rotate(45deg)}.scope-reticle .post{background:#111;width:2px;height:34vh;position:absolute;top:20px;left:-1px}.hud-score{align-items:stretch;gap:0;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.hud-score .sc{background:var(--panel);align-items:center;gap:10px;min-width:150px;padding:4px 14px;display:flex}.hud-score .me{border-bottom:3px solid var(--olive);justify-content:flex-end}.hud-score .op{border-bottom:3px solid var(--red)}.hud-score .nm{color:var(--text-dim);letter-spacing:2px;font-size:14px}.hud-score .v{font-size:32px;font-weight:800}.hud-score .mid{text-align:center;background:#000000b3;padding:2px 18px}.hud-score .clock{letter-spacing:1px;font-size:28px;font-weight:700}.hud-score .rnd{color:var(--olive-hi);letter-spacing:2px;font-size:12px}.hud-compass{width:320px;height:22px;position:absolute;top:76px;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000);mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000)}.hud-compass .strip{white-space:nowrap;display:flex;position:absolute;top:0;left:0}.hud-compass .strip span{text-align:center;color:#e6ebd7d9;width:40px;font-size:14px}.hud-compass .strip span.minor{color:#c8cdb98c;padding-top:2px;font-size:11px}.hud-compass .mark{background:var(--olive-hi);width:2px;height:5px;position:absolute;bottom:0;left:50%}.hud-feed{flex-direction:column;gap:3px;display:flex;position:absolute;top:18px;left:22px}.kf{background:#00000073;gap:7px;padding:3px 9px;font-size:16px;transition:opacity 1s;display:flex}.kf .k{color:#ff7a6a}.kf.mine .k{color:var(--olive-hi)}.kf .v,.kf.mine .v{color:#ff7a6a}.kf:not(.mine) .v{color:var(--olive-hi)}.kf .w{color:var(--text-dim)}.kf .hs{color:var(--gold)}.kf.fade{opacity:0}.hud-center{text-align:center;opacity:0;transition:opacity .2s;position:absolute;top:30%;left:50%;transform:translate(-50%)}.hud-center.on{opacity:1}.hud-center .big{letter-spacing:5px;text-shadow:0 3px 12px #000c;font-size:64px;font-weight:800}.hud-center .sub{letter-spacing:3px;color:var(--text-dim);text-shadow:0 2px 6px #000;font-size:20px}.hud-center.count .big{color:var(--olive-hi);font-size:110px}.hud-center.go .big,.hud-center.win .big{color:var(--olive-hi)}.hud-center.lose .big,.hud-center.dead .big{color:var(--red)}.hud-center.draw .big{color:var(--gold)}.hud-center.round .big{font-size:48px}.hud-hint{letter-spacing:3px;color:var(--text);text-shadow:0 2px 4px #000;font-size:19px;position:absolute;top:62%;left:50%;transform:translate(-50%)}.hud-hint.warn{color:#ff5c4a}.hud-health{width:220px;position:absolute;bottom:26px;left:24px}.hud-health .lbl{letter-spacing:3px;color:var(--text-dim);margin-bottom:4px;font-size:12px}.hud-health .bar{background:#00000080;border:1px solid #ffffff1f;height:7px}.hud-health .bar i{background:var(--olive-hi);height:100%;transition:width .12s;display:block}.hud-health .bar i.low{background:var(--red)}.hud-ammo{text-align:right;min-width:240px;position:absolute;bottom:24px;right:28px}.hud-ammo .wname{letter-spacing:3px;color:var(--text-dim);font-size:15px}.hud-ammo .row{justify-content:flex-end;align-items:baseline;gap:6px;display:flex}.hud-ammo .mag{text-shadow:0 2px 6px #000000b3;font-size:56px;font-weight:800;line-height:1}.hud-ammo .mag.low{color:#ff5c4a}.hud-ammo .sep{color:var(--text-dim);font-size:26px}.hud-ammo .res{color:var(--text-dim);font-size:28px;font-weight:600}.hud-ammo .bullets{justify-content:flex-end;gap:2px;height:16px;margin-top:4px;display:flex}.hud-ammo .bullets i{background:#e8e6d6;width:4px;height:16px;box-shadow:0 0 2px #000c}.hud-ammo .bullets.pistol i{width:6px}.hud-ammo .bullets i.spent{background:#ffffff24}.hud-ammo .reload{background:#ffffff1f;height:4px;margin-top:6px}.hud-ammo .reload i{background:var(--olive-hi);height:100%;display:block}.hud-net{color:var(--text-dim);letter-spacing:1px;font-size:12px;position:absolute;top:10px;right:12px}@media (max-width:760px){.logo{font-size:58px}.mlist,.field{width:88vw}.lo-cards{grid-template-columns:1fr}}.loading-screen{z-index:1000;color:#d9dccf;letter-spacing:.08em;background:#0d0f0b;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-family:inherit;display:flex;position:fixed;inset:0}.loading-title{font-size:56px;font-weight:800}.loading-title b{color:#8fa864}.loading-sub{opacity:.7;text-transform:uppercase;font-size:14px}.loading-bar{background:#252a1f;width:260px;height:3px;overflow:hidden}.loading-bar i{background:#8fa864;width:40%;height:100%;animation:1.1s ease-in-out infinite loadslide;display:block}@keyframes loadslide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.code-lbl{letter-spacing:4px;color:var(--text-dim);margin-top:6px;font-size:13px}.invite{width:min(620px,88vw);margin:4px 0 12px}.invite-row{gap:6px;margin-top:6px;display:flex}.invite-link{border:1px solid var(--line);min-width:0;color:var(--olive-hi);letter-spacing:1px;-webkit-user-select:all;user-select:all;background:#0000008c;outline:none;flex:1;padding:9px 12px;font-family:inherit;font-size:17px}.invite-link:focus{border-color:var(--olive)}.copy-link{background:var(--olive);color:#0c0f08;letter-spacing:2px;cursor:pointer;white-space:nowrap;border:0;padding:0 18px;font-size:18px;font-weight:700}.copy-link:hover{background:var(--olive-hi)}.adv{width:380px;color:var(--text-dim);letter-spacing:2px;margin:12px 0 0;font-size:13px}.adv summary{cursor:pointer;margin-bottom:8px}.adv .field input{font-size:16px}.coopcfg{width:min(460px,88vw)}.hud-alive{letter-spacing:2px;color:var(--text-dim);align-items:center;gap:4px;font-size:13px;display:flex;position:absolute;top:100px;left:50%;transform:translate(-50%)}.hud-alive span{margin-right:6px}.hud-alive i{background:#ffffff26;width:9px;height:9px;margin:0 2px;transform:rotate(45deg)}.hud-alive i.on{background:var(--red);box-shadow:0 0 4px #d8322acc}.hud-spec{letter-spacing:4px;color:var(--olive-hi);text-shadow:0 2px 4px #000;background:#00000080;padding:5px 16px;font-size:20px;display:none;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.hud-spec.on{display:block}.hud-mates{position:absolute;inset:0;overflow:hidden}.hud-mates .mate{will-change:transform;flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute;top:0;left:0}.hud-mates .mate .nm{letter-spacing:2px;color:#7dff6a;text-shadow:0 1px 3px #000,0 0 2px #000;white-space:nowrap;font-size:13px;font-weight:700}.hud-mates .mate i{filter:drop-shadow(0 1px 2px #000);border-top:9px solid #5fe04a;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0}.hud-mates .mate.dead .nm{color:#9aa08c}.hud-mates .mate.dead i{border-top-color:#777}