:root{color:#e7e4d7;background:#0a1119;font-family:Inter,system-ui,sans-serif;font-synthesis:none;--ink: #0b141d;--panel: #162431;--panel-light: #1c2e3c;--line: rgba(205, 196, 165, .19);--gold: #d3aa5d;--teal: #72d3ca;--danger: #e16352}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#0b131c}button{font:inherit}.masthead{height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:0 16px;background:linear-gradient(180deg,#172633,#101c27);border-bottom:1px solid rgba(223,199,139,.28);box-shadow:0 5px 20px #00000059;position:relative;z-index:10}.brand-lockup{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark,.loader-emblem{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-family:Arial Narrow,Impact,sans-serif;font-weight:600;letter-spacing:-.04em;box-shadow:inset 0 0 0 3px #172633,inset 0 0 0 4px #d3aa5d47}.brand-lockup h1,.brand-lockup p,.panel-heading h2,.panel-heading p{margin:0}.brand-lockup h1{color:#f0e8d2;font:600 20px/1 Arial Narrow,Impact,sans-serif;letter-spacing:.07em;text-transform:uppercase}.brand-lockup p{margin-top:4px;color:#8fa0a9;font-size:9px;letter-spacing:.19em;text-transform:uppercase}.status-strip{display:flex;align-items:center;gap:12px;color:#83939c;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.connection-status{display:inline-flex;align-items:center;gap:7px;color:#c0c9c8}.connection-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#89949b;box-shadow:0 0 0 3px #89949b1f}.connection-status.online:before{background:var(--teal);box-shadow:0 0 8px var(--teal)}.connection-status.danger:before{background:var(--danger)}.shop-toggle{justify-self:end;padding:9px 13px;border:1px solid rgba(211,170,93,.42);border-radius:3px;background:#d3aa5d14;color:#e4c987;text-transform:uppercase;letter-spacing:.12em;font-size:11px;cursor:pointer}kbd{padding:1px 4px;border:1px solid rgba(221,223,210,.26);border-radius:2px;background:#ffffff0f;color:#d7ddd8;font:500 9px Inter,sans-serif}.game-shell{height:calc(100% - 64px);display:flex;min-height:0}.viewport-frame{position:relative;min-width:0;flex:1;overflow:hidden;background:#132838}#game-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.hud{position:absolute;pointer-events:none}.top-left{top:16px;left:16px;width:min(290px,calc(100% - 32px));padding:11px 13px;border:1px solid rgba(195,203,190,.2);border-left:3px solid var(--teal);background:linear-gradient(90deg,#081017e3,#0a131b8a);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.callsign{margin-bottom:8px;color:#eef1e8;font:500 14px Arial Narrow,Impact,sans-serif;letter-spacing:.08em;text-transform:uppercase}.meter-row{display:grid;grid-template-columns:33px 1fr 64px;align-items:center;gap:8px;color:#91a2a9;font-size:9px}.meter{height:6px;overflow:hidden;background:#ffffff17}.meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#47a985,#79d6bd);box-shadow:0 0 8px #5cd3af8c;transition:width .12s ease}.meter-row strong{text-align:right;color:#d5dbd5;font-size:9px;font-weight:500}.gold-readout{margin-top:8px;color:#9caaa9;font-size:11px}.gold-readout span,.gold-readout strong{color:#e0b85f}.respawn-banner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 20px;border:1px solid rgba(226,99,82,.58);background:#1a0e10c7;color:#f38c78;font:600 14px Arial Narrow,Impact,sans-serif;letter-spacing:.15em;transition:opacity .18s ease}.hidden{opacity:0;pointer-events:none}.event-feed{position:absolute;top:174px;left:16px;width:min(340px,calc(100% - 32px));display:flex;flex-direction:column;gap:5px;pointer-events:none}.event-item{padding:7px 9px;border-left:2px solid #7f9299;background:#070d1394;color:#b9c2c0;font-size:10px;animation:event-arrival .22s ease-out;transition:opacity .5s,transform .5s}.event-item.gold{border-left-color:var(--gold);color:#e5ca91}.event-item.danger{border-left-color:var(--danger);color:#e89283}.event-item.leaving{opacity:0;transform:translate(-10px)}@keyframes event-arrival{0%{opacity:0;transform:translate(-10px)}}.controls-card{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;gap:15px;padding:8px 11px;border:1px solid rgba(196,202,188,.14);border-radius:3px;background:#050c12ab;color:#8f9da0;font-size:9px;white-space:nowrap;pointer-events:none}.loading-screen{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;background:radial-gradient(circle at 50% 44%,#1b3544,#0d1721 68%);text-align:center;z-index:5;transition:opacity .45s ease,visibility .45s}.loading-screen.departed{opacity:0;visibility:hidden}.loader-emblem{width:72px;height:72px;font-size:25px;animation:lift-pulse 1.8s ease-in-out infinite}@keyframes lift-pulse{50%{transform:translateY(-5px);box-shadow:0 8px 24px #6acfc82e,inset 0 0 0 6px #172633,inset 0 0 0 7px #d3aa5d47}}.loading-screen h2{margin:22px 0 6px;color:#e9e2cf;font:500 22px Arial Narrow,Impact,sans-serif;text-transform:uppercase;letter-spacing:.08em}.loading-screen p{max-width:340px;margin:0;color:#8799a0;font-size:12px}.hangar-panel{width:350px;min-width:350px;overflow-y:auto;border-left:1px solid rgba(212,170,93,.25);background:linear-gradient(180deg,#172733,#101c26);box-shadow:-12px 0 35px #0000004d;transition:width .25s ease,min-width .25s ease,opacity .18s ease}.hangar-panel.closed{width:0;min-width:0;opacity:0;overflow:hidden;border:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 18px 12px}.eyebrow{color:var(--gold);font-size:9px;letter-spacing:.2em;text-transform:uppercase}.panel-heading h2{margin-top:3px;color:#ece3cb;font:500 23px Arial Narrow,Impact,sans-serif;text-transform:uppercase}.icon-button{width:29px;height:29px;border:1px solid rgba(255,255,255,.12);border-radius:2px;background:#ffffff0a;color:#9ba8aa;cursor:pointer}.hangar-copy{margin:0;padding:0 18px 15px;border-bottom:1px solid var(--line);color:#899a9e;font-size:11px;line-height:1.55}.loadout-summary{margin:13px 14px;padding:11px 12px;border:1px solid rgba(113,211,202,.22);background:#45939012}.loadout-summary strong,.loadout-summary span{display:block}.loadout-summary strong{color:#cce5df;font:500 13px Arial Narrow,Impact,sans-serif;letter-spacing:.04em;text-transform:uppercase}.loadout-summary span{margin-top:5px;color:#6fa8a4;font-size:9px;letter-spacing:.05em}.shop-list{padding:0 14px 28px}.shop-category h3{margin:18px 0 7px;color:#9eadae;font:500 10px Arial Narrow,Impact,sans-serif;letter-spacing:.15em;text-transform:uppercase}.module-card{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px;padding:10px 10px 10px 12px;border:1px solid rgba(195,204,193,.12);border-left:3px solid var(--module-accent);background:#ffffff06}.module-card+.module-card{margin-top:6px}.module-card.equipped{background:color-mix(in srgb,var(--module-accent) 8%,transparent);border-color:color-mix(in srgb,var(--module-accent) 35%,transparent)}.module-card h4,.module-card p{margin:0}.module-card h4{color:#d8ddd6;font-size:11px;font-weight:600}.module-card p{margin-top:3px;color:#7e9096;font-size:9px;line-height:1.35}.module-card button{min-width:60px;padding:7px 6px;border:1px solid color-mix(in srgb,var(--module-accent) 45%,transparent);border-radius:2px;background:color-mix(in srgb,var(--module-accent) 8%,transparent);color:var(--module-accent);font-size:9px;letter-spacing:.05em;cursor:pointer}.module-card button:disabled{opacity:.45;cursor:default}@media(max-width:900px){.masthead{grid-template-columns:1fr auto}.status-strip{display:none}.hangar-panel{position:absolute;z-index:9;right:0;top:64px;bottom:0;width:min(350px,92vw);min-width:min(350px,92vw)}.controls-card span:last-child{display:none}}@media(max-width:520px){.brand-lockup p{display:none}.brand-lockup h1{font-size:17px}.shop-toggle{padding-inline:9px}.top-left{top:10px;left:10px}.event-feed{left:10px;top:150px}}