:root{font-family:Arial,Helvetica,sans-serif;color:#f3f0e6;background:#101916;font-synthesis:none;--amber:#e9b872;--dim:#b1b9ae;--border:rgba(221,228,210,.17);--green:#99b99b}
.room-ticket #share-address{font-size:10px;color:#adbd9e;overflow-wrap:anywhere;line-height:1.5;width:100%;user-select:all}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,input,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:4px}[hidden]{display:none!important}a{color:inherit;text-decoration:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block}.grain{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.3' filter='url(%23n)'/%3E%3C/svg%3E")}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 25%,rgba(4,10,8,.45) 100%);z-index:1}#damage-flash{position:fixed;inset:0;pointer-events:none;z-index:3;opacity:0;background:radial-gradient(ellipse,transparent 40%,#a92825);transition:opacity .1s}.masthead{position:fixed;z-index:10;top:0;left:0;width:100%;height:104px;padding:30px 4.6vw;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--border);background:linear-gradient(#0d161ac2,transparent)}.brand{display:flex;align-items:center;gap:12px;font-size:15px;letter-spacing:2.6px;font-weight:900}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:4.8px;color:var(--amber);margin-top:5px}.brand-icon{display:flex;align-items:center;justify-content:center;font-size:21px;letter-spacing:-6px;padding-right:6px;width:42px;height:42px;border:1px solid var(--amber);color:var(--amber);transform:rotate(-4deg)}.brand-icon span{font-size:13px;margin-top:14px;letter-spacing:0}.server-status{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:10px;letter-spacing:1.6px;color:#d0d7cb}.server-status i{width:6px;height:6px;display:block;background:#afc89d;border-radius:50%;box-shadow:0 0 12px #a4bd9155}.server-status i.offline{background:#d5846e}.icon-button{border:1px solid var(--border);color:#e4e5d8;background:#10201a88;padding:10px 12px;font-size:15px}.icon-button span{font-size:9px;letter-spacing:1.5px;margin-left:4px}.screen{position:fixed;z-index:5;inset:104px 0 0;display:grid;grid-template-columns:minmax(0,1fr) 414px;gap:8vw;align-content:center;padding:35px 5.7vw 100px;background:linear-gradient(90deg,#0e191fc9 0%,#0e191f77 41%,#0e191f13 67%,#0e191f66 100%)}.intro{align-self:center;position:relative;max-width:720px;padding-bottom:55px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--amber);display:flex;align-items:center;gap:12px}.line{display:inline-block;height:1px;width:34px;background:var(--amber)}h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:400;letter-spacing:-1px;text-transform:uppercase;line-height:.96;font-size:clamp(64px,7.5vw,118px);margin:26px 0 25px;text-shadow:0 8px 60px #020805}h1>span{color:var(--amber)}.intro>p{font-size:15px;line-height:1.85;color:#d7dbcd;margin:0 0 31px}.feature-strip{display:flex;gap:28px;border-top:1px solid var(--border);padding-top:22px;max-width:410px}.feature-strip span{font-size:9px;letter-spacing:1.5px;color:#b9c1b5}.feature-strip b{display:block;font-size:22px;color:#f1efe0;margin-bottom:6px;font-weight:400;letter-spacing:1px}.scene-caption{font-size:9px;letter-spacing:1.8px;color:#96a49b;position:absolute;bottom:-16px;display:flex;gap:30px}.coordinates{color:#c8d0c0}.setup-panel{padding:25px 28px 22px;border:1px solid rgba(230,226,199,.24);background:linear-gradient(145deg,#162722eb,#0c1617f5);box-shadow:0 25px 90px #050b0a66;align-self:center;backdrop-filter:blur(16px);position:relative}.setup-panel:before{content:'';position:absolute;left:-1px;top:-1px;width:64px;height:2px;background:var(--amber)}.panel-top{display:flex;align-items:center;justify-content:space-between}.panel-top .eyebrow{font-size:8px;letter-spacing:1.25px}.edition{font-size:9px;color:#87988b}h2{font-family:Georgia,'Times New Roman',serif;font-size:30px;font-weight:400;letter-spacing:-.7px;margin:21px 0 10px}.muted{color:#afbcb0;font-size:12px;line-height:1.7;margin:0 0 22px}.field-label{display:block;font-size:9px;letter-spacing:1.8px;color:#c9d2c4;font-weight:700;margin-bottom:9px}input[type=text],input:not([type]){width:100%;border:1px solid var(--border);border-radius:0;background:#06110f77;padding:12px 14px;color:#f3f0e6;font-size:13px;outline-offset:1px}input::placeholder{color:#728678}#room-code{text-transform:uppercase;letter-spacing:5px;font-size:18px}#join-field{margin:12px 0}.weapon-label{margin-top:22px;display:flex;justify-content:space-between;gap:8px}.weapon-label span{font-size:8px;letter-spacing:.2px;color:#8e9f90;font-weight:400;text-transform:none}.loadout{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.weapon-choice{padding:8px 4px 11px;background:#08171144;border:1px solid var(--border);color:#94a796;transition:background .15s,border-color .15s}.weapon-choice:hover{background:#26372b}.weapon-choice.selected{border-color:var(--amber);background:#e9b8720c;color:var(--amber)}.weapon-choice svg{width:100%;height:37px;fill:currentColor}.weapon-choice strong{display:block;font-size:8px;letter-spacing:.7px;font-weight:700}.weapon-choice small{display:block;margin-top:6px;font-size:7px;color:#a8b6a7;letter-spacing:0}.session-tabs{display:flex;border-bottom:1px solid var(--border);margin:23px 0 18px;gap:20px}.session-tabs button{border:0;background:none;color:#839487;font-size:9px;letter-spacing:1px;padding:0 0 11px;font-weight:bold;position:relative}.session-tabs button.active{color:#e6e7d6}.session-tabs button.active:after{content:'';height:2px;background:var(--amber);bottom:-1px;left:0;right:0;position:absolute}.primary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:15px 18px;color:#18201a;background:var(--amber);font-size:12px;font-weight:700;border:1px solid var(--amber);transition:background .15s}.primary:hover{background:#f9cb8e}.primary .arrow{font-size:20px;font-weight:400;line-height:12px}.setup-note{font-size:9px;line-height:1.8;color:#b6c2b2;margin:16px 0 0;padding-left:20px;position:relative}.setup-note>span:not(.tiny-house){color:#809281}.tiny-house{position:absolute;left:0;top:0;color:var(--amber);font-size:15px}.menu-footer{position:absolute;bottom:26px;left:4.6vw;right:4.6vw;padding-top:20px;border-top:1px solid var(--border);font-size:8px;letter-spacing:1.8px;color:#a9b7a7;display:flex;align-items:center;gap:9px}.warning-mark{color:var(--amber);font-size:16px}.footer-right{margin-left:auto;font-size:8px;letter-spacing:1px}.error{border-left:2px solid #df927d;color:#efb39d;font-size:12px;line-height:1.5;padding:8px 10px;background:#5a261933}.overlay-screen{position:fixed;inset:0;z-index:15;display:flex;justify-content:center;align-items:center;padding:24px;background:#06100dd4;backdrop-filter:blur(7px)}.dialog{width:min(100%,490px);padding:35px;border:1px solid var(--border);background:linear-gradient(140deg,#1b2e23,#101a18);box-shadow:0 20px 80px #0006}.dialog h2{font-size:34px}.dialog .eyebrow{font-size:9px}.room-ticket{display:flex;align-items:center;flex-wrap:wrap;gap:12px;border:1px solid var(--border);padding:16px;background:#07160f66;margin-bottom:15px}.room-ticket>span{font-size:8px;letter-spacing:2px;width:100%;color:#a0b59f}.room-ticket strong{letter-spacing:6px;color:var(--amber);font-size:29px;font-weight:400}.outline{background:transparent;border:1px solid var(--border);color:#e4e6d8;padding:9px 12px;font-size:10px;margin-left:auto}.outline:hover{border-color:var(--amber)}.lobby-players{margin:0 0 22px;padding:0;list-style:none}.lobby-players li{padding:13px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;font-size:13px}.lobby-players li small{margin-left:auto;color:#9ab193;font-size:9px}.player-token{width:27px;height:27px;background:#98b79322;border:1px solid #9eba9366;display:flex;align-items:center;justify-content:center;font-size:11px;color:#bfd8ae}.text-button{color:#99b096;font-size:11px;padding:12px;border:0;background:none;display:block;margin:10px auto 0}.small{font-size:10px;margin:12px 0 0}.settings-row{display:flex;align-items:center;gap:18px;padding-top:24px}.settings-row label{font-size:9px;color:#bbc9b3;letter-spacing:1.5px;min-width:95px}.settings-row input{accent-color:var(--amber);width:100%}.boot-error{position:fixed;z-index:50;top:120px;left:50%;transform:translateX(-50%);max-width:560px;width:90%;padding:24px;background:#28231d;border:1px solid #dba772;box-shadow:0 15px 40px #0008}.boot-error p{font-size:13px;line-height:1.6}.boot-error .outline{margin:0}
#hud{position:fixed;inset:104px 0 0;z-index:6;pointer-events:none}.hud-team{position:absolute;top:24px;left:35px;min-width:175px}.hud-team .eyebrow{font-size:8px;color:#b6c7a8;letter-spacing:2px}.hud-team .eyebrow span{color:var(--amber);margin-left:8px;letter-spacing:3px}.teammate{margin-top:12px;display:grid;grid-template-columns:5px 1fr 30px;align-items:center;gap:9px;font-size:11px;color:#e3e8d7}.teammate>i{width:5px;height:22px;background:#a6c691}.teammate.downed>i{background:#d38a65}.teammate small{color:#b7c3aa;font-size:9px;text-align:right}.teammate .team-health{grid-column:2/4;height:2px;background:#80907244;margin-top:-4px}.team-health i{height:100%;display:block;background:#a3bc8b}.wave-panel{position:absolute;top:20px;left:50%;transform:translateX(-50%);text-align:center}.wave-panel>span{font-size:8px;letter-spacing:3px;color:var(--amber)}.wave-panel>strong{display:block;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:45px;line-height:1.1;font-weight:400;letter-spacing:4px;margin-top:7px}.wave-panel>div{font-size:10px;color:#cad4bd;letter-spacing:.6px;margin-top:5px}.compass{position:absolute;right:34px;top:21px;display:grid;justify-items:center;gap:6px}.compass>span{font-size:8px;color:#cbd2bc;letter-spacing:2px}.compass svg{height:53px;fill:none;stroke:#d4cca8;stroke-width:1.5}.crosshair{position:fixed;top:50%;left:50%;height:28px;width:28px;transform:translate(-50%,-50%);opacity:.9}.crosshair i{position:absolute;background:#f3eed2;box-shadow:0 0 2px #000}.crosshair i:nth-child(1){width:1px;height:6px;top:0;left:14px}.crosshair i:nth-child(2){width:1px;height:6px;bottom:0;left:14px}.crosshair i:nth-child(3){width:6px;height:1px;left:0;top:14px}.crosshair i:nth-child(4){width:6px;height:1px;right:0;top:14px}.crosshair span{position:absolute;width:2px;height:2px;top:13px;left:13px;background:#f3eed2;border-radius:50%}.hit-marker{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);font-size:35px;color:#eac783;text-shadow:0 0 8px #dda138}.wave-banner{position:fixed;left:50%;top:30%;transform:translate(-50%,-50%);text-align:center;text-shadow:0 2px 30px #000}.wave-banner span{display:block;font-size:10px;letter-spacing:5px;color:var(--amber)}.wave-banner strong{font-family:Impact,'Arial Narrow',Arial,sans-serif;display:block;font-size:60px;font-weight:400;letter-spacing:6px;margin-top:8px}.interaction{position:fixed;top:60%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:#0d191ccb;padding:10px 14px;border:1px solid var(--border);font-size:12px;white-space:nowrap}kbd{font:inherit;font-size:9px;letter-spacing:.5px;border:1px solid #bfcaad55;background:#1b2a2077;padding:4px 5px;border-radius:2px;color:#e2e9d1}.vitals{position:absolute;bottom:62px;left:35px;width:225px}.vital-heading{display:flex;align-items:baseline;gap:9px}.vital-heading>span{font-size:30px;color:#a9c991}.vital-heading strong{font-size:32px;font-weight:400;font-family:Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:2px}.vital-heading small{font-size:9px;letter-spacing:2px;color:#b7c5a4}.health-track{height:4px;background:#a3c09133;margin:9px 0 12px}.health-track i{display:block;height:100%;width:100%;background:#abc790;transition:width .15s}.vitals>span{font-size:8px;letter-spacing:1.3px;color:#c0cdb0}.weapon-hud{position:absolute;bottom:62px;right:35px;text-align:right}.weapon-hud>span{font-size:9px;letter-spacing:2.5px;color:#d4d9bc}.weapon-hud>div:not(.weapon-slots){display:flex;align-items:baseline;justify-content:flex-end;gap:12px;margin-top:5px}.weapon-hud strong{font-size:49px;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:400;letter-spacing:2px}.weapon-hud>div>span{color:#a3b296;font-size:19px}.weapon-hud b{font-weight:400}.weapon-hud>small{display:block;font-size:8px;letter-spacing:1.5px;color:var(--amber);margin-top:3px}.weapon-slots{display:flex;gap:15px;margin-top:16px}.weapon-slots span{font-size:8px!important;letter-spacing:.7px;color:#899a80!important}.weapon-slots .active{color:var(--amber)!important}.hud-controls{position:absolute;bottom:23px;width:100%;display:flex;justify-content:center;gap:20px;font-size:8px;letter-spacing:1px;color:#b7c4a8}.hud-controls kbd{font-size:8px;padding:3px 4px;margin-right:5px}.toast{position:absolute;top:127px;left:50%;transform:translateX(-50%);padding:9px 17px;background:#132a1adb;border:1px solid #a8c49144;font-size:11px;color:#e1e7ce}.downed-notice{position:fixed;left:50%;top:69%;transform:translateX(-50%);text-align:center;border-top:1px solid #d9a27d66;padding-top:15px}.downed-notice strong{font-size:23px;letter-spacing:5px;display:block;color:#eac496}.downed-notice span{font-size:11px;color:#dfd4bd;display:block;margin-top:10px;line-height:1.7}body.playing .masthead{height:77px;padding-top:18px;padding-bottom:18px}body.playing #hud{top:77px}body.playing .brand{font-size:12px}body.playing .brand-icon{width:34px;height:34px}body.playing .server-status{font-size:8px}
@media(min-width:1600px){.screen{padding-right:9vw;grid-template-columns:minmax(0,1fr) 450px}.setup-panel{padding:32px}.intro{margin-left:2vw}}@media(max-height:780px) and (min-width:900px){.masthead{height:80px;padding-top:20px;padding-bottom:20px}.screen{top:80px;padding-top:15px;padding-bottom:70px;gap:4vw}.setup-panel{padding:20px 24px}.setup-panel h2{margin-top:16px;font-size:27px}.setup-panel .muted{margin-bottom:16px}.weapon-label{margin-top:16px}.session-tabs{margin-top:18px;margin-bottom:13px}.setup-note{margin-top:12px}h1{font-size:clamp(60px,7.2vw,102px)}.menu-footer{bottom:16px;padding-top:12px}}@media(max-width:900px){.screen{grid-template-columns:minmax(0,1fr) 365px;gap:25px;padding-left:4vw;padding-right:4vw}.setup-panel{padding:23px}.intro>p{font-size:12px}.feature-strip{gap:20px}.scene-caption{gap:12px;font-size:7px}h1{font-size:64px}}@media(max-width:720px){body{overflow:auto}#game{position:fixed}.masthead{height:77px;padding:17px 22px}.server-status{font-size:7px;max-width:112px;line-height:1.6}.icon-button{padding:8px}.icon-button span{display:none}.brand{font-size:12px}.brand-icon{width:33px;height:33px}.brand small{font-size:7px}.screen{position:relative;inset:auto;display:flex;flex-direction:column;padding:110px 22px 25px;gap:27px;min-height:100vh}.intro{padding:0;align-self:stretch}.eyebrow{font-size:8px}h1{font-size:64px;margin:20px 0}.intro>p{font-size:13px;margin-bottom:20px}.feature-strip{padding-top:15px}.scene-caption{display:none}.setup-panel{width:100%;max-width:480px;margin:auto}.menu-footer{position:relative;inset:auto;margin-top:8px;padding-top:15px;font-size:7px}.footer-right{display:none}.hud-controls{display:none}.hud-team{left:15px;top:20px;min-width:120px}.wave-panel{top:20px}.wave-panel>strong{font-size:30px}.compass{right:15px}.vitals{left:15px;bottom:24px;width:155px}.weapon-hud{right:15px;bottom:24px}.weapon-slots{gap:8px}.dialog{padding:25px}.dialog h2{font-size:29px}.room-ticket strong{font-size:24px}.downed-notice{width:85%}}
.wallet{display:flex;align-items:baseline;gap:10px;margin:10px 0 9px;color:var(--amber)}.wallet strong{font-size:25px;font-family:Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:1px;font-weight:400}.wallet span{font-size:8px;letter-spacing:1.1px}.weapon-slots .locked{opacity:.55}.weapon-label span{max-width:158px;text-align:right;line-height:1.4}
.weapon-slots{flex-wrap:wrap;justify-content:flex-end;max-width:410px}.weapon-hud{max-width:440px}
.wave-panel>small{display:block;max-width:330px;margin:10px auto 0;font-size:8px;line-height:1.6;letter-spacing:.55px;color:#acb99f}.wave-panel>strong{font-size:39px;letter-spacing:2px}.extracting .weapon-hud,.extracting .vitals,.extracting .hud-controls,.extracting .downed-notice,.extracting .hit-marker{display:none}.extracting .wave-panel{top:26px;background:#102019c9;border:1px solid #b4d6a344;padding:18px 25px;min-width:285px}.extracting .wave-panel>span{color:#c0daaa}.extracting #vignette{opacity:.45}.victory .dialog{background:linear-gradient(140deg,#2a412c,#14231d);border-color:#b4d6a366}.victory .eyebrow{color:#c4dbae}.victory h2{color:#edf3d9}.victory .primary{background:#c0d5a6;border-color:#c0d5a6}.victory .primary:hover{background:#d7e6c4}
@media(max-width:720px){.wave-panel>strong{font-size:28px}.wave-panel>small{max-width:190px;font-size:7px}.extracting .wave-panel{top:20px;min-width:230px;padding:15px}.extracting .hud-team,.extracting .compass{display:none}}
/* Raids: incoming-fire arcs and the squad pointer turn with the view; the raid outcome stays in the wave panel through the break. */
.damage-direction{position:fixed;inset:0;pointer-events:none;z-index:4}.damage-direction>i{position:absolute;left:50%;top:50%;width:min(44vh,320px);aspect-ratio:1;border-radius:50%;border:5px solid transparent;border-top-color:#ff5f45;filter:drop-shadow(0 0 6px #ff3b2acc);transform:translate(-50%,-50%)}.raid-pointer{position:fixed;left:50%;top:50%;pointer-events:none;z-index:4;color:#f2b453;font-size:26px;line-height:1;text-shadow:0 0 10px #000,0 0 14px #e9a13a99;transform:translate(-50%,-50%)}.wave-panel>.raid-result{max-width:360px;margin-top:7px;font-size:10px;letter-spacing:.6px;color:#f0b49a;text-shadow:0 1px 3px #000}
@media(max-width:720px){.damage-direction>i{width:min(38vh,240px)}.wave-panel>.raid-result{max-width:230px;font-size:9px}}
.intro>.field-guide{font-size:11px;line-height:1.65;color:#c7b68e;margin:-12px 0 24px;max-width:440px}.shelter-note{font-size:11px;border-left:2px solid #aa8860;padding-left:12px;margin-top:-7px}.outside-warning{position:absolute;left:35px;bottom:200px;max-width:300px;padding:10px 13px;border-left:2px solid #d6a074;background:#241d16d9;color:#e5c299;font-size:11px;line-height:1.6}.outside-warning strong{display:block;font-size:9px;letter-spacing:1.1px;font-weight:700}.outside-warning span{display:block;margin-top:4px;color:#d3c4ad}.extracting .outside-warning{display:none}
@media(max-width:720px){.intro>.field-guide{font-size:10px;margin:0 0 20px}.outside-warning{left:15px;bottom:175px;max-width:260px;font-size:10px}}
.starter-loadout{display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid #e9b87266;background:#e9b8720c;color:var(--amber)}.starter-loadout svg{flex:0 0 65px;width:65px;height:40px;fill:currentColor}.starter-loadout strong{display:block;font-size:8px;letter-spacing:.7px;line-height:1.6}.starter-loadout small{display:block;margin-top:6px;font-size:9px;color:#b7c5b1;line-height:1.5}.armory-note{font-size:10px;line-height:1.7;color:#a8b8a3;margin:10px 0 0}.weapon-hud>.weapon-mobility{color:#b4c3a9;font-size:8px;letter-spacing:1px;margin-top:8px}.weapon-slots{column-gap:12px;row-gap:7px;max-width:450px}
.weapon-slots{flex-direction:column;align-items:flex-end;gap:7px}.weapon-slots span{padding:6px 9px;border-right:2px solid #7e967966;background:#102018bb}.weapon-slots .active{border-color:var(--amber)}.weapon-hud>.loot-guide{margin-top:12px;color:#9fb6a6;letter-spacing:.6px;font-size:7px}.pickup-notice{position:absolute;bottom:112px;left:50%;transform:translateX(-50%);padding:8px 13px;border-bottom:1px solid #d6b47588;background:#102019cc;color:#e4cc91;font-size:10px;letter-spacing:.8px;text-align:center;max-width:340px;line-height:1.6}.extracting .pickup-notice{display:none}
@media(max-width:720px){.pickup-notice{bottom:170px;max-width:260px;font-size:9px}.weapon-hud>.loot-guide{max-width:180px;margin-left:auto;font-size:6px}}
.language-picker{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:-7px 0 13px}.language-picker label{font-size:8px;letter-spacing:1.3px;color:#a8b8a3}.language-picker select{font:inherit;font-size:10px;color:#e9dfc5;background:#11221c;border:1px solid var(--border);padding:4px 7px;cursor:pointer}.language-picker select:focus-visible{outline:2px solid var(--amber);outline-offset:3px}h1>.title-word{color:inherit}.weapon-label>span:first-child{font-size:9px;letter-spacing:1.8px;color:#c9d2c4;font-weight:700;max-width:none;text-align:left}.hud-team .eyebrow>span:first-child{color:inherit;margin-left:0;letter-spacing:inherit}.setup-note>span[data-i18n="setup.note.first"]{color:#b6c2b2}
#weapon-panel{width:310px;max-width:calc(100vw - 40px);padding:14px 16px 12px;border:1px solid #b3c39b44;border-top:2px solid #e9b87299;background:linear-gradient(135deg,#102018f0,#07120eee);box-shadow:0 8px 32px #0006;text-shadow:0 1px 3px #000}#weapon-panel>#weapon-name{font-size:11px;letter-spacing:1.7px;color:#ece9d5;display:block}#weapon-panel>.ammo-readout{display:grid;grid-template-columns:1fr 88px;align-items:center;gap:15px;margin-top:10px}.loaded-ammo{text-align:left}.loaded-ammo>small,.reserve-ammo>small{display:block;font-size:8px;letter-spacing:1.2px;color:#b5c5aa}.loaded-ammo>div{display:flex;align-items:baseline;gap:8px}.loaded-ammo #ammo-value{font-size:72px;line-height:1;letter-spacing:1px;color:#faf4d7}.loaded-ammo>div>span{font-size:22px;color:#91a58b}.loaded-ammo #magazine-value{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:27px;font-weight:400;letter-spacing:1px;color:#b5c8a8}.reserve-ammo{padding-left:15px;border-left:1px solid #b3c39b33;text-align:right}.reserve-ammo #reserve-value{display:block;font-size:34px;line-height:1.2;letter-spacing:1px;color:#decb9e}.reserve-ammo>small:last-child{font-size:7px;letter-spacing:.8px}#weapon-panel>.reserve-magazine-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;margin:7px 0 10px;padding:8px 0;border-top:1px solid #b3c39b22;border-bottom:1px solid #b3c39b22}.reserve-caption{font-size:7px!important;letter-spacing:.7px;color:#98ae91!important;text-align:left}.reserve-magazines{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-height:24px;grid-column:2;grid-row:1/3}.magazine-icon{position:relative;display:inline-block;width:12px;height:23px;border:1px solid #b6caa188;transform:skew(-6deg);background:#7f9e6a12}.magazine-icon:before{content:'';position:absolute;inset:2px;background:linear-gradient(to top,#b2c98f var(--fill),transparent var(--fill))}.magazine-icon:after{content:'';position:absolute;inset:6px 1px auto;height:1px;background:#07120e66;box-shadow:0 5px #07120e66,0 10px #07120e66}.magazine-icon.partial:before{background:linear-gradient(to top,#e2b775 var(--fill),transparent var(--fill))}.magazine-overflow{font-size:12px;color:#cbd5b8;letter-spacing:0}.reserve-summary{font-size:9px!important;letter-spacing:.15px;color:#dfd7bc!important;text-align:left}#weapon-panel>#reload-status{font-size:10px;line-height:1.5;letter-spacing:.65px;min-height:15px;margin-top:0;color:#d6bd8b}#weapon-panel.empty{border-color:#d79a6e88}#weapon-panel.empty #ammo-value,#weapon-panel.empty #reload-status{color:#f0a47e}#weapon-panel.reloading #reload-status{color:#d3dfa5}#weapon-panel>.weapon-mobility{font-size:7px;margin-top:5px;letter-spacing:.8px}#weapon-panel>.weapon-slots{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px;max-width:none}#weapon-panel .weapon-slots>[data-slot]{font-size:9px!important;letter-spacing:0;line-height:1.8;white-space:pre-line;text-align:left;border:1px solid #7e967944;border-left:2px solid #7e967977;padding:6px 7px;color:#b1bda6!important;background:#07130e55;overflow-wrap:anywhere}#weapon-panel .weapon-slots>.active{border-left-color:var(--amber);background:#d9b46d0c;color:#eed6a6!important}#weapon-panel .weapon-slots>.empty:not(.locked){color:#d6a386!important}#weapon-panel>.loot-guide{font-size:6px;line-height:1.5;letter-spacing:.45px;margin-top:9px;max-width:none}
@media(max-width:720px){#weapon-panel{width:250px;right:15px;bottom:24px;padding:11px 12px 9px}#weapon-panel>.ammo-readout{grid-template-columns:1fr 75px;gap:9px}.loaded-ammo #ammo-value{font-size:59px}.loaded-ammo #magazine-value{font-size:23px}.reserve-ammo{padding-left:9px}.reserve-ammo #reserve-value{font-size:29px}#weapon-panel .weapon-slots>[data-slot]{font-size:8px!important;padding:5px}.reserve-magazines{gap:4px}.magazine-icon{width:10px;height:21px}.reserve-caption{font-size:6px!important}.reserve-summary{font-size:8px!important}}
.intro>.movement-guide{margin:-13px 0 24px;color:#a8bea4;font-size:10px}.controls-guide{font-size:10px;line-height:1.7;color:#b5c8ab;margin-top:-7px;margin-bottom:18px}.hud-controls{flex-wrap:wrap;column-gap:clamp(7px,1.3vw,18px);row-gap:8px;padding:0 12px}#weapon-panel>#posture-status{font-size:7px;letter-spacing:.6px;margin-top:5px;color:#94ab94}#weapon-panel>#posture-status.crouched{color:#b8d4bd}
#weapon-panel>.grenade-stock{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:8px;border-top:1px solid #b3c39b33}#weapon-panel>.grenade-stock>span{font-size:8px;color:#c8ceaa;letter-spacing:1px}#weapon-panel>.grenade-stock>b{font-size:20px;color:#e3bb75}#weapon-panel>.grenade-stock>small{font-size:8px;letter-spacing:.5px;color:#c1bf9f}.grenade-stock.empty{opacity:.5}#weapon-panel.unarmed>.ammo-readout,#weapon-panel.unarmed>.reserve-magazine-row{display:none}
.enemy-guide{position:relative;max-width:440px;margin:-11px 0 20px;color:#c8d1b9;font-size:11px}.enemy-guide>summary{width:fit-content;cursor:pointer;padding:5px 0;color:#d8c399;text-underline-offset:4px}.enemy-guide>summary:focus-visible{outline:2px solid var(--amber);outline-offset:4px}.enemy-guide[open]>summary{color:#f0d6a0}.enemy-guide-content{position:absolute;bottom:calc(100% + 8px);left:0;width:100%;max-height:min(290px,55vh);overflow:auto;z-index:12;padding:15px;background:#14231ff5;border:1px solid #c2b38a77;box-shadow:0 12px 45px #0009}.enemy-guide-content>p{font-size:10px;line-height:1.65;margin:0 0 12px;color:#bfccb6}.enemy-guide-families{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px}.enemy-guide-family{display:grid;grid-template-columns:12px 1fr;column-gap:6px;row-gap:3px;font-size:10px}.enemy-guide-swatch{grid-row:1/4;width:11px;height:34px;margin-top:1px;border:1px solid #eee5cd88}.enemy-guide-family>strong{font-size:10px;font-weight:600;color:#e7e9d9}.enemy-guide-health{grid-column:2;font-size:10px;color:#d4c398}.enemy-guide-family>small{grid-column:2;font-size:8px;line-height:1.5;color:#aebca8}.enemy-guide-content>.enemy-guide-hulks{font-size:9px;margin:12px 0 0;padding-top:10px;border-top:1px solid var(--border);color:#b6ccb5}
.music-picker{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;align-items:center;margin:14px 0}.music-picker>.field-label{margin:0}.music-picker>select{width:100%;padding:7px 9px;border:1px solid var(--border);background:#11221c;color:#e9dfc5;font:inherit;font-size:11px;cursor:pointer}.music-picker>select:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.music-picker>small{grid-column:1/-1;color:#9bac97;font-size:9px;line-height:1.5}.pause-dialog>.music-picker{text-align:left;margin:16px 0}
@media(max-width:720px){.enemy-guide{margin:0 0 20px}.enemy-guide-content{padding:12px}.enemy-guide-families{gap:10px}.enemy-guide-family>strong{font-size:9px}}
.enemy-guide-content>.enemy-guide-raiders{font-size:9px;margin:10px 0 0;padding-left:9px;border-left:2px solid #d8453b;color:#e2c3b6}
.magazine-icon.fuel-canister { border-radius: 4px 4px 2px 2px; width: 18px; }
.magazine-icon.rocket-round { border-radius: 6px 6px 1px 1px; width: 9px; }
.weapon-hud.fuel .ammo-readout { color: #e7c17e; }
.weapon-hud.fuel .reserve-caption { letter-spacing: .08em; }
#weapon-panel.melee>.ammo-readout,#weapon-panel.melee>.reserve-magazine-row{display:none}#weapon-panel.melee>#reload-status{font-size:12px;line-height:1.8;color:#d7d4ad;margin-top:12px}#weapon-panel.melee .weapon-slots>[data-slot].active{border-left-color:#b7d2d3}
@media(min-width:721px){.setup-panel{max-height:calc(100vh - 200px);overflow-y:auto;align-self:center}}@media(max-height:780px) and (min-width:721px){.setup-panel{max-height:calc(100vh - 165px)}}
.weapon-comparison-link{display:inline-block;margin-top:9px;color:#dfc592;font-size:10px;text-underline-offset:3px}.weapon-comparison-link:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.practice-controls>.practice-status{min-height:15px;color:#d0dcae;font-size:10px;margin:8px 0 0}
.practice-entry{display:block;width:100%;margin-top:10px;padding:11px 14px;border:1px solid #c9b27b88;background:#14291fcc;color:#e9d7a6;font:inherit;font-size:12px;cursor:pointer}.practice-entry:hover{background:#25402f;border-color:var(--amber)}.practice-entry:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.practice-entry:disabled{opacity:.5;cursor:wait}.practice-note{font-size:9px;line-height:1.6;color:#aabfa3;margin:7px 0 0}.practice-controls{padding:14px;margin:0 0 18px;background:#071a1466;border:1px solid #b5c49c44;text-align:left}.practice-controls>p{font-size:11px;line-height:1.6;color:#cbd5bd;margin:0 0 12px}.practice-controls .outline{margin:0;cursor:pointer;min-height:34px}.practice-new-weapons,.practice-actions{display:flex;flex-wrap:wrap;gap:7px}.practice-select{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin:12px 0}.practice-select>label{grid-column:1/-1;font-size:8px;letter-spacing:1.1px;color:#bfc9aa}.practice-select>select{width:100%;min-width:0;border:1px solid var(--border);background:#11221c;color:#e9dfc5;font:inherit;font-size:11px;padding:7px 9px}.practice-select>select:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.practice-controls>small{display:block;font-size:9px;line-height:1.6;color:#9caf98;margin-top:11px}.practice .wave-panel>strong{font-family:Arial,sans-serif;font-size:15px;letter-spacing:1.5px;margin:9px 0}.practice .wallet,.practice .loot-guide,.practice #grenade-stock,.practice .pause-dialog>.shelter-note{display:none}.practice .pause-dialog{max-height:calc(100vh - 40px);overflow-y:auto}.practice .pause-dialog>.settings-row{padding-top:16px}.practice .pause-dialog>.controls-guide{margin-bottom:12px}
/* Outdoor equipment stays clear of the health and ammunition readouts. */
.expedition-kit{position:absolute;right:35px;top:145px;width:215px;text-align:right;text-shadow:0 1px 3px #000,0 0 10px #000;display:grid;grid-template-columns:25px 1fr;gap:5px;color:#d6dfbe;font-size:10px}.expedition-kit kbd{grid-row:1/3;align-self:center;justify-self:end;border:1px solid #b5c49c77;padding:5px}.expedition-kit strong{font-size:9px;letter-spacing:1px}.expedition-kit small{grid-column:1/-1;font-size:9px;line-height:1.5;color:#b6c7ad}.expedition-kit.open{color:#b9e1cb}.expedition-kit.low{color:#f1b27a}.expedition-objective{margin:14px auto 0;max-width:280px;font-size:9px;color:#c0cdb2;line-height:1.6;text-shadow:0 1px 4px #000}.expedition-objective strong,.expedition-objective>span{display:block}.expedition-objective strong{font-size:10px;letter-spacing:1px;margin-top:6px;color:#e6c58b}.generator-track{height:3px;background:#afbea533;margin:5px auto;width:150px}.generator-track i{display:block;height:100%;background:#d5bf81;transition:width .2s}.expedition-objective.low .generator-track i{background:#e29d66}@media(max-width:720px){.expedition-kit{right:15px;top:135px;width:155px;font-size:8px}.expedition-kit strong{font-size:8px}.expedition-kit small{font-size:8px}.expedition-objective{max-width:190px;font-size:8px}.expedition-objective strong{font-size:8px}}
/* Armor vest under the health bar; the loot legend now sits with the vitals. */
.armor-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:-5px 0 10px;color:#9fd0ff}.armor-row small{font-size:8px;letter-spacing:1.3px}.armor-row strong{font-size:14px;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-weight:400;letter-spacing:1px}.armor-track{height:4px;background:#8fc7ff33}.armor-track i{display:block;height:100%;width:0;background:#8fc7ff;transition:width .15s}.team-armor{grid-column:2/4;height:2px;background:#8fc7ff22;margin-top:-1px}.team-armor i{height:100%;display:block;background:#8fc7ff}.vitals>.loot-guide{display:block;margin-top:8px;color:#9fb6a6;font-size:7px;letter-spacing:.5px;line-height:1.55}#damage-flash.armor{background:radial-gradient(ellipse,transparent 45%,#3d7fb4)}.practice .armor-row,.practice .vitals>.loot-guide{display:none}
/* Compact weapon panel: the big numbers carry the counts, nothing is repeated below them. */
#weapon-panel>.weapon-mobility{position:absolute;top:15px;left:16px;margin:0;color:#94ab94}#weapon-panel>.reserve-magazine-row{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:5px 0 4px;padding:0;border:0}#weapon-panel .reserve-magazines{min-height:15px;gap:4px}#weapon-panel .magazine-icon{width:8px;height:15px}#weapon-panel .magazine-icon:after{inset:4px 1px auto;box-shadow:0 3px #07120e66,0 6px #07120e66}#weapon-panel .magazine-icon.fuel-canister{width:12px}#weapon-panel .magazine-icon.rocket-round{width:6px}#weapon-panel .magazine-overflow{font-size:10px}#weapon-panel .reserve-summary{order:-1;font-size:8px!important}#weapon-panel>#reload-status{display:inline-block}#weapon-panel>#posture-status:not(.crouched){display:none}#weapon-panel>#posture-status.crouched{display:inline-block;margin:0 0 0 12px;font-size:8px}#weapon-panel>.weapon-slots{grid-template-columns:1fr;gap:4px;margin-top:8px}#weapon-panel .weapon-slots>[data-slot]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;padding:4px 7px}#weapon-panel>.grenade-stock{gap:8px;margin-top:7px;padding-top:6px}#weapon-panel>.grenade-stock>b{font-size:14px}#weapon-panel.melee>#reload-status{display:block;margin-top:8px}
@media(max-width:720px){#weapon-panel>.weapon-mobility{top:12px;left:12px}#weapon-panel .weapon-slots>[data-slot]{padding:3px 6px}}
/* The vitals grew (armor row, loot legend): keep the outside warning clear of the health readout. */
.outside-warning{bottom:252px}@media(max-width:720px){.outside-warning{bottom:224px}}
/* Transparent weapon panel, like the vitals: no box or frame, only a soft corner shade and text shadows for bright scenes. */
#weapon-panel{background:radial-gradient(ellipse at 100% 100%,#050c09b3 0%,#050c0966 42%,transparent 72%);border:0;box-shadow:none;text-shadow:0 1px 3px #000,0 0 10px #000c}#weapon-panel.empty{border:0}#weapon-panel .weapon-slots>[data-slot]{border:0;border-left:2px solid #7e967955;background:transparent;padding:2px 8px}#weapon-panel .weapon-slots>.active{border-left-color:var(--amber);background:transparent}#weapon-panel>.grenade-stock{border-top:0;padding-top:2px}
.active-bonus{position:absolute;right:35px;top:250px;max-width:240px;color:#d9c58e;font-size:10px;letter-spacing:.7px;text-align:right;text-shadow:0 1px 3px #000,0 0 10px #000}.sniper-scope{position:fixed;inset:0;pointer-events:none;z-index:2;background:radial-gradient(circle at center,transparent 0,transparent 29vh,#000a 29.3vh,#000e 31vh);display:grid;place-items:center}.scope-reticle{position:relative;width:58vh;height:58vh;border:1px solid #101a14bb;border-radius:50%}.scope-reticle:before,.scope-reticle:after{content:'';position:absolute;background:#111b14bb}.scope-reticle:before{height:1px;left:0;right:0;top:50%}.scope-reticle:after{width:1px;top:0;bottom:0;left:50%}.scoped .crosshair{visibility:hidden}.supply-dialog{max-height:calc(100vh - 40px);overflow:auto;text-align:left}.supply-options{display:grid;gap:9px;margin:18px 0}.supply-option{display:grid;gap:7px;width:100%;padding:14px 16px;text-align:left;border:1px solid #b4c19855;background:#0c2119;color:#e7e7ce;cursor:pointer;font:inherit}.supply-option:hover:not(:disabled){border-color:#e9bf76;background:#20372a}.supply-option:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.supply-option strong{font-size:13px;font-weight:500}.supply-option small{font-size:10px;line-height:1.6;color:#b7c8a8}.supply-option span{font-size:9px;color:#e1bf80;letter-spacing:.4px}.supply-option:disabled{opacity:.45;cursor:default}.supply-expiry{font-size:11px;color:#e4bf7d}.supply-dialog>.outline{width:100%;margin-top:10px}@media(max-width:720px){.active-bonus{right:15px;top:235px;max-width:155px;font-size:8px}.supply-dialog{padding:22px}.supply-option{padding:12px}.supply-dialog h2{font-size:25px}}
.radar-panel{position:fixed;z-index:7;left:35px;top:310px;width:216px;padding:9px 9px 10px;border:1px solid #8eac8c77;background:#071a16e8;color:#d0dfc2;pointer-events:none;box-shadow:0 8px 20px #0004}.radar-panel>strong{display:block;color:#c1dcaf;letter-spacing:1.5px;font-size:9px}.radar-panel>canvas{display:block;width:100%;height:auto;aspect-ratio:1}.radar-panel>span{display:block;color:#e3cb91;font-size:8px;letter-spacing:.5px;line-height:1.5}.radar-panel>small{display:block;white-space:pre-line;margin-top:6px;color:#b9cdb9;font-size:8px;line-height:1.55}.radar-panel.radar-paused{z-index:16;top:110px}.radar-controls{padding:12px 14px;margin:0 0 16px;text-align:left;background:#071a1466;border:1px solid #8eac8c66;color:#d1ddc2}.radar-controls>strong{font-size:11px;color:#c9dfa9}.radar-controls>p{font-size:10px;line-height:1.65;margin:7px 0;color:#becfb5}.radar-controls>small{display:block;color:#e3cb91;font-size:9px;margin-bottom:9px}.radar-controls>div{display:flex;gap:8px;flex-wrap:wrap}.radar-controls .outline{margin:0;min-height:34px}.radar-controls button:disabled{cursor:default}.pause-dialog{max-height:calc(100vh - 40px);overflow-y:auto}
@media(max-height:760px) and (min-width:1000px){body:has(#radar-panel:not([hidden]):not(.radar-paused)) .vitals{left:270px}}
@media(max-height:649px){.radar-panel{top:255px;width:170px;padding:7px}}
@media(max-width:900px){.radar-panel.radar-paused{z-index:14}}
@media(max-width:720px){.radar-panel{left:15px;top:260px;width:150px}}
.room-pause-button{display:block;width:100%;margin:0 0 10px;padding:13px;border-color:#e9b87288;color:#f1d8a9}.team-paused .pause-dialog{border-color:#e9b87288}.team-paused #pause-title{color:#f1d8a9}.team-paused #resume-button:disabled{opacity:.65;cursor:wait}.room-pause-button:disabled{opacity:.55;cursor:default}
#weapon-panel>.backpack-status{display:block;font-size:8px;letter-spacing:.65px;color:#c4d3ae;margin:7px 0 0}#weapon-panel:has(.backpack-status:not([hidden]))>.weapon-slots{grid-template-columns:1fr 1fr;gap:4px 7px}#weapon-panel:has(.backpack-status:not([hidden])) .weapon-slots>[data-slot]{font-size:8px!important;padding:3px 6px}
.aim-diagnostic{margin:14px 0;padding:10px 12px;border:1px solid #8eac8c55;text-align:left;font-size:11px;color:#c6d3bb}.aim-diagnostic>summary{cursor:pointer;color:#dcc18f}.aim-diagnostic>label{display:flex;align-items:center;gap:8px;margin-top:12px}.aim-diagnostic input{width:auto}.aim-diagnostic>p{font-size:10px;line-height:1.6;margin:10px 0}.aim-diagnostic>div{display:flex;flex-wrap:wrap;gap:7px}.aim-diagnostic button{font-size:10px;padding:8px;margin:0}.aim-diagnostic textarea{display:block;width:100%;height:140px;margin-top:10px;resize:vertical;font:10px/1.5 monospace;color:#d9e2cd;background:#071a16;border:1px solid #8eac8c66;padding:8px}