:root{color-scheme:light;--bg: #f4f6f3;--surface: #ffffff;--surface-2: #eef1ec;--text: #1a1f1a;--text-muted: #556055;--border: #c9d1c6;--primary: #2e6b30;--primary-text: #ffffff;--focus: #1565c0;--sim: #b34700;--sim-text: #ffffff;--devauth-bg: #fff3c4;--devauth-text: #4a3800;--danger: #b71c1c;--danger-text: #ffffff;--warn-bg: #fff4e0;--warn-text: #6b3d00;--ok: #1b6e20;--ok-bg: #e5f4e5;--err-bg: #fdeaea;--err-text: #8e1414;--info-bg: #e7f0fb;--info-text: #123d6b;--live: #c62828;--dot-online: #2e7d32;--dot-stale: #c77700;--dot-offline: #8a8a8a;--radius: 10px;--gap: 16px;--shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .05);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0f1310;--surface: #182019;--surface-2: #202a21;--text: #e6ece5;--text-muted: #a5b1a4;--border: #344235;--primary: #6fbf73;--primary-text: #0b1a0c;--focus: #8ab4f8;--sim: #e07a1f;--sim-text: #1a0d00;--devauth-bg: #4a3b00;--devauth-text: #ffe9a3;--danger: #ef5350;--danger-text: #1a0000;--warn-bg: #3d2a07;--warn-text: #ffd28a;--ok: #81c784;--ok-bg: #173019;--err-bg: #3b1515;--err-text: #ffb4b4;--info-bg: #13263d;--info-text: #b9d6ff;--live: #ff6b6b;--dot-online: #66bb6a;--dot-stale: #ffb74d;--dot-offline: #8d8d8d;--shadow: none}}:root[data-theme=dark]{color-scheme:dark;--bg: #0f1310;--surface: #182019;--surface-2: #202a21;--text: #e6ece5;--text-muted: #a5b1a4;--border: #344235;--primary: #6fbf73;--primary-text: #0b1a0c;--focus: #8ab4f8;--sim: #e07a1f;--sim-text: #1a0d00;--devauth-bg: #4a3b00;--devauth-text: #ffe9a3;--danger: #ef5350;--danger-text: #1a0000;--warn-bg: #3d2a07;--warn-text: #ffd28a;--ok: #81c784;--ok-bg: #173019;--err-bg: #3b1515;--err-text: #ffb4b4;--info-bg: #13263d;--info-text: #b9d6ff;--live: #ff6b6b;--dot-online: #66bb6a;--dot-stale: #ffb74d;--dot-offline: #8d8d8d;--shadow: none}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.45;overflow-x:hidden}h1{font-size:1.45rem;margin:0 0 8px}h2{font-size:1.1rem;margin:0 0 8px}a{color:var(--primary)}code,kbd{font-family:var(--mono);font-size:.9em}kbd{border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:0 4px;background:var(--surface-2)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:8px;top:8px;z-index:10;background:var(--surface);padding:8px}.muted{color:var(--text-muted)}.small{font-size:.875rem}.center{text-align:center}.pad{padding:16px}.wrap{overflow-wrap:anywhere}.app{min-height:100vh;display:flex;flex-direction:column}.banner{padding:6px 16px;font-weight:700;text-align:center;font-size:.95rem}.banner-sim{background:var(--sim);color:var(--sim-text);letter-spacing:.02em}.banner-devauth{background:var(--devauth-bg);color:var(--devauth-text);font-weight:600}.app-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--text);text-decoration:none}.brand-mark{width:22px;height:22px;border-radius:6px;background:var(--primary);display:inline-block}.main-nav{display:flex;gap:12px}.main-nav a{text-decoration:none;padding:4px 8px;border-radius:6px;color:var(--text)}.main-nav a.active{background:var(--surface-2);font-weight:600}.header-right{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.user-chip{display:inline-flex;gap:6px;align-items:center;max-width:100%}.user-name{max-width:14em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-tag,.tag{font-size:.75rem;padding:1px 8px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);white-space:nowrap}.tag-sim{border-color:var(--sim);color:var(--text)}.app-main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:16px}.app-main:focus{outline:none}.app-footer{padding:12px 16px;font-size:.8rem;color:var(--text-muted);border-top:1px solid var(--border);text-align:center}.page-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px}.panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:var(--gap);min-width:0}.btn{font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:6px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;text-decoration:none}.btn:hover:not(:disabled){filter:brightness(.96)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{min-height:32px;padding:2px 10px;font-size:.875rem}.btn-lg{min-height:52px;width:100%;font-weight:600}.btn-ghost{background:transparent}.btn-primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.btn-danger{background:var(--danger);color:var(--danger-text);border-color:var(--danger)}.btn-google{background:var(--surface)}.btn-dev{background:var(--devauth-bg);color:var(--devauth-text);border-color:var(--devauth-text);white-space:normal}.btn-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.alert{padding:10px 12px;border-radius:8px;margin:8px 0}.alert-error{background:var(--err-bg);color:var(--err-text)}.alert-info{background:var(--info-bg);color:var(--info-text)}.alert-warn{background:var(--warn-bg);color:var(--warn-text)}.alert-ok{background:var(--ok-bg);color:var(--ok)}.ok-text{color:var(--ok);font-weight:600}.warn-text{color:var(--warn-text);background:var(--warn-bg);padding:2px 6px;border-radius:4px}.state-stop{color:var(--danger);font-weight:600}.state-armed{color:var(--ok);font-weight:600}.login{max-width:520px;margin:24px auto}.login-buttons{display:flex;flex-direction:column;gap:16px;margin-top:12px}.login-option p{margin:4px 0 0}.robot-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}.robot-card{margin:0}.robot-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.robot-card h2{margin:0}.kv{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;margin:12px 0}.kv dt{color:var(--text-muted)}.kv dd{margin:0;min-width:0;overflow-wrap:anywhere}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle}.dot-online{background:var(--dot-online)}.dot-stale{background:var(--dot-stale)}.dot-offline{background:var(--dot-offline)}.detail-grid{display:grid;gap:var(--gap);grid-template-columns:minmax(0,1fr)}@media(min-width:1000px){.detail-grid{grid-template-columns:minmax(0,3fr) minmax(340px,2fr);align-items:start}}.video-wrap{position:relative;background:#000;border-radius:8px;overflow:hidden;aspect-ratio:4 / 3}.video-wrap video{width:100%;height:100%;object-fit:contain;display:block}.video-wrap.not-live video{opacity:.45;filter:grayscale(.8)}.video-overlay{position:absolute;inset:auto 0 0;padding:8px;background:#000000a6;color:#fff;text-align:center;font-weight:600}.cam-status{font-weight:700;padding:2px 10px;border-radius:999px;border:1px solid var(--border);display:inline-flex;align-items:center;gap:6px}.cam-live{border-color:var(--live);color:var(--live)}.cam-frozen,.cam-muted,.cam-ended,.cam-reconnecting,.cam-error{background:var(--warn-bg);color:var(--warn-text)}.live-dot{width:10px;height:10px;border-radius:50%;background:var(--live)}.field-wrap{position:relative;width:100%;height:clamp(260px,50vh,520px);border-radius:8px;overflow:hidden;background:var(--surface-2)}.field-canvas{width:100%;height:100%;display:block;touch-action:none}.field-overlay{position:absolute;top:8px;left:8px;right:8px;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}.chip{background:#0009;color:#fff;font-size:.78rem;padding:2px 8px;border-radius:999px}.chip-warn{background:#8a4b00}.check{display:inline-flex;align-items:center;gap:4px}.hud-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.hud-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:10px 16px;margin:8px 0}.hud-grid dt{font-size:.8rem;color:var(--text-muted)}.hud-grid dd{margin:0;font-variant-numeric:tabular-nums;font-weight:600}.hud .hint{display:block;font-weight:400;font-size:.75rem;color:var(--text-muted)}.hud.is-stale .hud-grid{opacity:.6}.fresh-badge{font-weight:700;font-size:.85rem;padding:2px 10px;border-radius:999px;font-variant-numeric:tabular-nums}.fresh-fresh{background:var(--ok-bg);color:var(--ok)}.fresh-stale,.fresh-none{background:var(--warn-bg);color:var(--warn-text)}.counters{margin:0}.conn-line{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 12px}.stop-block{margin-bottom:12px}.btn-stop{font:inherit;width:100%;min-height:72px;font-size:1.35rem;font-weight:800;letter-spacing:.03em;color:#fff;background:#c62828;border:3px solid #7f0000;border-radius:12px;cursor:pointer}.btn-stop:active:not(:disabled){background:#8e0000}.btn-stop:disabled{opacity:.5;cursor:not-allowed}.stop-notice{margin:6px 0 0;color:var(--text-muted)}.viewer-note{padding:10px 12px;border-radius:8px;background:var(--info-bg);color:var(--info-text)}.lease-row,.arm-row{display:flex;flex-direction:column;gap:8px;padding:10px 0;border-top:1px solid var(--border)}.arm-row .btn-arm{flex-direction:column;align-items:stretch;min-height:56px;font-weight:600}.arm-row p{margin:0}.hold-surface,.hold-btn{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.arm-progress{width:100%;height:8px}.drive-area{border-top:1px solid var(--border);padding-top:10px}.drive-status{margin:0 0 8px}.speed{display:flex;flex-direction:column;gap:4px;margin:8px 0}.speed input{width:100%}.dpad{display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:". f ." "l . r" ". b .";gap:8px;max-width:360px;margin:8px auto 0}.hold-btn{font:inherit;min-height:72px;border-radius:12px;border:2px solid var(--border);background:var(--surface-2);color:var(--text);font-size:1.4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.hold-btn .hold-label{font-size:.8rem}.hold-btn:disabled{opacity:.45;cursor:not-allowed}.hold-btn.is-held{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.hold-forward{grid-area:f}.hold-back{grid-area:b}.hold-left{grid-area:l}.hold-right{grid-area:r}@media(hover:none)and (pointer:coarse){.hide-touch{display:none}.hold-btn{min-height:88px}}@media(max-width:480px){.hide-narrow{display:none}.app-main,.card{padding:12px}}.approve-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:8px}.approve-form label{display:flex;flex-direction:column;gap:4px;flex:1 1 200px}input[type=email],select{font:inherit;min-height:40px;padding:6px 8px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);max-width:100%}.table-wrap{overflow-x:auto;max-width:100%}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border);vertical-align:top}.table-compact td{padding:4px 8px}.confirm{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.stop-float{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:8px 16px calc(8px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -2px 10px #00000026}.stop-float .btn-stop{min-height:60px;max-width:640px;margin:0 auto;display:block}.detail{padding-bottom:96px}