@font-face{font-family:Barlow;src:url(/z-defense/fonts/Barlow-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url(/z-defense/fonts/Barlow-SemiBold.ttf) format("truetype");font-weight:600 900;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/z-defense/fonts/BarlowCondensed-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{font-family:Barlow,sans-serif;color:#ebece3;background:#111917;color-scheme:dark;font-synthesis:none;--brass: #dfbd7a;--muted: #bac7bc;--edge: #65756b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#111917 url(./relay-depot-title-v1-DRTVsItE.png) center top / cover fixed no-repeat}body:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,#0b1413ed,#0c1412a6 40%,#0c14122b 78%),linear-gradient(0deg,#0c1514f2,transparent 45%);z-index:0;pointer-events:none}main{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:36px 48px 24px}header{display:flex;align-items:center;gap:22px}h1,h2,h3{font-family:Barlow Condensed,sans-serif;font-weight:700;text-wrap:balance}h1{font-size:clamp(40px,6vw,72px);letter-spacing:-.025em;margin:0;line-height:1;text-transform:uppercase}.edition{font-size:13px;color:#d2d9cd}header button{margin-left:auto;width:auto}.header-actions{display:flex;gap:10px;margin-left:auto;align-items:center}.header-actions button{margin:0}body:not(.playing) #open-menu{display:none}.notice{font-family:Barlow Condensed,sans-serif;font-size:clamp(30px,4vw,52px);line-height:1.08;margin:36px 0 28px;max-width:560px}h2{font-size:30px;margin:0 0 16px}h3{font-size:23px;margin:24px 0 14px}.console{display:grid;grid-template-columns:minmax(300px,440px) 1fr;gap:72px}.room-controls{padding:28px;background:#17221ff2;border-top:3px solid var(--brass)}.squad-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.squad-heading h2{font-size:58px;line-height:.9;letter-spacing:-.025em;text-transform:uppercase;margin:0}.squad-capacity{font-family:Barlow Condensed,sans-serif;font-size:44px;line-height:1;color:var(--brass);text-align:right}.squad-capacity span{display:block;font-family:Barlow,sans-serif;font-size:12px;line-height:1.8;color:var(--muted)}.lobby-description{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 20px;max-width:36ch}.room-controls:has(#joined-controls:not([hidden])) .lobby-description{display:none}#room-label{color:var(--muted);font-size:12px;margin:0 0 16px;overflow-wrap:anywhere}.roster-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.roster-heading h3{font-size:23px;text-transform:uppercase;margin:0}#squad-count{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}#open-slots{display:flex;flex-wrap:wrap;gap:8px}.open-slot{flex:1 1 90px;padding:10px 6px;border:1px dashed #65756b;color:var(--muted);text-align:center;font-size:12px}#name-form{margin:24px 0 16px}.name-row,.invite-row{display:flex;gap:8px}.name-row input,.invite-row input{min-width:0;flex:1;margin:0}.name-row button,.invite-row button{flex:0 0 auto;width:auto;margin:0;font-size:13px;padding-inline:12px}.invite-controls{margin-bottom:8px}#name-form label,.invite-controls label{font-size:12px;color:var(--muted)}#name-status{color:#e0c78f;font-size:13px;line-height:1.4;margin:0}#name-status:not(:empty){margin-top:8px}body:not(.playing) .button-row{gap:8px}body:not(.playing) #joined-controls{margin-top:20px}body:not(.playing) .button-row button{margin:0;min-height:62px;font-family:Barlow Condensed,sans-serif;font-size:28px;text-transform:uppercase}body:not(.playing) #ready{width:42%;padding-inline:8px;background:#18251fe8;color:var(--brass)}body:not(.playing) #ready:hover{background:#324338}body:not(.playing) #ready[aria-pressed=true]{color:#a4d6a9;border-color:#a4d6a9}body:not(.playing) #start{flex:1}body:not(.playing) #start:disabled{opacity:1;background:#324338;color:#bac7bc;border-color:#65756b}body:not(.playing) #connect{min-height:60px;margin:4px 0 0;font-family:Barlow Condensed,sans-serif;font-size:27px;text-transform:uppercase}#launch-hint{font-size:12px;color:var(--muted);line-height:1.5;margin:10px 0 4px}body:not(.playing) #leave{width:auto;border:0;padding:10px 0;background:transparent;color:var(--muted);font-size:13px;text-decoration:underline;text-underline-offset:4px;margin:0}body:not(.playing) #leave:hover{color:#fff4d9}body:not(.playing) #status{border-top:1px solid #506258;padding-top:12px;margin:8px 0 0;min-height:0;font-size:13px}.depot-brief{max-width:340px;align-self:end;margin:120px 0 0 auto;text-shadow:0 2px 10px #08100d}.depot-brief h2{color:#f2deae;font-size:46px}.depot-brief p{font-size:19px;line-height:1.45}.depot-brief .desktop-note{font-size:14px;color:#cfdbcf}label{display:block;font-weight:600;font-size:15px;margin-bottom:8px}input{width:100%;min-height:46px;background:#0e1815;border:1px solid #768b7c;color:#fff;padding:12px;font:inherit;border-radius:3px;margin-bottom:12px;caret-color:var(--brass)}input[readonly]{font-size:13px}button{cursor:pointer;min-height:44px;border:1px solid #d3b574;border-radius:3px;padding:10px 16px;background:#dfbd7a;color:#121b17;font:inherit;font-weight:600;width:100%;margin:0 0 12px}button:hover:not(:disabled){background:#f0d39c}button:active:not(:disabled){background:#cda968}button:disabled{opacity:.5;cursor:default}button.secondary{background:#18251fe8;color:#e0e6dc;border-color:#768b7c}button.secondary:hover:not(:disabled){color:#fff4d9;background:#324338}:focus-visible{outline:3px solid #f4d18d;outline-offset:3px}.button-row{display:flex;gap:12px}#status{color:#e0c78f;min-height:42px;line-height:1.45}#players{list-style:none;padding:0;margin:16px 0 0}#players li{border-top:1px solid #506258;padding:12px 0;display:flex;justify-content:space-between;gap:12px}#players small{color:#c0cdbf;font-size:13px}.player-slot{display:none}body:not(.playing) .player-slot-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body:not(.playing) #players{margin:12px 0 8px}body:not(.playing) #players li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:2px 12px;padding:12px 0;border-color:#65756b}body:not(.playing) #players .player-slot{display:grid;place-items:center;grid-row:span 2;font-family:Barlow Condensed,sans-serif;font-size:36px;line-height:1;color:var(--brass)}body:not(.playing) #players .player-name{font-size:17px;font-weight:600;overflow-wrap:anywhere}body:not(.playing) #players small{grid-column:2}body:not(.playing) #players [data-ready=true] small{color:#a4d6a9}.room-monitor{display:none;min-width:0}#network-view{position:relative;z-index:1;aspect-ratio:16 / 9;width:100%;border:1px solid #657269;overflow:hidden}#network-view canvas{display:block;max-width:100%}#depot-depth{position:absolute;z-index:0;pointer-events:none}.canvas-wrap{position:relative;isolation:isolate}.field-hud{position:absolute;inset:18px;z-index:4;pointer-events:none;text-shadow:0 2px 3px #07100d,0 0 8px #07100d}.field-hud strong{display:block;font-family:Barlow Condensed,sans-serif;font-size:32px;line-height:1.1;font-variant-numeric:tabular-nums}.hud-caption{display:block;color:#e3e8dc;font-size:12px;font-weight:600;margin-bottom:3px}.hud-health{position:absolute;top:0;left:0;width:154px;--health-color: #8ee6a4}.hud-health[data-level=warning]{--health-color: #f4d567}.hud-health[data-level=critical]{--health-color: #ff7770}.hud-health #health{color:var(--health-color)}.hud-credits{position:absolute;top:0;right:0;text-align:right;color:#f1d395}.hud-grenades{position:absolute;bottom:0;right:0;text-align:right}.hud-round{position:absolute;top:0;left:50%;transform:translate(-50%);width:44%;max-width:420px;text-align:center}.hud-round #run-state{color:#f1eee1}.hud-round #combat-count{display:none}.hud-round #round-status,.hud-round #team-effect{display:block;color:#e9d4a4;font-size:13px;line-height:1.35;margin:5px 0 0}.hud-round #team-effect:empty{display:none}.hud-round-actions{display:flex;justify-content:center;gap:8px;margin-top:8px}.hud-round-actions button{pointer-events:auto;width:auto;min-height:32px;padding:5px 10px;margin:0;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}progress{accent-color:#dfbd7a}#health-bar{display:block;appearance:none;height:7px;width:100%;margin-top:6px;border:0;background:#07100de6;accent-color:var(--health-color)}#health-bar::-webkit-progress-bar{background:#07100de6}#health-bar::-webkit-progress-value{background:var(--health-color)}#health-bar::-moz-progress-bar{background:var(--health-color)}.low-ammo #ammo{color:#f4c090}.controls-hint{color:#c3cebf;font-size:13px;line-height:1.65;margin:8px 0}kbd{font:inherit;border:1px solid #758674;border-radius:2px;padding:1px 4px}#game-menu,#results-panel{position:absolute;inset:0;background:#0c1614eb;display:grid;place-items:center;padding:24px;overflow:auto;z-index:8}#game-menu>div{width:min(340px,100%)}#game-menu h2,#results-panel h2{font-size:46px}#game-menu p,#results-panel p{color:#d0dacc;line-height:1.5}#purchase-panel{position:absolute;right:16px;bottom:16px;width:min(340px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;padding:18px;border:1px solid #d3b574;background:#17251f;z-index:7}.purchase-heading{display:flex;align-items:baseline;gap:12px;justify-content:space-between}.purchase-heading h2{font-size:27px;margin:0}.purchase-heading button{width:auto;min-height:36px;padding:6px 10px;margin:0;font-size:13px}#purchase-description,#purchase-status{line-height:1.4;font-size:15px;margin:14px 0}#purchase-status{color:#f1d495;min-height:20px}.purchase-hint{color:#c5d1bf;font-size:12px;line-height:1.5;margin:0}.interaction-line{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;padding:10px 14px;background:#16231e}#interaction-hint{color:#efdaa9;margin:0;min-height:20px;font-size:15px}#repair-meter{width:160px;height:9px}#results-panel>div{width:min(580px,100%)}#results-summary{font-size:22px;color:#efdbb0!important}#results-players{list-style:none;padding:0;margin:12px 0}#results-players li{padding:8px 0;border-bottom:1px solid #637062;font-size:15px}#results-action,#personal-record{font-size:14px}#graphics-loading,#graphics-error,#connection-warning,#team-notice{position:absolute;margin:0;padding:9px 14px;font-size:14px;line-height:1.4;pointer-events:none}#graphics-loading,#graphics-error{inset:0;display:grid;place-items:center;background:#0e1915;z-index:10}#connection-warning{top:142px;left:50%;transform:translate(-50%);width:max-content;max-width:90%;color:#ffe1ac;background:#342718f2;z-index:6}#team-notice{z-index:5;top:96px;left:18px;max-width:34%;color:#e5eddf;background:#15221eea}#onboarding{position:absolute;inset:0;z-index:9;display:grid;place-items:center;padding:20px;overflow:auto;background:#0c1614ed;color:#e4dec6}#onboarding>div{width:min(480px,100%)}#onboarding h2{font-size:clamp(26px,3vw,38px);margin:0 0 16px}#onboarding p{font-size:15px;line-height:1.5;margin:10px 0}#onboarding #onboarding-pause{color:#bac7bc;font-size:13px}#onboarding button{margin:16px 0 0}.network-data{display:flex;gap:24px;margin:6px 0}.network-data>div{display:flex;gap:8px;align-items:baseline}dt{color:#b6c6b8;font-size:12px}dd{margin:0;font-size:12px;color:#d4dfd1;font-variant-numeric:tabular-nums}footer{display:flex;justify-content:space-between;gap:16px;color:#b1c0b2;font-size:12px;margin-top:36px;padding-top:18px;border-top:1px solid #53645a}.playing{background:#0c1512}.playing:before{display:none}.playing main{max-width:1390px;padding:12px 24px 18px}.playing header{margin-bottom:10px}.playing h1{font-size:31px}.playing header button{padding:6px 12px;min-height:34px;margin-bottom:0;font-size:13px}.playing .notice,.playing .depot-brief,.playing .lobby-description,.playing .invite-controls,.playing .lobby-controls{display:none}.playing .console{display:flex;flex-direction:column-reverse;gap:12px}.playing .room-monitor{display:block;width:100%;max-width:calc((100dvh - 122px) * 16 / 9);margin-inline:auto}.playing .room-controls{padding:0;border:0;background:transparent}.playing .room-controls h2,.playing .squad-heading,.playing .roster-heading,.playing #open-slots,.playing #room-label{display:none}.playing #players{display:flex;gap:20px;flex-wrap:wrap;margin-top:0}.playing #players li{flex:1;min-width:170px;padding:7px 0}.playing #joined-controls{display:flex;align-items:center;gap:24px;font-size:13px}.playing #room-label{margin:0}.playing #leave{width:auto;min-height:30px;padding:4px 10px;margin:0;font-size:13px}.playing #status{min-height:0;margin:8px 0;font-size:13px}.playing footer{margin-top:18px;padding-top:10px}#settings-dialog{width:min(760px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid #c3ac78;border-radius:4px;background:#17241e;color:#ebece3}#settings-dialog::backdrop{background:#07100ee6}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-heading h2{margin:0}.dialog-heading button{width:auto;margin:0}.settings-columns{display:grid;grid-template-columns:1fr 1.1fr;gap:36px}.settings-columns h3:first-child{margin-top:10px}.settings-help{color:#bdcdbd;font-size:13px;line-height:1.5}.controls-guide p{font-size:14px;line-height:1.5;margin:0 0 12px}#settings-status{min-height:42px;color:#f0d195;margin-bottom:0;font-size:14px}input[type=range]{accent-color:var(--brass);padding:0;border:0;min-height:28px;margin:0 0 20px}label output{float:right;font-weight:400;color:#e3cea5}label.check{display:flex;align-items:center;gap:10px;margin:14px 0;font-weight:400}input[type=checkbox]{accent-color:var(--brass);width:18px;height:18px;min-height:0;margin:0;padding:0}#bindings>div{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #465e4d;font-size:14px}#bindings button{width:95px;min-height:32px;margin:6px 0;padding:5px 8px}#reset-bindings{margin-top:14px;font-size:13px}::selection{color:#101a13;background:#dfbd7a}*{scrollbar-color:#9bad9b #17241e;scrollbar-width:thin}a{color:#f0d195;text-underline-offset:3px}[hidden]{display:none!important}@media(max-width:900px){main{padding:24px}.console{gap:32px}.field-hud{inset:12px}.field-hud strong{font-size:27px}.hud-health{width:126px}}@media(max-width:620px){main{padding:24px 20px}header{flex-wrap:wrap;gap:12px}header button{margin:0}h1{font-size:48px}.edition{font-size:12px}.notice{margin:42px 0 28px}.console{grid-template-columns:1fr;gap:30px}.room-controls{padding:20px}.depot-brief{margin:0;max-width:300px}.depot-brief h2{font-size:36px}.depot-brief p{font-size:16px}footer{flex-wrap:wrap}.playing main{padding:10px}.playing header{gap:10px}.playing h1{font-size:28px}.playing .edition{display:none}.field-hud{inset:10px}.field-hud strong{font-size:22px}.hud-health{width:90px}.hud-round{width:40%}.hud-round #round-status,.hud-round #team-effect,.hud-caption{font-size:11px}.header-actions{margin-left:auto}.network-data{gap:12px;flex-wrap:wrap}.settings-columns{grid-template-columns:1fr;gap:8px}#settings-dialog{padding:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}