:root{--bg:#050b16;--panel:#08111f;--card:#0d1828;--card-2:#12203a;--line:#1f2f4a;--text:#e6edf6;--muted:#a3b3c9;--accent:#22d3ee;--normal:#34d399;--warn:#fbbf24;--alarm:#f87171;--info:#7cb4fb;--brand:#c0171f;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 var(--sans);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}.num{font-variant-numeric:tabular-nums;font-family:var(--mono)}.muted{color:var(--muted)}.app{height:100vh;grid-template-rows:52px minmax(0,1fr);height:100dvh;display:grid}.topbar{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:16px;min-width:0;padding:0 16px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand img{border-radius:6px;flex:none}.brand-txt{flex-direction:column;min-width:0;line-height:1.15;display:flex}.brand-txt b{letter-spacing:.02em;font-size:14px}.brand-txt span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.topbar-mid{align-items:baseline;gap:14px;margin-left:auto;display:flex}.clock{font-size:15px;font-weight:700}.amb{color:var(--muted);font-size:12px}.topbar-r{align-items:center;gap:10px;display:flex}.seg{border:1px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:6px 10px;font-size:12px;font-weight:600}.seg button+button{border-left:1px solid var(--line)}.seg-lang button[lang=ar]{font-family:"Geeza Pro", "Segoe UI", "Noto Sans Arabic", var(--sans);font-size:13px}.seg button[aria-pressed=true]{background:var(--card-2);color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}.seg button:hover{color:var(--text)}.seg button:focus-visible,.btn:focus-visible,.view-toggle button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.split{grid-template-columns:minmax(0,1.5fr) minmax(440px,1fr);min-height:0;display:grid}.field{background:#0a0f18;min-height:0;position:relative;overflow:hidden}.field-canvas,.field-hud{width:100%;height:100%;display:block;position:absolute;inset:0}.field-hud{pointer-events:none}.view-toggle{border:1px solid var(--line);z-index:2;background:#050b16db;border-radius:10px;align-items:center;gap:0;padding:3px;display:flex;position:absolute;top:12px;right:12px}.view-toggle button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 12px;font-size:13px;font-weight:600}.view-toggle button[aria-pressed=true]{background:var(--card-2);color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}.view-toggle button[data-key=auto][aria-pressed=true]{color:#052e36;background:var(--accent);box-shadow:none}.auto-note{color:var(--muted);padding:0 8px;font-size:12px}.auto-note:empty{display:none}.center{background:var(--panel);border-left:1px solid var(--line);min-height:0;padding:14px 16px 18px;overflow-y:auto;container-type:inline-size}.cc-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.cc-title{margin:0;font-size:17px;font-weight:700}.cc-site{color:var(--muted);margin-top:2px;font-size:12px}.badge{letter-spacing:.08em;white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:800}.badge-sim{color:var(--warn);background:#3b2a06;border:1px solid #6b4d0c}.badge-live{color:var(--normal);background:#062b1f;border:1px solid #0d5a40}.cc-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"robot latest""map mission""weather alarms""events events""readings readings";gap:12px;display:grid}.c-robot{grid-area:robot}.c-latest{grid-area:latest}.c-map{grid-area:map}.c-mission{grid-area:mission}.c-weather{grid-area:weather}.c-alarms{grid-area:alarms}.c-events{grid-area:events}.c-readings{grid-area:readings}@container (width<=640px){.cc-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"robot""weather""latest""map""alarms""mission""events""readings"}}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;min-width:0;padding:12px 14px;position:relative}.card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.card-title{letter-spacing:.02em;color:var(--text);margin:0;font-size:13px;font-weight:700}.chip{background:var(--card-2);color:var(--text);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.chip:empty{display:none}.chip-normal{color:var(--normal);background:#0a2a20;border-color:#145c43}.chip-warning{color:var(--warn);background:#2d2106;border-color:#6b4d0c}.chip-alarm{color:#fca5a5;background:#3a0d0d;border-color:#7f1d1d}.chip-unknown{color:var(--muted)}.chip-info,.chip-mode-navigating,.chip-mode-returning{color:var(--info);background:#0b1e38;border-color:#1d3d6b}.chip-mode-inspecting{color:var(--accent);background:#062830;border-color:#155e6b}.chip-mode-weather_hold{color:var(--warn);background:#2d2106;border-color:#6b4d0c}.chip-mode-charging,.chip-mode-docking{color:var(--normal);background:#0a2a20;border-color:#145c43}.chip-mode-paused{color:var(--warn);background:#2d2106;border-color:#6b4d0c}.st-normal{color:var(--normal)}.st-warning{color:var(--warn)}.st-alarm{color:#fca5a5}.st-unknown{color:var(--muted)}.robot-name{font-family:var(--mono);margin-bottom:8px;font-size:15px;font-weight:700}.bat{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:8px;display:grid}.bat-label{color:var(--muted);font-size:12px}.bat-bar{background:#172437;border-radius:4px;height:8px;overflow:hidden}.bat-fill{background:var(--normal);height:100%;transition:width .4s}.bat-fill.bat-low{background:var(--alarm)}.bat-fill.bat-charging{background:linear-gradient(90deg, var(--normal), var(--accent))}.bat-txt{text-align:end;min-width:52px;font-size:12px}.kv{grid-template-columns:auto minmax(0,1fr);gap:3px 12px;margin:0;font-size:12.5px;display:grid}.kv dt{color:var(--muted)}.kv dd{text-align:end;overflow-wrap:anywhere;margin:0}.cmd-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.btn{background:var(--card-2);cursor:pointer;color:var(--text);border:1px solid #2c4268;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600}.btn:hover{border-color:var(--accent)}.btn-ghost{background:0 0}.toast{color:var(--normal);opacity:0;min-height:1.2em;margin-top:8px;font-size:12px;transition:opacity .3s}.toast.toast-on{opacity:1}.toast.toast-bad{color:#fca5a5}.latest{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:12px;display:grid}.evidence{border:1px solid var(--line);background:#000;border-radius:6px;margin:0;overflow:hidden}.evidence img{width:100%;height:auto;display:block}.latest-point{font-size:13px;font-weight:700}.latest-value{margin:2px 0 6px;font-size:26px;font-weight:800}.latest .kv{font-size:12px}.latest .kv dd{text-align:start}.pbar{background:#172437;border-radius:3px;height:6px;margin:6px 0 8px;overflow:hidden}.pbar-thin{height:4px}.pbar-fill{background:var(--accent);height:100%;transition:width .4s}.site-map{border-radius:6px;width:100%;height:auto;display:block}.m-sand{fill:#1f1a12}.m-yard{fill:#1a212c;stroke:#8a7a5c;stroke-width:.6px}.m-road{fill:none;stroke:#2f3a4b;stroke-linecap:square}.m-bld{fill:#22324a;stroke:#4c6488;stroke-width:.5px}.m-asset{fill:#3b4a61}.m-tx{fill:#5a6b86;stroke:#8798b4;stroke-width:.3px}.m-gis{fill:#34445c}.m-dock{fill:var(--accent)}.m-label{fill:#a3b3c9;font:700 3.4px var(--sans);text-anchor:middle}.m-label-lg{fill:#c3cfdf;font-size:4.2px}.m-path{fill:none;stroke:var(--accent);stroke-width:.7px;stroke-dasharray:2 1.4}.m-point{stroke:#0b1424;stroke-width:.6px;cursor:pointer}.m-point:hover,.m-point:focus{stroke:#fff;stroke-width:.8px;outline:none}.m-point.m-active{animation:.9s ease-in-out infinite alternate pulse}@keyframes pulse{0%{r:1.9}to{r:3}}.m-fov{fill:#22d3ee2e;stroke:#22d3ee80;stroke-width:.3px}.m-robot-halo{fill:#ff405038;stroke:#ff6b78;stroke-width:.4px}.m-robot-body{fill:#fff;stroke:#c0171f;stroke-width:.5px}.hint{color:var(--muted);margin:6px 0 4px;font-size:11.5px}.legend{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:11.5px;display:flex}.lg{align-items:center;gap:5px;display:inline-flex}.dot{border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.dot-normal{background:var(--normal)}.dot-warning{background:var(--warn)}.dot-alarm{background:var(--alarm)}.dot-unknown{background:#94a3b8}.mission-name{margin-bottom:2px;font-size:12.5px;font-weight:600}.tasks{max-height:300px;margin:0;padding:0;font-size:12.5px;list-style:none;position:relative;overflow-y:auto}.task{border-radius:6px;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px;display:grid}.task-dot{border:1.5px solid #64748b;border-radius:50%;width:8px;height:8px}.task-done .task-dot{background:var(--normal);border-color:var(--normal)}.task-active{background:#082a33}.task-active .task-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px #22d3ee40}.task-skipped .task-name,.task-failed .task-name{color:var(--muted);text-decoration:line-through}.task-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.task-val{font-family:var(--mono);font-size:12px}.alarm-list,.event-list{margin:0;padding:0;list-style:none}.alarm{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 0;font-size:12.5px;display:grid}.alarm:last-child{border-bottom:0}.alarm-alarm .alarm-text b{color:#fecaca}.alarm-time{color:var(--muted);font-size:11.5px}.event-list{max-height:260px;font-size:12px;overflow-y:auto}.ev{border-bottom:1px dashed #18263d;grid-template-columns:62px minmax(0,1fr);gap:8px;padding:3px 0;display:grid}.ev-time{color:var(--muted);font-size:11.5px}.ev-warn .ev-text{color:var(--warn)}.ev-error .ev-text{color:#fca5a5}.ev-sim .ev-text{color:#c4b5fd;font-style:italic}.table-wrap{max-height:380px;overflow:auto}.readings{border-collapse:collapse;width:100%;font-size:12.5px}.readings th{background:var(--card);text-align:start;color:var(--muted);border-bottom:1px solid var(--line);padding:4px 6px;font-size:11.5px;font-weight:600;position:sticky;top:0}.readings td{white-space:nowrap;border-bottom:1px solid #142238;padding:4px 6px}.rd-name{align-items:center;gap:7px;display:flex}.spark{width:80px;height:20px;display:block}.spark polyline{fill:none;stroke-width:1.4px;stroke:var(--info)}.spark-warning polyline{stroke:var(--warn)}.spark-alarm polyline{stroke:var(--alarm)}.cc-foot{color:var(--muted);margin-top:14px;font-size:11.5px}@media (max-width:1100px){.app{grid-template-rows:auto auto;height:auto;min-height:100vh}.split{grid-template-columns:minmax(0,1fr)}.field{height:58vh;min-height:320px}.center{border-left:0;border-top:1px solid var(--line);overflow:visible}}@media (max-width:640px){.topbar{flex-wrap:wrap;gap:8px;height:auto;padding:8px 16px}.topbar-mid{order:3;width:100%;margin-left:0}.topbar-r{margin-left:auto}.center{padding:12px 16px}.latest{grid-template-columns:minmax(0,1fr)}.view-toggle{inset:auto auto 12px 12px}.view-toggle button{padding:6px 8px;font-size:12px}.auto-note{display:none}.field{height:52vh}}.center[dir=rtl]{font-family:"Geeza Pro", "Segoe UI", "Noto Sans Arabic", var(--sans)}.center[dir=rtl] .num,.center[dir=rtl] .latest-value,.center[dir=rtl] .task-val{direction:ltr;unicode-bidi:isolate}.center[dir=rtl] .site-map{direction:ltr}.wx-main{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:8px;display:flex}.wx-temp{letter-spacing:-.01em;font-size:26px;font-weight:800}.wx-sub{color:var(--muted);font-size:12px}.wx-arrow{vertical-align:-2px;width:13px;height:13px;fill:var(--accent);margin-inline-end:4px}.wx-ops{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:8px;font-size:12px;display:flex}.wx-ops-label{color:var(--muted)}.c-weather .hint{margin:6px 0 0}