*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-deep);font-family:var(--font-mono);color:var(--text-primary);overflow:hidden}@keyframes fadeUp{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-80%)scale(1.5)}}:root{--bg-deep:#050810;--bg-panel:#0a1628d9;--bg-panel-light:#0a162899;--bg-panel-solid:#0a1628f2;--accent-cyan:#0af;--accent-cyan-glow:#0af6;--accent-green:#0f6;--accent-amber:#fc0;--accent-red:#f44;--text-primary:#fff;--text-secondary:#89a;--text-label:#0af;--border-cyan:#00aaff4d;--border-cyan-strong:#0af9;--glow-cyan:0 0 8px var(--accent-cyan-glow);--glow-cyan-strong:0 0 16px var(--accent-cyan-glow), 0 0 32px #00aaff26;--glow-amber:0 0 8px #fc06;--font-ui:"Inter", "Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", "IBM Plex Mono", monospace;--panel-padding:12px;--panel-gap:8px;--row-height:28px;--progress-bar-height:6px;--title-letter-spacing:.1em}.scanner-title{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:var(--title-letter-spacing);color:var(--accent-cyan)}.scanner-label{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.scanner-value{font-family:var(--font-mono);color:var(--text-primary);font-size:13px}.scanner-muted{font-family:var(--font-mono);color:var(--text-secondary);font-size:11px}:root{--window-resize-handle-size:6px;--window-resize-handle-corner-size:8px;--window-dock-icon-size:48px;--ui-layer-dock:900;--window-frame-slice:48;--window-content-padding:10px;--window-resize-strip-height:12px;--window-frame-half-band:calc(var(--window-frame-slice) * .5px);--window-title-offset-x:calc(var(--window-frame-slice) * 1px);--window-title-offset-top:17px;--window-controls-offset-top:11px;--glow-cyan-inset:inset 0 0 12px 2px var(--accent-cyan-glow)}.dow-window{background-image:linear-gradient(var(--bg-panel-solid), var(--bg-panel-solid)), linear-gradient(var(--bg-panel), var(--bg-panel));background-size:calc(100% - var(--window-frame-half-band) * 2) calc(100% - var(--window-frame-half-band) * 2);border-style:solid;border-width:calc(var(--window-frame-slice) * 1px);border-image-source:var(--window-frame-url);border-image-slice:var(--window-frame-slice);font-family:var(--font-mono);color:var(--text-primary);-webkit-user-select:none;user-select:none;will-change:transform;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-position:50%;background-repeat:no-repeat;background-origin:border-box;background-clip:border-box;border-image-repeat:round;flex-direction:column;min-width:0;min-height:0;display:flex;position:fixed}.dow-window__titlebar{top:calc(var(--window-frame-slice) * -1px);left:calc(var(--window-frame-slice) * -1px);right:calc(var(--window-frame-slice) * -1px);height:calc(var(--window-frame-slice) * 1px);z-index:2;box-sizing:border-box;border-bottom:1px solid var(--border-cyan);cursor:move;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:var(--title-letter-spacing);color:var(--text-label);pointer-events:auto;background:0 0;justify-content:space-between;align-items:flex-start;gap:4px;padding:0;font-size:11px;display:flex;position:absolute}.dow-window__title{text-overflow:ellipsis;white-space:nowrap;margin:var(--window-title-offset-top) 0 0 var(--window-title-offset-x);text-shadow:0 0 6px var(--accent-cyan-glow);flex:auto;overflow:hidden}.dow-window__controls{margin:var(--window-controls-offset-top) var(--window-title-offset-x) 0 0;border:1px solid var(--border-cyan);background:#050810b8;border-radius:3px;flex:none;align-items:center;gap:2px;padding:1px 2px;display:flex}.dow-window__btn{width:20px;height:20px;color:var(--accent-cyan);font-family:var(--font-mono);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:inline-flex}.dow-window__btn:hover{border-color:var(--border-cyan-strong);box-shadow:var(--glow-cyan);background:#0af3}.dow-window__btn:focus-visible{outline:2px solid var(--accent-amber);outline-offset:1px}.dow-window__btn--minimize svg,.dow-window__btn--close svg{pointer-events:none}.dow-window__content{scrollbar-width:thin;scrollbar-color:var(--border-cyan-strong) transparent;padding:var(--window-content-padding);pointer-events:auto;flex:auto;min-height:0;position:relative;overflow:auto}.dow-window--focused .dow-window__titlebar{color:var(--accent-cyan);border-bottom-color:var(--border-cyan-strong)}.dow-window:before{content:"";z-index:0;background:var(--bg-panel-solid);pointer-events:none;position:absolute;inset:0}.dow-window--focused .dow-window__content{box-shadow:var(--glow-cyan-inset)}.dow-window--focused .dow-window__content:before{content:"";pointer-events:none;opacity:.5;background:linear-gradient(#0000 0%,#00aaff0f 50%,#0000 100%) 0 0/100% 4px;animation:6s linear infinite window-scan-line;position:absolute;inset:0}@keyframes window-scan-line{0%{background-position:0 0}to{background-position:0 24px}}.dow-window--minimized{display:none}.dow-window--nested{background:var(--bg-panel);border:none;-webkit-backdrop-filter:none;backdrop-filter:none;will-change:auto;border-image-source:none;border-radius:0;flex-direction:column;display:none;position:absolute;inset:0}.dow-window--nested .dow-window__content{padding:0}.dow-window--animating{pointer-events:none}.dow-resize-handle{z-index:1;touch-action:none;position:absolute}.dow-resize-handle--n{top:calc(var(--window-frame-slice) * -1px);height:var(--window-resize-strip-height);z-index:3;cursor:ns-resize;left:0;right:0}.dow-resize-handle--s{bottom:calc(var(--window-frame-slice) * -1px);left:calc(var(--window-frame-slice) * -1px);right:calc(var(--window-frame-slice) * -1px);height:calc(var(--window-frame-slice) * 1px);cursor:ns-resize}.dow-resize-handle--w{top:calc(var(--window-frame-slice) * -1px);bottom:calc(var(--window-frame-slice) * -1px);left:calc(var(--window-frame-slice) * -1px);width:calc(var(--window-frame-slice) * 1px);cursor:ew-resize}.dow-resize-handle--e{top:calc(var(--window-frame-slice) * -1px);bottom:calc(var(--window-frame-slice) * -1px);right:calc(var(--window-frame-slice) * -1px);width:calc(var(--window-frame-slice) * 1px);cursor:ew-resize}.dow-resize-handle--nw{top:calc(var(--window-frame-slice) * -1px);left:calc(var(--window-frame-slice) * -1px);width:calc(var(--window-frame-slice) * 1px);height:calc(var(--window-frame-slice) * 1px);z-index:3;cursor:nwse-resize}.dow-resize-handle--ne{top:calc(var(--window-frame-slice) * -1px);right:calc(var(--window-frame-slice) * -1px);width:calc(var(--window-frame-slice) * 1px);height:calc(var(--window-frame-slice) * 1px);z-index:3;cursor:nesw-resize}.dow-resize-handle--sw{bottom:calc(var(--window-frame-slice) * -1px);left:calc(var(--window-frame-slice) * -1px);width:calc(var(--window-frame-slice) * 1px);height:calc(var(--window-frame-slice) * 1px);cursor:nesw-resize}.dow-resize-handle--se{bottom:calc(var(--window-frame-slice) * -1px);right:calc(var(--window-frame-slice) * -1px);width:calc(var(--window-frame-slice) * 1px);height:calc(var(--window-frame-slice) * 1px);cursor:nwse-resize}.dow-dock{z-index:var(--ui-layer-dock);pointer-events:auto;flex-direction:row;align-items:center;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.dow-dock__icon{width:var(--window-dock-icon-size);height:var(--window-dock-icon-size);background:var(--bg-panel);border:1px solid var(--border-cyan);color:var(--accent-cyan);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;text-align:center;word-break:break-all;letter-spacing:.05em;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:10px;font-weight:700;line-height:1.1;transition:opacity .22s,box-shadow .22s,border-color .22s;display:flex}.dow-dock__icon--hidden{opacity:0;pointer-events:none}.dow-dock__icon:hover{border-color:var(--border-cyan-strong);box-shadow:var(--glow-cyan);background:#0af3}.dow-dock__icon:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}:root{--ui-layer-hud-prompt:200;--ui-layer-chat-panel:150;--ui-layer-planet-scanner:1000;--progress-bar-flash-duration:.35s}.scanner-panel{background:var(--bg-panel);border:1px solid var(--border-cyan);padding:var(--panel-padding);gap:var(--panel-gap);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:4px;flex-direction:column;display:flex}.scanner-panel__title{border-bottom:1px solid var(--border-cyan);padding-bottom:6px;font-size:12px}.scanner-panel__content{gap:var(--panel-gap);flex-direction:column;display:flex}.scanner-row{min-height:var(--row-height);align-items:center;gap:8px;display:flex}.scanner-row__icon{width:18px;height:18px;color:var(--accent-cyan);justify-content:center;align-items:center;display:inline-flex}.scanner-row__label{flex:none;min-width:90px}.scanner-row__value{text-align:right;flex:auto}.scanner-progress{flex-direction:column;gap:4px;display:flex}.scanner-progress__track{height:var(--progress-bar-height);border:1px solid var(--border-cyan);background:#0006;border-radius:3px;position:relative;overflow:hidden}.scanner-progress__fill{border-radius:2px;width:0;transition:width .3s;position:absolute;inset:0}.scanner-progress__fill--cyan{background:linear-gradient(90deg, #0af9, var(--accent-cyan))}.scanner-progress__fill--green{background:linear-gradient(90deg, #0f69, var(--accent-green))}.scanner-progress__fill--red{background:linear-gradient(90deg, #f449, var(--accent-red))}.scanner-progress__fill--amber{background:linear-gradient(90deg, #fc09, var(--accent-amber))}.scanner-progress__fill--glow{box-shadow:var(--glow-cyan)}.scanner-progress__label{align-self:flex-end}.scanner-progress--flash-damage .scanner-progress__track{animation:progress-flash-damage var(--progress-bar-flash-duration) ease-out}.scanner-progress--flash-shield .scanner-progress__track{animation:progress-flash-shield var(--progress-bar-flash-duration) ease-out}@keyframes progress-flash-damage{0%{border-color:#ff5a36e6;box-shadow:0 0 8px #ff5a3680}to{border-color:var(--border-cyan);box-shadow:none}}@keyframes progress-flash-shield{0%{border-color:#88ccffe6;box-shadow:0 0 8px #88ccff80}to{border-color:var(--border-cyan);box-shadow:none}}.scanner-gauge{justify-content:center;align-items:center;display:inline-flex;position:relative}.scanner-gauge__track{fill:none;stroke:#00aaff1f;stroke-width:6px}.scanner-gauge__fill{fill:none;stroke:var(--accent-cyan);stroke-width:6px;stroke-linecap:round;filter:drop-shadow(0 0 4px var(--accent-cyan-glow))}.scanner-gauge__caption{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.scanner-gauge__label{font-size:10px}.scanner-prompt{color:var(--accent-cyan);font-size:18px;font-family:var(--font-mono);text-shadow:0 0 10px var(--accent-cyan);z-index:var(--ui-layer-hud-prompt);pointer-events:none;background:var(--bg-panel-light);border:1px solid var(--border-cyan);border-radius:6px;padding:8px 16px;position:fixed;bottom:10%;left:50%;transform:translate(-50%)}.player-card{margin-bottom:6px;padding:6px 8px}.player-card__header{align-items:center;gap:6px;margin-bottom:4px;display:flex}.player-card__name{flex:auto;font-size:12px;font-weight:700}.player-card__you{color:var(--accent-amber);font-size:10px}.player-card__level{font-size:11px}.player-list__header{text-transform:uppercase;border-bottom:1px solid var(--border-cyan);margin-bottom:8px;padding-bottom:4px;font-size:11px}.chat-panel{z-index:var(--ui-layer-chat-panel);width:350px;font-family:var(--font-mono);position:fixed;bottom:16px;left:16px}.chat-panel__messages{background:var(--bg-panel);border:1px solid var(--border-cyan);border-radius:4px;max-height:200px;padding:8px;overflow-y:auto}.chat-panel__message{color:var(--text-primary);margin:2px 0;font-size:12px}.chat-panel__nick{color:var(--accent-cyan)}.chat-panel__input{box-sizing:border-box;background:var(--bg-panel-solid);border:1px solid var(--border-cyan);width:100%;color:var(--text-primary);font-size:13px;font-family:var(--font-mono);border-radius:4px;outline:none;margin-top:4px;padding:6px 10px}.chat-panel__input:focus{border-color:var(--border-cyan-strong);box-shadow:var(--glow-cyan)}.chat-panel__hint{color:var(--text-secondary);margin-top:4px;font-size:11px}.scanner-button{border:1px solid var(--border-cyan);background:var(--bg-panel-light);color:var(--text-primary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;transition:box-shadow .18s,border-color .18s,background .18s;display:inline-flex}.scanner-button:hover:not(.scanner-button--disabled){border-color:var(--border-cyan-strong);box-shadow:var(--glow-cyan);background:#00aaff2e}.scanner-button:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}.scanner-button--primary{border-color:var(--border-cyan-strong);background:#00aaff40}.scanner-button--disabled{opacity:.4;cursor:not-allowed}.scanner-button__icon{color:var(--accent-cyan);justify-content:center;align-items:center;display:inline-flex}.ui-bottom-bar{justify-content:center;align-items:center;gap:var(--panel-gap);padding:var(--panel-gap);background:var(--bg-panel-solid);border-top:1px solid var(--border-cyan);pointer-events:auto;display:flex;position:absolute;bottom:0;left:0;right:0}.hex-grid{grid-template-columns:repeat(auto-fill,64px);justify-content:start;gap:6px;display:grid}.hex-thumb{background:var(--bg-panel-light);border:1px solid var(--border-cyan);justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}.hex-thumb__image{pointer-events:none}.hex-thumb__label{text-align:center;background:#00000073;padding:2px;position:absolute;bottom:0;left:0;right:0}.planet-scanner__overlay{z-index:var(--ui-layer-planet-scanner);gap:var(--panel-gap);padding:var(--panel-gap);background:var(--bg-deep);pointer-events:auto;grid-template-rows:1fr auto;grid-template-columns:320px 1fr 320px;display:grid;position:fixed;inset:0;overflow:hidden}.planet-scanner__overlay:before{content:"";pointer-events:none;opacity:.6;background-image:linear-gradient(#00aaff0f 1px,#0000 1px),linear-gradient(90deg,#00aaff0f 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.planet-scanner__overlay:after{content:"";pointer-events:none;background:linear-gradient(#0af6 0%,#00aaff0d 50%,#0000 100%);height:6px;animation:3s linear infinite planet-scan-line;position:absolute;top:0;left:0;right:0}@keyframes planet-scan-line{0%{opacity:.9;transform:translateY(0)}to{opacity:.4;transform:translateY(100vh)}}.planet-scanner__close{z-index:1;position:absolute;top:12px;right:12px}.planet-scanner__planet{z-index:1;grid-area:1/2;justify-content:center;align-items:center;display:flex;position:relative}.planet-scanner__planet img{object-fit:contain;max-width:min(60vh,480px);max-height:70vh;box-shadow:var(--glow-cyan-strong);border-radius:50%}.planet-scanner__left,.planet-scanner__right{z-index:1;grid-row:1;align-self:start;max-height:90vh;position:relative;overflow-y:auto}.planet-scanner__left{grid-column:1}.planet-scanner__right{grid-column:3}.planet-scanner__bottom{grid-area:2/1/auto/-1}.hud-compact{justify-content:space-between;min-height:0}.hud-compact .scanner-row{min-height:calc(var(--row-height) - 2px);flex:none}.hud-compact .scanner-progress{flex:1 1 0;justify-content:center;gap:2px;min-height:6px}.hud-compact .scanner-progress__track{height:100%;max-height:10px}.hud-compact .scanner-row__label{min-width:70px;font-size:11px}.hud-compact .scanner-row__value{font-size:11px}.equipment-section__title{color:var(--text-label);letter-spacing:1px;font-size:11px}.equipment-grid{flex-wrap:wrap;gap:6px;min-height:56px;padding:4px;display:flex}.equipment-cell{border:1px solid var(--accent-cyan-glow);cursor:grab;border-radius:4px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.equipment-cell--occupied{border-color:var(--accent-cyan)}.equipment-cell--selected{border-color:var(--accent-cyan);box-shadow:var(--glow-cyan)}.equipment-cell--drag-valid{border-color:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.equipment-cell--drag-invalid{border-color:var(--accent-red);box-shadow:0 0 8px var(--accent-red)}.equipment-cell--locked{cursor:not-allowed;opacity:.7}.equipment-tier{font-size:10px;font-weight:700;position:absolute;bottom:1px;right:3px}.equipment-tier--1{color:var(--text-secondary)}.equipment-tier--2{color:var(--accent-green)}.equipment-tier--3{color:var(--accent-amber)}.equipment-hint{opacity:.35;gap:2px;display:flex}.equipment-locked{color:var(--accent-red);padding:4px;font-size:11px}