:root{color-scheme:dark;--bg: #06080f;--panel: rgba(13, 18, 32, .92);--edge: #223047;--text: #cfe0f4;--dim: #7f93ad;--accent: #6fb3ff;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:13px}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text)}.app{display:flex;height:100%}.map-root{position:relative;flex:1;overflow:hidden}.map-root canvas{display:block}.panels{width:300px;overflow-y:auto;background:var(--panel);border-left:1px solid var(--edge);padding:10px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px}.panel{border:1px solid var(--edge);border-radius:6px;padding:10px}.panel h2{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}button{background:#16233a;color:var(--text);border:1px solid var(--edge);border-radius:4px;padding:4px 8px;cursor:pointer;font:inherit}button:hover{border-color:var(--accent)}input,select{background:#0b1322;color:var(--text);border:1px solid var(--edge);border-radius:4px;padding:4px 6px;font:inherit}.label-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.body-label{position:absolute;transform:translate(8px,-50%);white-space:nowrap;color:var(--text);text-shadow:0 0 4px #000;font-size:12px}.body-label.focused{color:var(--accent)}.body-label.ship{color:#ffd27d}.badge-gm{display:inline-block;margin-left:6px;padding:1px 5px;border:1px solid var(--edge);border-radius:3px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--dim)}