:root{--font:"DIN Alternate", "DIN Condensed", "Bahnschrift", "Roboto Condensed", "Arial Narrow", sans-serif;--accent:#ffc23d;--panel:#0c0e108c;--line:#ffffff24}*{box-sizing:border-box}html,body{color:#fff;height:100%;font-family:var(--font);-webkit-user-select:none;user-select:none;background:#000;margin:0;overflow:hidden}#app canvas{display:block}kbd{font-family:var(--font);text-align:center;background:#00000059;border:1px solid #fff9;border-radius:3px;min-width:22px;padding:2px 6px;font-size:12px;display:inline-block}.btn{font-family:var(--font);letter-spacing:3px;color:#111;background:var(--accent);cursor:pointer;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);border:0;padding:14px 54px;font-size:20px;transition:transform .12s,filter .12s}.btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.btn:disabled{color:#999;cursor:default;background:#555}#menu{z-index:50;background:linear-gradient(#08090a8c 0%,#08090a00 22% 60%,#08090ab3 100%);flex-direction:column;transition:opacity .4s;display:flex;position:fixed;inset:0}#menu.hidden{opacity:0;pointer-events:none}.lobby-top{border-bottom:1px solid #ffffff1f;align-items:center;gap:40px;padding:22px 40px;display:flex}.wordmark{letter-spacing:.32em;font-size:22px;font-weight:700}.lobby-tabs{gap:4px;display:flex}.tab{font:inherit;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 14px;font-size:14px}.tab:hover{color:#fff}.tab.active{color:#fff;border-bottom-color:#fff}.lobby-meta{color:#ffffffb3;align-items:center;gap:10px;margin-left:auto;font-size:13px;display:flex}.lobby-meta .dot{background:#8fd16a;border-radius:50%;width:7px;height:7px}.lobby-page{flex:1;padding:40px;display:none}.lobby-page.active{display:flex}.lobby-page[data-page=play]{justify-content:space-between;align-items:flex-end}.match-card,.settings-card{background:#0e0f10c7;border:1px solid #ffffff1a;width:340px;padding:22px 26px}.settings-card{align-self:flex-start;width:420px}.settings-card.wide{width:auto;max-width:860px}.match-row{border-bottom:1px solid #ffffff14;justify-content:space-between;padding:9px 0;font-size:15px;display:flex}.match-row span{color:#ffffff8c;text-transform:uppercase;letter-spacing:.1em;align-self:center;font-size:12px}.match-note{color:#fff9;margin:16px 0 0;font-size:13px;line-height:1.5}.ready{font:inherit;cursor:pointer;color:#15130f;letter-spacing:.3em;text-transform:uppercase;background:#f2c14e;border:0;width:300px;height:76px;font-size:26px;font-weight:700;transition:background .15s,transform .1s}.ready:hover:not(:disabled){background:#ffd36a}.ready:active:not(:disabled){transform:translateY(1px)}.ready:disabled{color:#ffffff73;cursor:default;letter-spacing:.2em;background:#ffffff1f;font-size:18px}.settings-card h3{letter-spacing:.14em;text-transform:uppercase;color:#fff9;margin:18px 0 10px;font-size:12px;font-weight:600}.settings-card h3:first-child{margin-top:0}.seg{border:1px solid #ffffff2e;display:flex}.seg button{font:inherit;color:#ffffffb3;cursor:pointer;background:0 0;border:0;flex:1;padding:9px 0;font-size:14px}.seg button+button{border-left:1px solid #ffffff2e}.seg button.on{color:#111;background:#fff}.setting-hint{color:#ffffff80;margin:8px 0 0;font-size:12px}input[type=range]{accent-color:#f2c14e;width:100%}.controls-list{grid-template-columns:repeat(2,minmax(220px,1fr));gap:2px 28px;font-size:14px;display:grid}.controls-list div{color:#fffc;border-bottom:1px solid #ffffff12;justify-content:space-between;gap:16px;padding:7px 0;display:flex}.controls-list kbd{font-size:12px}#pause{z-index:40;background:#0607089e;justify-content:center;align-items:center;display:none;position:fixed;inset:0}body.paused #pause{display:flex}.pause-panel{background:#0e0f10e6;border:1px solid #ffffff1a;width:min(760px,92vw);padding:28px 32px}.pause-head .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#ffffff80;font-size:12px}.pause-head h2{letter-spacing:.06em;margin:4px 0 18px;font-size:34px}.pause-actions{gap:10px;margin-bottom:22px;display:flex}.btn-primary,.btn-ghost{font:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;padding:10px 20px;font-size:14px}.btn-primary{color:#15130f;background:#f2c14e;border:0;font-weight:700}.btn-ghost{color:#fff;background:0 0;border:1px solid #ffffff40}.btn-ghost:hover{border-color:#fff}#hud{pointer-events:none;z-index:10;text-shadow:0 1px 2px #0009;position:fixed;inset:0}#hud>*{position:absolute}.compass{width:520px;height:42px;top:14px;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.compass-strip{will-change:transform;height:100%;position:absolute;top:0;left:260px}.compass .tick{width:0;position:absolute;top:0}.compass .tick i{background:#ffffff8c;width:2px;height:7px;position:absolute;top:0;left:-1px}.compass .tick span{color:#ffffffb3;font-size:12px;position:absolute;top:10px;transform:translate(-50%)}.compass .tick.major span{color:#fff;font-size:16px;font-weight:700}.compass .tick.major i{background:#fff;height:10px}.compass-needle{background:var(--accent);width:2px;height:12px;position:absolute;top:0;left:50%;transform:translate(-1px)}.compass-heading{color:var(--accent);font-size:11px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.counters{gap:6px;display:flex;top:18px;right:22px}.counter{background:var(--panel);border-left:2px solid #fff6;align-items:baseline;gap:6px;padding:4px 10px;display:flex}.counter b{font-size:24px}.counter span{letter-spacing:2px;color:#bbb;font-size:11px}.killfeed{flex-direction:column;align-items:flex-end;gap:4px;display:flex;top:62px;right:22px}.kf{background:#0006;gap:8px;padding:3px 10px;font-size:14px;transition:opacity 1s;display:flex}.kf.me{background:#ffc23d40}.kf.fade{opacity:0}.kf .w{color:#aaa;align-self:center;font-size:12px}.kf .v{color:#ff8a7a}.banner{text-align:center;opacity:0;transition:opacity .4s,transform .4s;top:18%;left:50%;transform:translate(-50%,-10px)}.banner.show{opacity:1;transform:translate(-50%)}.banner-title{letter-spacing:4px;background:linear-gradient(90deg,#0000,#0000008c,#0000);padding:6px 30px;font-size:30px;font-weight:700}.banner-sub{color:#ddd;letter-spacing:1px;margin-top:6px;font-size:15px}.toast{opacity:0;background:#00000073;padding:4px 14px;font-size:16px;transition:opacity .3s;top:64%;left:50%;transform:translate(-50%)}.crosshair{--gap:10px;width:0;height:0;transition:opacity .1s;top:50%;left:50%}.crosshair i{background:#fff;position:absolute;box-shadow:0 0 2px #000}.crosshair .ch-t,.crosshair .ch-b{width:2px;height:9px;left:-1px}.crosshair .ch-l,.crosshair .ch-r{width:9px;height:2px;top:-1px}.crosshair .ch-t{bottom:var(--gap)}.crosshair .ch-b{top:var(--gap)}.crosshair .ch-l{right:var(--gap)}.crosshair .ch-r{left:var(--gap)}.crosshair .ch-dot{width:2px;height:2px;top:-1px;left:-1px}.hitmarker{opacity:0;width:0;height:0;top:50%;left:50%}.hitmarker.show{opacity:1}.hitmarker i{background:#fff;width:10px;height:2px;position:absolute;box-shadow:0 0 2px #000}.hitmarker i:first-child{transform:translate(-16px,-12px)rotate(45deg)}.hitmarker i:nth-child(2){transform:translate(6px,-12px)rotate(-45deg)}.hitmarker i:nth-child(3){transform:translate(-16px,10px)rotate(-45deg)}.hitmarker i:nth-child(4){transform:translate(6px,10px)rotate(45deg)}.hitmarker.head i{background:#ffcf4a}.hitmarker.kill i{background:#ff3b30;width:14px}.dmg-dir{opacity:0;width:260px;height:260px;top:50%;left:50%;transform:translate(-50%,-50%)}.dmg-dir:before{content:"";background:radial-gradient(at 50% 0,#ff281ee6,#0000 70%);width:80px;height:22px;position:absolute;top:0;left:50%;transform:translate(-50%)}.prompt{opacity:0;align-items:center;gap:10px;font-size:16px;transition:opacity .15s;display:flex;top:calc(50% + 40px);left:calc(50% + 70px)}.prompt kbd{color:#000;background:#fff;border:0;font-size:14px;font-weight:700}.prompt span{background:#00000080;padding:3px 10px}.action{opacity:0;flex-direction:column;align-items:center;gap:4px;font-size:13px;display:flex;top:58%;left:50%;transform:translate(-50%)}.action svg{width:40px;height:40px;transform:rotate(-90deg)}.action .ring-bg{fill:#00000059;stroke:#fff3;stroke-width:3px}.action .ring{fill:none;stroke:#fff;stroke-width:3px;stroke-dasharray:106.8;stroke-dashoffset:106.8px}.scope{opacity:0;background:radial-gradient(circle,#0000 0 38vh,#0009 38.5vh,#000 40vh);transition:opacity 80ms;inset:0}.scope.show{opacity:1}.scope-reticle{background:linear-gradient(#000,#000) 50%/1px 100% no-repeat,linear-gradient(#000,#000) 50%/100% 1px no-repeat,linear-gradient(#000,#000) 50%/40% 3px no-repeat;width:76vh;height:76vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scope-reticle:after{content:"";background:#e33;border-radius:50%;width:4px;height:4px;margin:-2px;position:absolute;top:50%;left:50%}.skyinfo{opacity:0;gap:22px;font-size:22px;display:flex;bottom:140px;left:50%;transform:translate(-50%)}.skyinfo span{color:#bbb;letter-spacing:2px;margin-right:6px;font-size:11px}.zoneinfo{background:var(--panel);align-items:center;gap:8px;width:220px;padding:5px 10px;font-size:13px;display:flex;bottom:258px;right:22px}.zoneinfo b{min-width:44px;font-size:18px}.zoneinfo .zone-icon{border:2px solid #fff;border-radius:50%;width:12px;height:12px}.zoneinfo.shrinking .zone-icon{border-color:#3d7bff}.zoneinfo.outside{background:#2850dc8c}.minimap{border:1px solid #ffffff59;width:220px;height:220px;bottom:30px;right:22px;box-shadow:0 0 0 3px #0000004d}.vitals{flex-direction:column;align-items:stretch;gap:4px;width:440px;display:flex;bottom:26px;left:50%;transform:translate(-50%)}.gear{gap:4px;display:flex;position:absolute;bottom:0;left:-92px}.gear span:empty{display:none}.gear span{background:var(--panel);border:1px solid var(--line);padding:3px 6px;font-size:12px}.boost{gap:3px;height:4px;display:flex}.boost i{opacity:.15;background:#ffb43a;flex:1}.health{background:#00000073;border:1px solid #ffffff59;height:13px;position:relative;overflow:hidden}.health-fill,.health-lag{position:absolute;top:0;bottom:0;left:0}.health-lag{z-index:0;width:100%}.health-fill{z-index:1;background:#f2f2f2;transition:width 80ms}.health-lag{background:#e0412f}.health-num{z-index:2;color:#111;mix-blend-mode:difference;filter:invert();font-size:11px;position:absolute;top:-1px;right:6px}.health.hit{animation:.35s ease-out hpHit}@keyframes hpHit{0%{transform:translate(-4px);box-shadow:0 0 0 2px #ff3c28e6}30%{transform:translate(3px)}60%{transform:translate(-2px)}to{box-shadow:none;transform:none}}.health-fill.mid{background:#ffd8c8}.health-fill.low{background:#ff4a3a}.weapons-row{order:-1;justify-content:center;gap:6px;margin-bottom:4px;display:flex}.wslot{color:#aaa;background:#0000004d;border-bottom:2px solid #0000;padding:3px 10px;font-size:13px}.wslot em{color:#777;margin-right:6px;font-size:11px;font-style:normal}.wslot.active{color:#fff;border-bottom-color:var(--accent);background:#00000080}.ammo{text-align:left;transition:opacity .2s;bottom:26px;left:calc(50% + 240px)}.ammo b{font-size:38px;line-height:1}.ammo b.empty{color:#ff4a3a}.ammo .sep{color:#888;margin:0 6px;font-size:22px}.ammo span[data-k=reserve]{color:#ccc;font-size:20px}.ammo-mode{letter-spacing:2px;color:var(--accent);font-size:11px}.ammo-name{color:#bbb;font-size:13px}.nades{color:#9f9;font-size:12px}.vignette-low{opacity:0;background:radial-gradient(#0000 45%,#a00000bf 100%);inset:0}.inventory{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#06080ad1;grid-template-columns:1fr 1fr 1fr;gap:24px;padding:70px 6vw;display:none;inset:0}.inventory.open{display:grid}.inventory h3{letter-spacing:3px;color:#ddd;border-bottom:1px solid var(--line);justify-content:space-between;margin:0 0 10px;padding-bottom:6px;font-size:15px;display:flex}.inventory h3 small{color:#999;font-size:12px}.inv-col{overflow:auto}.inv-list{flex-direction:column;gap:3px;display:flex}.inv-item{cursor:pointer;background:#ffffff0d;grid-template-columns:14px 1fr auto 36px;align-items:center;gap:10px;padding:7px 10px;font-size:15px;display:grid}.inv-item:hover{background:#ffc23d2e}.inv-item i{border:1px solid #ffffff4d;width:12px;height:12px}.inv-item em{color:#888;font-size:12px;font-style:normal}.inv-item b{text-align:right}.inv-sub{color:var(--accent);letter-spacing:1px;margin:4px 0;font-size:12px}.equip>div{flex-direction:column;gap:3px;margin-bottom:18px;display:flex}.empty{color:#777;font-size:14px}.hint{color:#777;margin-top:20px;font-size:12px}.cap-bar{background:#ffffff1a;height:4px;margin:-4px 0 10px}.cap-bar i{background:var(--accent);height:100%;display:block}.bigmap{pointer-events:auto;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;display:none;inset:0}.bigmap.open{display:flex}.bigmap canvas{border:2px solid #fff6;width:min(88vh,900px);height:min(88vh,900px)}.bigmap-hint{color:#aaa;margin-top:8px;font-size:13px}.results{pointer-events:auto;z-index:30;background:radial-gradient(#00000080,#000000eb);justify-content:center;align-items:center;display:none;inset:0}.results.show{animation:.8s fadein;display:flex}.results-inner{text-align:center}.res-title{letter-spacing:5px;font-size:46px;font-weight:700}.results.win .res-title{color:var(--accent)}.res-sub{margin:12px 0 30px}.res-sub b{font-size:84px}.res-sub span{color:#999;font-size:28px}.res-stats{justify-content:center;gap:48px;margin-bottom:40px;display:flex}.res-stats div{flex-direction:column;display:flex}.res-stats b{font-size:34px}.res-stats span{color:#999;letter-spacing:2px;text-transform:uppercase;font-size:13px}@keyframes fadein{0%{opacity:0}to{opacity:1}}body.in-menu #hud{display:none}.lobby-page[data-page=survivor]{align-items:flex-start}.char-list{flex-direction:column;gap:6px;width:320px;display:flex}.char-card{font:inherit;text-align:left;color:#fff;cursor:pointer;background:#0e0f10b8;border:1px solid #ffffff1a;border-left:3px solid #0000;padding:12px 16px}.char-card:hover{background:#1e2022d9}.char-card.on{background:#1e2022eb;border-left-color:#f2c14e}.char-card b{letter-spacing:.04em;font-size:17px;display:block}.char-card span{color:#fff9;margin-top:3px;font-size:13px;display:block}.char-card em{float:right;letter-spacing:.12em;color:#f2c14e;text-transform:uppercase;margin-top:3px;font-size:11px;font-style:normal}.callsign{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:0 0 12px;display:flex}.callsign span{color:#ffffff8c;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.callsign input{font:inherit;color:#fff;text-align:right;background:#ffffff0f;border:1px solid #ffffff2e;width:170px;padding:6px 8px;font-size:15px}.callsign input:focus{border-color:#f2c14e;outline:none}.play-buttons{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.ready-alt{color:#f2c14e;background:0 0;border:2px solid #f2c14e;height:56px;font-size:18px}.ready-alt:hover:not(:disabled){background:#f2c14e1f}.ready-alt:disabled{color:#ffffff59;background:0 0;border-color:#ffffff26}