:root{--bg: rgb(5, 8, 18);--accent: rgb(33, 212, 237);--accent-violet: rgb(191, 140, 250);--accent-mint: rgb(153, 242, 191);--accent-sky: rgb(130, 212, 252);--accent-amber: rgb(250, 145, 61);--accent-red: rgb(240, 69, 69);--text: rgb(240, 244, 248);--text-dim: rgb(140, 152, 170);--hairline: rgba(33, 212, 237, .25);--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--band-thickness: 240px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-mono);-webkit-font-smoothing:antialiased}#app{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden}.chrome-layer,.arc-layer{text-shadow:0 0 2px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.7),0 0 14px rgba(0,0,0,.5)}.hud-scrim{position:absolute;top:0;bottom:0;width:min(400px,46%);pointer-events:none;background:linear-gradient(to bottom,#0508128c,#05081257 42%,#05081200 78%);-webkit-mask-image:linear-gradient(to var(--scrim-fade, left),rgba(0,0,0,1) 55%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to var(--scrim-fade, left),rgba(0,0,0,1) 55%,rgba(0,0,0,0) 100%)}.map-layer{position:absolute;inset:0;padding:0;display:flex;align-items:center;justify-content:center}.map-canvas{width:100%;height:100%;display:block;cursor:crosshair}.chrome-layer{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;gap:6px;padding:max(8px,env(safe-area-inset-top)) 0 0 0}.chrome-layer button,.chrome-layer input,.chrome-layer a,.chrome-layer .hud-panel,.chrome-layer .hud-legend,.chrome-layer .hud-search,.chrome-layer .settings-scrim{pointer-events:auto}.arc-layer{position:absolute;inset:0;z-index:5;pointer-events:none;color:var(--fg, #d7e3ea);--menu-shift: 0%}.arc-rings{position:absolute;inset:0;display:block;pointer-events:none;overflow:visible}.arc-dial-edge{fill:none;stroke:currentColor;stroke-opacity:.7;stroke-width:1.2;pointer-events:none}.arc-dial-edge.is-inner{stroke-opacity:.4}.arc-dial-edge.is-dead{stroke-opacity:.18}.arc-dial-label.is-dead{fill-opacity:.3}.arc-dial-hit{fill:none;stroke:transparent;stroke-width:16;pointer-events:stroke;cursor:ew-resize;touch-action:none}.arc-dial-hit.is-dead{pointer-events:none;cursor:default}.arc-dial-label{fill:currentColor;font-family:var(--mono, ui-monospace, monospace);font-weight:700;pointer-events:none}.arc-btn,.arc-hook,.arc-polarity{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;padding:0;margin:0;min-width:0;min-height:0;display:grid;place-items:center;color:currentColor;cursor:pointer;border:none;background:none;font-family:var(--mono, ui-monospace, monospace)}.arc-btn{border-radius:50%;background:#030710b8;border:1px solid color-mix(in srgb,currentColor 32%,transparent);box-shadow:0 2px 6px #0000008c;transition:color .12s ease,border-color .12s ease}.arc-btn:hover{color:#fff}.arc-btn.is-lit{color:var(--accent, #21d4ed);border-color:color-mix(in srgb,var(--accent, #21d4ed) 60%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--accent, #21d4ed) 30%,transparent)}.arc-btn.is-open{border-color:color-mix(in srgb,currentColor 75%,transparent)}.arc-btn.is-focused{outline:1px solid color-mix(in srgb,currentColor 55%,transparent);outline-offset:2px}.arc-icon{width:46%;height:46%;background-color:currentColor;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.arc-polarity{border-radius:50%;background:#030710d9;border:1px solid color-mix(in srgb,currentColor 55%,transparent);font-size:12px;font-weight:700;line-height:1}.arc-polarity.is-on{color:var(--accent-violet, #bf8ffa)}.arc-hook{background:transparent;box-shadow:none}.arc-hook img{width:42%;height:42%;object-fit:contain;opacity:.6}.arc-hook:hover img{opacity:.95}.arc-hook.is-alone img{width:70%;height:70%;opacity:.5}.arc-armed{position:absolute;left:16px;bottom:12px;font-size:.7rem;letter-spacing:.12em;font-family:var(--mono, ui-monospace, monospace);color:var(--accent, #21d4ed);pointer-events:none}.arc-layer:not(.is-hidden){transform:translate(var(--menu-shift)) scale(var(--live-scale, 1));transform-origin:50% 100%}.settings-eyebrow{font-size:9px;letter-spacing:.18em;color:var(--accent, #21d4ed);margin:12px 0 4px}.credit-row{display:flex;gap:8px;align-items:baseline;font-size:10px;line-height:1.5}.credit-name{font-weight:700;min-width:96px}.credit-what{flex:1 1 auto;opacity:.75}.credit-licence{opacity:.55;white-space:nowrap}.hud-header{display:flex;align-items:center;gap:10px;height:44px;padding:0 12px;flex:0 0 auto}.hud-tags{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--accent);white-space:nowrap;overflow:hidden}.hud-clock-block{flex:0 0 auto;text-align:right;align-items:flex-end}.hud-glyph{color:var(--accent);font-size:13px}.hud-title{font-size:14px;font-weight:700;letter-spacing:.08em}.hud-divider{width:1px;height:18px;background:#21d4ed4d}.hud-clock-block{display:flex;flex-direction:column;line-height:1.05}.hud-clock{font-size:13px;font-weight:600}.hud-date{font-size:7.5px;color:#33d499e6;letter-spacing:.04em}.hud-spacer{flex:1 1 auto}.hud-status-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 12px;flex-wrap:wrap;flex:0 0 auto}.tui-button,.tui-bracket{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.12em;color:var(--accent);background:none;border:none;padding:2px 0;white-space:nowrap}.tui-button{cursor:pointer;transition:opacity .12s ease,transform .12s ease}.tui-button:hover{opacity:.75}.tui-button:active{opacity:.5;transform:scale(.96)}.tui-button:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.tui-button.dim,.tui-bracket.dim{color:var(--text-dim)}.tui-button.tiny{font-size:8.5px}.tui-button.accent-violet{color:var(--accent-violet)}.tui-button.accent-mint{color:var(--accent-mint)}.status-ok{color:#33d499}.status-busy{color:var(--accent-amber)}.hud-panel-host,.hud-legend-host,.hud-search-host{padding:0 12px;max-width:360px;align-self:flex-end;width:100%}.hud-panel-host{overflow-y:auto;max-height:52vh;pointer-events:auto;scrollbar-width:thin}.panel-eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;color:#a0acbe}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.panel-title{display:flex;align-items:center;gap:8px}.panel-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);flex:0 0 auto}.hud-panel{--accent: rgb(168, 84, 247);padding:4px 0 12px}.panel-name{font-size:13px;font-weight:700}.panel-type{font-size:10.5px;color:#a8b4c6;padding-left:18px;margin-top:2px}.panel-category{color:var(--accent);margin:8px 0;display:inline-block}.panel-photo{margin:4px 0 10px}.panel-photo img{width:100%;max-width:320px;display:block;border-radius:4px;border:1px solid rgba(255,255,255,.15)}.panel-photo figcaption a{font-size:8px;letter-spacing:.06em;color:var(--text-dim);text-decoration:none}.panel-photo figcaption a:hover{color:var(--accent);text-decoration:underline}.panel-rows{display:flex;flex-direction:column;gap:5px;margin:8px 0}.telemetry-row{display:flex;justify-content:space-between;gap:12px;font-size:11px}.telemetry-label{color:#a8b4c6}.telemetry-value{font-weight:600;text-align:right}.telemetry-value.accent-sky{color:var(--accent-sky)}.telemetry-value.accent-mint{color:var(--accent-mint)}.telemetry-value.accent-amber{color:var(--accent-amber)}.telemetry-value.accent-red{color:var(--accent-red)}.panel-actions{display:flex;gap:12px;margin-top:4px}.hud-legend{padding:4px 0 10px}.legend-row{display:flex;align-items:center;gap:8px;margin-top:5px}.legend-dot{width:9px;height:9px;border-radius:50%;background:var(--dot);box-shadow:0 0 4px var(--dot);flex:0 0 auto}.legend-label{font-size:10.5px;color:#d9d9d9d9}.hud-search{padding:4px 0 10px}.search-input-row{display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(153,242,191,.35);padding:4px 0}.search-prompt{color:var(--accent-mint);font-weight:700;font-size:12px}.search-input{flex:1 1 auto;background:none;border:none;outline:none;color:var(--text);font-family:var(--font-mono);font-size:12px;min-width:0}.search-input::placeholder{color:#8c98aab3}.search-results{display:flex;flex-direction:column;margin-top:8px}.search-result{display:flex;align-items:flex-start;gap:6px;background:none;border:none;padding:3px 0;text-align:left;cursor:pointer;color:inherit;font-family:var(--font-mono)}.search-result:hover .search-result-name{color:var(--accent-mint)}.tree-branch{color:#99f2bf99;font-size:10px}.search-result-body{display:flex;flex-direction:column}.search-result-name{font-size:11px;font-weight:600}.search-result-coords{font-size:9px;color:var(--text-dim)}.search-pinned{margin-top:10px}.pinned-row{display:flex;align-items:center;gap:6px;margin-top:4px}.pinned-name{font-size:10px;color:#d9d9d9d9;flex:1 1 auto}.hud-readout{position:absolute;top:96px;left:0;right:var(--band-thickness);text-align:center;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--accent);opacity:0;transition:opacity .2s ease;pointer-events:none}.hud-readout.visible{opacity:1}.dial-text{font-family:var(--font-mono);font-size:8.5px;font-weight:600;letter-spacing:.1em}.dial-button{cursor:pointer}.dial-button:hover circle{filter:brightness(1.25)}.dial-handle{cursor:grab;touch-action:none}.dial-handle:active{cursor:grabbing}.settings-scrim{position:fixed;inset:0;background:#0508129e;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:20}.settings-sheet{width:min(320px,calc(100vw - 32px));padding:18px;border:1px solid rgba(33,212,237,.5);border-radius:12px;background:#050812d9;display:flex;flex-direction:column;gap:14px}.settings-row{display:flex;align-items:center;gap:10px}.settings-label{font-size:11px;color:#bfbfbfe6;flex:1 1 auto}.settings-about{font-size:10px;line-height:1.5;color:var(--text-dim)}@media(max-width:520px){.hud-panel-host,.hud-legend-host,.hud-search-host{max-width:none}.hud-panel-host{max-height:44vh}}@media(prefers-reduced-motion:reduce){.tui-button{transition:none}}
