:root{font-family:Inter,Arial Narrow,Segoe UI,sans-serif;color:#e5e3d8;background:#0a1013;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #0a1013;--panel: rgba(12, 19, 22, .91);--panel-soft: rgba(16, 26, 29, .72);--paper: #e5e3d8;--dim: #93a2a3;--line: rgba(212, 223, 216, .16);--amber: #f1a44b;--amber-bright: #ffc176;--sea: #7fd3c2;--red: #ef6d50}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:var(--ink)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--sea);outline-offset:3px}#app{position:relative;isolation:isolate}#world{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-2}.port-world-frame{position:absolute;inset:0;z-index:0;width:100%;height:100%;border:0;background:#111a19}.game-hud{z-index:1}.lobby-shell{position:absolute;inset:0;overflow:auto;display:flex;flex-direction:column;background:#0a1013}.lobby-backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#060d10fa,#060d10e0 38%,#060d1061),linear-gradient(0deg,rgba(6,13,16,.84),transparent 45%),radial-gradient(ellipse at 81% 38%,rgba(75,109,105,.3),transparent 41%),repeating-linear-gradient(90deg,transparent 0 8.3%,rgba(206,224,214,.032) 8.35% 8.42%,transparent 8.5% 16.66%),linear-gradient(130deg,#182629,#0b1215 65%)}.lobby-backdrop:after{content:"";position:absolute;inset:0;opacity:.24;background-image:radial-gradient(rgba(215,226,216,.22) .6px,transparent .8px);background-size:5px 5px;mix-blend-mode:screen;pointer-events:none}.topbar{height:78px;padding:0 clamp(22px,4vw,64px);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.wordmark{display:flex;gap:10px;align-items:center;color:var(--paper);text-decoration:none;font-size:13px;letter-spacing:.19em;font-weight:800}.wordmark .mark{width:27px;height:27px;display:grid;place-items:center;font-size:18px;letter-spacing:-.06em;color:var(--ink);background:var(--amber);clip-path:polygon(0 0,100% 0,100% 75%,72% 100%,0 100%)}.wordmark i{color:#718386;border-left:1px solid var(--line);padding-left:12px;font:9px/1 ui-monospace,monospace;letter-spacing:.1em}.connection{display:flex;align-items:center;gap:9px;color:#8c9b9e;font:9px/1 ui-monospace,monospace;letter-spacing:.12em}.connection-dot{width:6px;height:6px;background:var(--red);border-radius:50%;box-shadow:0 0 10px currentColor}.connection-dot.online{background:var(--sea)}.connection-divider{width:1px;height:13px;background:var(--line);margin:0 4px}.lobby-content{width:min(1180px,calc(100% - 64px));margin:auto;padding:36px 0 48px;display:grid;grid-template-columns:1fr 388px;align-items:center;gap:clamp(48px,9vw,144px)}.title-block{max-width:560px;padding:0 0 18px clamp(5px,3.1vw,48px);position:relative}.title-block:before{content:"";position:absolute;top:3px;bottom:5px;left:0;width:2px;background:linear-gradient(var(--amber) 0 15%,rgba(241,164,75,.1) 15% 100%)}.eyebrow{display:flex;gap:9px;align-items:center;color:var(--amber);font:10px/1 ui-monospace,monospace;letter-spacing:.22em}.eyebrow-line{width:24px;height:1px;background:var(--amber)}h1{margin:24px 0 16px;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(74px,10.5vw,142px);line-height:.77;letter-spacing:.015em;font-weight:500;color:var(--paper)}h1 em{font-style:normal;color:var(--amber)}.title-block>p{max-width:330px;margin:26px 0 38px;color:#adbbb5;font-size:13px;line-height:1.8;letter-spacing:.04em}.stats-strip{display:flex;gap:34px;padding-top:18px;border-top:1px solid rgba(212,223,216,.2);width:min(420px,100%)}.stats-strip>div{display:grid;gap:7px}.stats-strip b{font:21px/1 ui-monospace,monospace;color:var(--paper)}.stats-strip span{color:#7e9091;font:9px/1 ui-monospace,monospace;letter-spacing:.09em}.control-card{padding:23px 25px 18px;background:var(--panel);border:1px solid rgba(190,209,199,.18);box-shadow:0 18px 55px #00000061;position:relative}.control-card:before,.control-card:after{content:"";position:absolute;width:19px;height:19px;border-color:var(--amber);opacity:.7}.control-card:before{top:-1px;left:-1px;border-top:2px solid;border-left:2px solid}.control-card:after{bottom:-1px;right:-1px;border-bottom:2px solid;border-right:2px solid}.card-head{display:flex;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--line);color:#a9b8b2;font:9px/1 ui-monospace,monospace;letter-spacing:.17em}.card-code{color:#68797c}.field-label{display:flex;align-items:baseline;justify-content:space-between;margin:18px 0 8px;font-size:11px;letter-spacing:.08em;color:var(--paper)}.field-label small{color:#718184;font:8px/1 ui-monospace,monospace;letter-spacing:.12em}.text-input{width:100%;min-height:41px;padding:0 12px;color:var(--paper);background:#03090b80;border:1px solid rgba(200,215,207,.2);border-radius:0;outline:none;font-size:12px;transition:border-color .16s ease,background .16s ease}.text-input:focus{border-color:#7fd3c2b8;background:#03090bcc}.text-input::placeholder{color:#66777a}.mode-label{margin-top:22px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.mode-option{border:0;background:#050c0e6b;height:69px;display:grid;grid-template-columns:23px 1fr;grid-template-rows:1fr 1fr;align-items:center;text-align:left;padding:10px 12px;cursor:pointer;color:#9aa9a5;transition:background .18s ease,color .18s ease}.mode-option+.mode-option{border-left:1px solid var(--line)}.mode-option.active{background:#f1a44b1c;color:var(--amber-bright);box-shadow:inset 0 -2px var(--amber)}.mode-icon{grid-row:1 / span 2;font-size:19px;color:#708184}.mode-option.active .mode-icon{color:var(--amber)}.mode-option>span:not(.mode-icon){align-self:end;font-size:12px;font-weight:700}.mode-option small{align-self:start;margin-top:4px;color:#718184;font:8px/1 ui-monospace,monospace;letter-spacing:.12em}.party-row{margin-top:14px;display:flex;gap:8px}.quiet-button{min-height:34px;padding:0 10px;border:1px solid var(--line);color:#adbbb5;background:transparent;font-size:10px;cursor:pointer;transition:border-color .15s,color .15s}.quiet-button:hover{border-color:var(--sea);color:var(--sea)}.party-join{display:flex;flex:1;gap:6px}.code-input{min-height:34px;text-transform:uppercase;letter-spacing:.18em;font:11px ui-monospace,monospace}.join-button{min-width:48px}.party-state{min-height:17px;margin-top:8px;color:#77898b;font-size:9px;line-height:1.5}.party-state strong{color:var(--sea);font:10px ui-monospace,monospace;letter-spacing:.12em}.deploy-button{width:100%;height:50px;margin-top:10px;border:0;background:var(--amber);color:#19140e;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-weight:800;font-size:12px;letter-spacing:.12em;cursor:pointer;clip-path:polygon(0 0,100% 0,100% 75%,95% 100%,0 100%);transition:background .15s,transform .15s}.deploy-button:hover{background:var(--amber-bright);transform:translateY(-1px)}.deploy-button:disabled{cursor:wait;opacity:.72;transform:none}.deploy-button b{font-size:20px;font-weight:500}.queue-state{min-height:17px;padding-top:10px;text-align:center;color:#819194;font:9px/1.3 ui-monospace,monospace;letter-spacing:.05em}.error-state{min-height:0;color:#ff987b;font-size:10px;text-align:center;line-height:1.4}.error-state:not(:empty){margin-top:6px}.card-footer{margin-top:14px;padding-top:11px;border-top:1px solid var(--line);display:flex;gap:8px;color:#64777a;font:8px/1 ui-monospace,monospace;letter-spacing:.08em}.lobby-footer{min-height:46px;padding:0 clamp(22px,4vw,64px);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:18px;color:#718184;font:8px/1.4 ui-monospace,monospace;letter-spacing:.04em}.controls-legend{display:flex;flex-wrap:wrap;gap:16px}kbd{display:inline-grid;place-items:center;min-width:19px;height:17px;padding:0 3px;margin-right:4px;border:1px solid rgba(198,214,204,.22);color:#c0cbc4;background:#dce8e00a;font:8px ui-monospace,monospace;border-radius:2px}.version-tag{white-space:nowrap}.hidden{display:none!important}.game-hud{position:absolute;inset:0;pointer-events:none;color:#eee9dc;text-shadow:0 1px 3px #071013}.hud-topline{position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--amber) 0 14%,transparent 14% 77%,rgba(127,211,194,.85) 77% 100%);opacity:.82}.objective-card{position:absolute;left:28px;top:24px;padding:9px 12px 10px;min-width:185px;background:#050c0e94;border-left:2px solid var(--amber)}.hud-kicker{display:block;color:#9caaa7;font:8px/1 ui-monospace,monospace;letter-spacing:.16em}.hud-kicker b{color:var(--amber);margin-left:4px}.objective-card strong{display:block;margin-top:7px;font-size:12px;letter-spacing:.05em}.objective-card small{display:block;margin-top:5px;color:#aebbb3;font:9px ui-monospace,monospace}.alive-card{position:absolute;top:26px;right:235px;display:flex;gap:5px;align-items:baseline;padding:8px 11px;background:#050c0e94;font-family:ui-monospace,monospace}.alive-card b{color:var(--paper);font-size:14px}.alive-card small{color:#97a7a4;font-size:8px}.alive-card i{color:#526366;font-style:normal;padding:0 4px}.live-pip{width:5px;height:5px;border-radius:50%;background:var(--sea);box-shadow:0 0 7px var(--sea);margin-right:3px}.compass{position:absolute;top:27px;left:50%;transform:translate(-50%);display:flex;gap:17px;align-items:center;color:#b7c2ba;font:9px ui-monospace,monospace;letter-spacing:.05em;text-shadow:0 1px 3px #000}.compass b{color:#819496;font-size:8px;font-weight:400}.compass-mark{position:absolute;left:50%;top:15px;width:1px;height:8px;background:var(--amber)}#minimap{position:absolute;top:18px;right:22px;width:174px;height:174px;border:1px solid rgba(218,229,219,.44);background:#040c0ec2;box-shadow:0 3px 20px #00000040}.crosshair{position:absolute;left:50%;top:50%;width:16px;height:16px;transform:translate(-50%,-50%)}.crosshair i{position:absolute;background:#eeecddeb;box-shadow:0 0 2px #071013}.crosshair i:nth-child(1){width:1px;height:5px;top:0;left:7px}.crosshair i:nth-child(2){width:1px;height:5px;bottom:0;left:7px}.crosshair i:nth-child(3){width:5px;height:1px;left:0;top:7px}.crosshair i:nth-child(4){width:5px;height:1px;right:0;top:7px}.crosshair b{position:absolute;width:2px;height:2px;background:var(--amber);left:7px;top:7px}.interaction-prompt{position:absolute;left:50%;top:calc(50% + 38px);transform:translate(-50%);padding:6px 9px;display:flex;gap:7px;align-items:center;background:#070d0fc7;border:1px solid rgba(238,236,221,.25);font-size:10px;white-space:nowrap}.interaction-prompt b{color:var(--amber-bright)}.feed{position:absolute;right:22px;top:210px;display:grid;gap:5px;text-align:right;font:9px ui-monospace,monospace;color:#d1d6cb}.feed span{padding:5px 8px;background:#050c0e8c;border-right:2px solid var(--amber)}.health-panel{position:absolute;left:24px;bottom:24px;width:225px;padding:11px 12px;background:#050c0eb3;border-top:1px solid rgba(213,225,217,.2);display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center}.health-number{grid-row:1 / span 2;display:grid;gap:2px}.health-number b{font:25px/.9 ui-monospace,monospace;color:var(--paper)}.health-number span{color:#7d9090;font:7px ui-monospace,monospace;letter-spacing:.12em}.bar-group{display:grid;gap:4px}.bar-label{display:flex;justify-content:space-between;color:#a2b0a9;font:8px ui-monospace,monospace}.bar-label b{color:#dce0d4;font-weight:400}.bar{height:4px;background:#e6ebdd1f}.bar i{display:block;height:100%;width:100%;background:var(--sea);transition:width .16s}.shield-bar i{background:#84a9d5}.weapon-panel{position:absolute;right:24px;bottom:22px;min-width:190px;padding:10px 13px;background:#050c0eba;border-right:2px solid var(--amber);text-align:right}.weapon-type{color:#8fa09e;font:8px ui-monospace,monospace;letter-spacing:.11em}.weapon-type b{color:var(--amber-bright);font-weight:500}.ammo{display:flex;justify-content:flex-end;align-items:baseline;gap:8px;margin-top:4px;font-family:ui-monospace,monospace}.ammo b:first-child{font-size:29px;line-height:1;color:var(--paper)}.ammo b:last-child{font-size:14px;color:#9cacaa;font-weight:400}.ammo span{color:#657679}.weapon-panel small{display:block;margin-top:4px;color:#718184;font:8px ui-monospace,monospace}.center-status{position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);color:var(--amber-bright);font:10px ui-monospace,monospace;letter-spacing:.1em;text-align:center;text-shadow:0 1px 5px #000}.match-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:auto;background:#040a0c85;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay-card{width:min(420px,calc(100% - 32px));padding:28px;text-align:center;border:1px solid rgba(216,228,218,.22);border-top:2px solid var(--amber);background:#091012f0}.overlay-card>span{color:var(--amber);font:9px ui-monospace,monospace;letter-spacing:.2em}.overlay-card h2{margin:14px 0 7px;font:38px/.95 Impact,Arial Narrow,sans-serif;letter-spacing:.05em}.overlay-card p{color:#9aaba7;font-size:12px;line-height:1.6}.overlay-card button{min-height:38px;margin-top:13px;padding:0 20px;border:0;background:var(--amber);color:#1d170e;font-size:10px;font-weight:800;letter-spacing:.12em;pointer-events:auto;cursor:pointer}.lock-hint{position:absolute;left:50%;bottom:20px;transform:translate(-50%);color:#dce4da85;font:8px ui-monospace,monospace;letter-spacing:.07em}@media(max-width:850px){.lobby-content{grid-template-columns:.9fr 360px;gap:40px;width:calc(100% - 40px)}.title-block{padding-left:25px}h1{font-size:92px}.controls-legend{gap:8px}.version-tag{display:none}}@media(max-width:680px){.topbar{height:60px;padding:0 16px}.wordmark{font-size:11px;gap:7px}.wordmark i{display:none}.connection{font-size:7px;gap:6px}.connection-divider,.connection>span:last-child{display:none}.lobby-content{display:block;width:calc(100% - 30px);padding:26px 0 34px}.title-block{padding-left:18px;margin-bottom:22px}h1{margin:18px 0 10px;font-size:clamp(62px,18vw,86px)}.title-block>p{margin:16px 0 18px;font-size:11px}.stats-strip{gap:20px;padding-top:12px}.stats-strip b{font-size:16px}.stats-strip span{font-size:7px}.control-card{padding:17px 18px 15px;max-width:420px;margin:0 auto}.lobby-footer{padding:9px 14px;min-height:42px}.controls-legend{gap:5px 11px;font-size:7px}.controls-legend span:nth-child(n+4){display:none}.objective-card{left:9px;top:9px;min-width:146px;padding:7px 8px}.objective-card strong{font-size:10px}.objective-card small,.hud-kicker{font-size:7px}#minimap{width:104px;height:104px;top:10px;right:9px}.alive-card{top:122px;right:9px;padding:5px 6px;gap:3px}.alive-card b{font-size:11px}.alive-card small{font-size:7px}.compass{top:11px;gap:8px;font-size:7px}.compass b{display:none}.health-panel{left:8px;bottom:8px;width:166px;padding:7px;grid-template-columns:39px 1fr;gap:7px}.health-number b{font-size:19px}.weapon-panel{right:8px;bottom:8px;min-width:122px;padding:7px 8px}.ammo b:first-child{font-size:22px}.ammo{gap:5px}.weapon-type,.weapon-panel small{font-size:7px}.lock-hint{bottom:74px;font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}