/* Activated only by a palette saved in this browser or by the editor preview. */
html[data-minerva-theme] {
  --color-bg: var(--theme-text) !important;
  --color-text: var(--theme-text) !important;
  --color-surface: var(--theme-surface) !important;
  --color-accent: var(--theme-accent) !important;
  --color-accent-2: var(--theme-secondary) !important;
  --theme-border: color-mix(in srgb, var(--theme-text) 24%, var(--theme-background));
  --color-divider: var(--theme-border) !important;
  --color-accent-100: color-mix(in srgb, var(--theme-accent) 12%, var(--theme-surface)) !important;
  --color-accent-200: color-mix(in srgb, var(--theme-accent) 25%, var(--theme-surface)) !important;
  --color-accent-300: var(--theme-secondary) !important;
  --color-accent-400: var(--theme-accent) !important;
  --color-accent-500: var(--theme-accent) !important;
  --color-accent-600: color-mix(in srgb, var(--theme-accent) 88%, black) !important;
  --color-accent-700: color-mix(in srgb, var(--theme-accent) 75%, black) !important;
  --color-accent-800: color-mix(in srgb, var(--theme-accent) 62%, black) !important;
  --color-accent-900: color-mix(in srgb, var(--theme-accent) 48%, black) !important;
  --color-accent-2-100: color-mix(in srgb, var(--theme-secondary) 15%, var(--theme-surface)) !important;
  --color-accent-2-800: var(--theme-secondary) !important;
  --color-neutral-100: var(--theme-surface) !important;
  --color-neutral-500: var(--theme-muted) !important;
  --color-neutral-800: var(--theme-text) !important;
  --color-neutral-900: var(--theme-text) !important;
  background: var(--theme-background) !important;
  color: var(--theme-text);
  color-scheme: dark;
}
html[data-minerva-theme][data-theme-tone="light"] { color-scheme: light; }
/* The white wordmark gets its monochrome dark treatment on light backgrounds. */
html[data-minerva-theme][data-theme-tone="light"] .nav-brand img { filter:brightness(0); }
html[data-minerva-theme] body,
html[data-minerva-theme] #dc-root > .sc-host > div,
html[data-minerva-theme] .nav.site-nav {
  background-color: var(--theme-background) !important;
  color: var(--theme-text) !important;
}
html[data-minerva-theme] #oil-title { background-color:var(--theme-background) !important; }
html[data-minerva-theme] .picto-transition-copy { background:linear-gradient(to top,color-mix(in srgb,var(--theme-background) 92%,transparent),transparent) !important; }
html[data-minerva-theme] .text-muted,
html[data-minerva-theme] .input::placeholder { color: var(--theme-muted) !important; }
html[data-minerva-theme] .input {
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
  color-scheme: inherit;
}
html[data-minerva-theme] .input:is(:autofill,:-webkit-autofill) {
  -webkit-text-fill-color: var(--theme-text) !important;
  box-shadow: 0 0 0 1000px var(--theme-surface) inset !important;
}
html[data-minerva-theme] .btn-primary { color: var(--theme-on-accent) !important; }
html[data-minerva-theme] [data-theme-accent-surface],
html[data-minerva-theme] [data-theme-accent-surface] :is(h1,h2,h3,p,.btn-ghost) { color: var(--theme-on-accent) !important; }
html[data-minerva-theme] [data-theme-accent-surface] .btn-ghost { border-color: var(--theme-on-accent) !important; }
/* Preserve the white difference-blended lettering over moving footage. */
html[data-minerva-theme] [style*="mix-blend-mode:difference"],
html[data-minerva-theme] [style*="mix-blend-mode: difference"] { color: #fff !important; }
html[data-minerva-theme] .logo-rings {
  --roger-svg-brightness: 1 !important;
  --logo-section-background: var(--theme-background) !important;
  --logo-section-ink: var(--theme-text) !important;
  --logo-section-muted: var(--theme-muted) !important;
  --logo-control-surface: var(--theme-surface) !important;
  --logo-control-ink: var(--theme-text) !important;
  --logo-control-muted: var(--theme-muted) !important;
  --logo-control-value: var(--theme-text) !important;
  --logo-control-border: var(--theme-border) !important;
  --logo-control-focus: var(--theme-accent) !important;
  --logo-control-hover: color-mix(in srgb, var(--theme-text) 8%, var(--theme-surface)) !important;
  --logo-control-selected: color-mix(in srgb, var(--theme-accent) 16%, var(--theme-surface)) !important;
  --logo-control-active: var(--theme-surface) !important;
  color: var(--theme-text) !important;
}
html[data-minerva-theme][data-theme-tone="light"] .logo-rings { --roger-svg-brightness: .13 !important; }
html[data-minerva-theme] .logo-ring-heading,
html[data-minerva-theme] .logo-ring-controls { color: var(--theme-text) !important; }
html[data-minerva-theme] .logo-ring-hint { color: var(--theme-muted) !important; }
/* Teleoperation can follow the website palette or use its own saved colors. */
html[data-minerva-teleop-theme] .teleop-explainer {
  background:var(--te-theme-background);
  color-scheme:dark;
  --te-theme-border:color-mix(in srgb, var(--te-theme-text) 24%, var(--te-theme-background));
  --te-accent: var(--te-theme-accent) !important;
  --te-theme-hover: color-mix(in srgb, var(--te-theme-text) 8%, var(--te-theme-surface));
  --te-theme-selected: color-mix(in srgb, var(--te-theme-accent) 14%, var(--te-theme-surface));
  color:var(--te-theme-text);
}
html[data-minerva-teleop-theme] :is(.te-visual,.te-stage) { background-color:var(--te-theme-background) !important; }
html[data-minerva-teleop-theme] :is(.te-stage,.te-modes,.te-setting-toggles,.te-signal-controls,.te-hud-status) { border-color:var(--te-theme-border); }
html[data-minerva-teleop-theme] :is(.te-heading h2,.te-explanation h3,.te-animation-panel,.te-setting output,.te-signal-hud h3,.te-motion-meta>strong,.te-contact-state strong) { color:var(--te-theme-text); }
html[data-minerva-teleop-theme] :is(.te-heading p,.te-explanation p,.te-stage-footer,.te-setting>span,.te-setting-toggles label,.te-signal-controls>summary,.te-presentation-controls label,.te-operator-choice,.te-loop-label,.te-model-loading,.te-demo-hint,.te-hud-heading,.te-hud-subtitle,.te-hud-status,.te-activity-bars>div,.te-motion-meta>span,.te-tracker-chips,.te-contact-hand,.te-contact-state span) { color:var(--te-theme-muted); }
html[data-minerva-teleop-theme] :is(.te-play,.te-view-switch,.te-setting select,.te-presentation-controls select,.te-animation-body,.te-animation-panel>summary,.te-presets button,.te-operator-switch button,.te-hud-freeze,.te-sculpture-note) {
  background-color:var(--te-theme-surface);
  color:var(--te-theme-text);
  border-color:var(--te-theme-border);
}
html[data-minerva-teleop-theme] :is(.te-setting select,.te-presentation-controls select) { color-scheme:inherit; }
html[data-minerva-teleop-theme] :is(.te-panel-heading button,.te-view-switch button) { color:var(--te-theme-muted); }
html[data-minerva-teleop-theme] :is(.te-play:hover,.te-animation-panel>summary:hover,.te-presets button:hover,.te-operator-switch button:hover,.te-hud-freeze:hover,.te-sculpture-note:hover,.te-view-switch button:hover) {
  color:var(--te-theme-text);
  background-color:var(--te-theme-hover);
  border-color:var(--te-theme-muted);
}
html[data-minerva-teleop-theme] .te-panel-heading button:hover { color:var(--te-theme-text); }
html[data-minerva-teleop-theme] :is(.te-animation-panel[open]>summary,.te-signal-controls[open]>summary) { color:var(--te-theme-text); }
html[data-minerva-teleop-theme] :is(.te-presets button[aria-pressed="true"],.te-operator-switch button[aria-pressed="true"],.te-view-switch button[aria-pressed="true"]) {
  background-color:var(--te-theme-selected);
  color:var(--te-theme-text);
  border-color:var(--te-theme-accent);
}
html[data-minerva-teleop-theme] .teleop-explainer :is(button,summary,select,input):focus-visible { outline:2px solid var(--te-theme-accent); }
html[data-minerva-teleop-theme] .te-loop-label i { border-color:var(--te-theme-muted); }
html[data-minerva-teleop-theme] .te-loop-label[aria-pressed="true"] i {
  border-color:var(--te-theme-accent);
  background:var(--te-theme-accent);
  box-shadow:inset 0 0 0 2px var(--te-theme-background);
}
html[data-minerva-teleop-theme] .te-mode {
  background-color:var(--te-theme-background);
  color:var(--te-theme-muted);
  border-right-color:var(--te-theme-border);
}
html[data-minerva-teleop-theme] .te-mode-number { color:var(--te-theme-muted); }
html[data-minerva-teleop-theme] .te-mode:hover { color:var(--te-theme-text); background-color:var(--te-theme-hover); }
html[data-minerva-teleop-theme] .te-mode[aria-pressed="true"] { color:var(--te-theme-text); border-top-color:var(--te-theme-accent); background-color:var(--te-theme-selected); }
html[data-minerva-teleop-theme] .te-mode[aria-pressed="true"] .te-mode-number { color:var(--te-theme-accent); }

/* Shared SVG labels, guides, trackers and the compact signal readouts. */
html[data-minerva-teleop-theme] :is(.te-figure-titles text,.te-link-label) { fill:var(--te-theme-text); }
html[data-minerva-teleop-theme] .te-figure-titles .te-figure-subtitle { fill:var(--te-theme-muted); }
html[data-minerva-teleop-theme] .te-floors ellipse { stroke:var(--te-theme-border); }
html[data-minerva-teleop-theme] .te-link-rail { stroke:var(--te-theme-muted); }
html[data-minerva-teleop-theme] .te-node-dot { fill:var(--te-theme-text); stroke:var(--te-theme-background); }
html[data-minerva-teleop-theme] .te-node-halo { fill:var(--te-theme-accent); stroke:var(--te-theme-secondary); }
html[data-minerva-teleop-theme] .te-node-reticle { stroke:var(--te-theme-text); }
html[data-minerva-teleop-theme] .te-tracker-band { fill:var(--te-theme-muted); stroke:var(--te-theme-text); }
html[data-minerva-teleop-theme] .te-tracker-puck { fill:var(--te-theme-surface); stroke:var(--te-theme-text); }
html[data-minerva-teleop-theme] .te-tracker-detail { stroke:var(--te-theme-text); }
html[data-minerva-teleop-theme] .te-headset-view rect { fill:var(--te-theme-surface); stroke:var(--te-theme-accent); }
html[data-minerva-teleop-theme] .te-headset-view :is(path,circle) { stroke:var(--te-theme-text); }
/* External monochrome SVG figures retain their linework on a light stage. */
html[data-minerva-teleop-theme][data-teleop-theme-tone="light"] .te-diagram>image:is(.te-robot,.te-human-reference) { filter:brightness(.14); mix-blend-mode:normal; }

html[data-minerva-teleop-theme] .te-signal-hud {
  color:var(--te-theme-text);
  background:color-mix(in srgb, var(--te-theme-surface) 96%, transparent);
  border-color:var(--te-theme-border);
  box-shadow:0 16px 44px color-mix(in srgb, var(--te-theme-text) 12%, transparent);
}
html[data-minerva-teleop-theme] .te-hud-tag { color:var(--te-theme-muted); border-color:var(--te-theme-border); }
html[data-minerva-teleop-theme] .te-eye-preview { background:var(--te-theme-background); border-color:var(--te-theme-border); }
html[data-minerva-teleop-theme] .te-camera-reticle {
  background:linear-gradient(var(--te-theme-text),var(--te-theme-text)) top left/10px 1px no-repeat,linear-gradient(var(--te-theme-text),var(--te-theme-text)) top left/1px 10px no-repeat,linear-gradient(var(--te-theme-text),var(--te-theme-text)) top right/10px 1px no-repeat,linear-gradient(var(--te-theme-text),var(--te-theme-text)) top right/1px 10px no-repeat,linear-gradient(var(--te-theme-text),var(--te-theme-text)) bottom left/10px 1px no-repeat,linear-gradient(var(--te-theme-text),var(--te-theme-text)) bottom right/10px 1px no-repeat;
}
html[data-minerva-teleop-theme] .te-camera-caption { color:var(--te-theme-text); background:color-mix(in srgb, var(--te-theme-surface) 92%, transparent); }
html[data-minerva-teleop-theme] .te-hud-link i { background:var(--te-theme-secondary); box-shadow:0 0 8px color-mix(in srgb, var(--te-theme-secondary) 28%, transparent); }
html[data-minerva-teleop-theme] .te-signal-hud[data-paused="true"] .te-hud-link i { background:var(--te-theme-muted); box-shadow:none; }
html[data-minerva-teleop-theme] .te-activity-track { background:color-mix(in srgb, var(--te-theme-text) 12%, var(--te-theme-surface)); }
html[data-minerva-teleop-theme] .te-activity-track i { background:var(--te-theme-secondary); }
html[data-minerva-teleop-theme] .te-activity-track [data-te-activity="right"] { background:var(--te-theme-accent); }
html[data-minerva-teleop-theme] .te-tracker-chips i { background:var(--te-theme-secondary); }
html[data-minerva-teleop-theme] .te-hud-trace path { stroke:var(--te-theme-accent); }
html[data-minerva-teleop-theme] .te-hud-trace :is([data-te-trace="left"],[data-te-trace="command"]) { stroke:var(--te-theme-secondary); }
html[data-minerva-teleop-theme] .te-hud-trace .te-trace-grid { stroke:var(--te-theme-muted); }
html[data-minerva-teleop-theme] .te-contact-hand svg { fill:none; stroke:none; }
html[data-minerva-teleop-theme] .te-contact-pads { fill:var(--te-theme-accent); }
html[data-minerva-teleop-theme] .te-contact-state>i { background:var(--te-theme-muted); }
html[data-minerva-teleop-theme] [data-contact="true"] .te-contact-state>i { background:var(--te-theme-accent); box-shadow:0 0 10px color-mix(in srgb, var(--te-theme-accent) 34%, transparent); }
html[data-minerva-teleop-theme][data-teleop-theme-tone="light"] .teleop-explainer { color-scheme:light; }
/* Deployment palettes stop at their own interactive section. Both can be
   enabled independently of Website colors and of one another. */
html[data-minerva-oil-scene-theme] #deck {
  --scene-theme-background:var(--oil-scene-theme-background);
  --scene-theme-surface:var(--oil-scene-theme-surface);
  --scene-theme-text:var(--oil-scene-theme-text);
  --scene-theme-muted:var(--oil-scene-theme-muted);
  --scene-theme-accent:var(--oil-scene-theme-accent);
  --scene-theme-secondary:var(--oil-scene-theme-secondary);
}
html[data-minerva-public-scene-theme] #scene {
  --scene-theme-background:var(--public-scene-theme-background);
  --scene-theme-surface:var(--public-scene-theme-surface);
  --scene-theme-text:var(--public-scene-theme-text);
  --scene-theme-muted:var(--public-scene-theme-muted);
  --scene-theme-accent:var(--public-scene-theme-accent);
  --scene-theme-secondary:var(--public-scene-theme-secondary);
}
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) {
  --scene-theme-border:color-mix(in srgb, var(--scene-theme-text) 24%, var(--scene-theme-background));
  --scene-theme-hover:color-mix(in srgb, var(--scene-theme-text) 8%, var(--scene-theme-surface));
  --scene-theme-selected:color-mix(in srgb, var(--scene-theme-accent) 16%, var(--scene-theme-surface));
  --scene-theme-glass:color-mix(in srgb, var(--scene-theme-surface) 96%, transparent);
  --scene-theme-shadow:color-mix(in srgb, var(--scene-theme-text) 12%, transparent);
  --color-bg:var(--scene-theme-text);
  --color-text:var(--scene-theme-text);
  --color-accent:var(--scene-theme-accent);
  --color-accent-300:var(--scene-theme-secondary);
  --color-accent-2:var(--scene-theme-secondary);
  color:var(--scene-theme-text);
  background:var(--scene-theme-background);
  color-scheme:dark;
}
:is(html[data-minerva-oil-scene-theme][data-oil-scene-theme-tone="light"] #deck,html[data-minerva-public-scene-theme][data-public-scene-theme-tone="light"] #scene) { color-scheme:light; }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene)>span { color:var(--scene-theme-secondary) !important; }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene)>h2 { color:var(--scene-theme-text); }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene)>h2>span:last-child { color:var(--scene-theme-muted) !important; }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) :is(.deployment-stage,.deployment-sticky,.deployment-details) { background:var(--scene-theme-background); border-color:var(--scene-theme-border); }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .deployment-status { color:var(--scene-theme-text); background:var(--scene-theme-surface); border-color:var(--scene-theme-border); }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .deployment-status>div>p:first-child { color:var(--scene-theme-muted) !important; }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .deployment-status>div:nth-child(n+3)>p:last-child { color:var(--scene-theme-accent) !important; }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .deployment-details p { color:var(--scene-theme-text) !important; }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .deployment-details>div:first-child>p:first-child { color:var(--scene-theme-accent) !important; }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .deployment-details>div:first-child>p:last-child { color:var(--scene-theme-muted) !important; }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .deployment-details>div:last-child p>span:first-child { color:var(--scene-theme-accent) !important; }
/* These template controls have inline colors; keep the overrides within the
   stage while leaving the system-status hazard indicator's color intact. */
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .deployment-stage>:is(label,button,p) { color:var(--scene-theme-text) !important; background:var(--scene-theme-glass) !important; border-color:var(--scene-theme-border) !important; }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .deployment-stage>p { color:var(--scene-theme-muted) !important; }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .deployment-stage>button:hover { background:var(--scene-theme-hover) !important; border-color:var(--scene-theme-accent) !important; }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) :is(button,input,select):focus-visible { outline:2px solid var(--scene-theme-accent); outline-offset:3px; }

/* Camera navigation and the operator POV HUD live inside the same stage. */
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) :is(.scene-camera-panel,.teleop-entry,.teleop-head-pin) { color:var(--scene-theme-text); background:var(--scene-theme-glass); border-color:var(--scene-theme-border); box-shadow:0 5px 20px var(--scene-theme-shadow); }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .scene-camera-panel .camera-label { color:var(--scene-theme-muted); }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .scene-camera-panel button { color:var(--scene-theme-text); border-color:var(--scene-theme-border); background:var(--scene-theme-surface); }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) :is(.scene-camera-panel button,.teleop-entry,.teleop-head-pin):hover { color:var(--scene-theme-text); background:var(--scene-theme-hover); border-color:var(--scene-theme-muted); }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .scene-camera-numbered .camera-zone-number { color:var(--scene-theme-accent); }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .scene-camera-panel button[aria-pressed="true"] { color:var(--scene-theme-text); background:var(--scene-theme-selected); border-color:var(--scene-theme-accent); }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .teleop-hud {
  --teleop-ink:var(--scene-theme-text);
  --teleop-muted:var(--scene-theme-muted);
  --teleop-glass:var(--scene-theme-glass);
  --teleop-orange:var(--scene-theme-accent);
}
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .teleop-hud button { border-color:var(--scene-theme-border); }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) :is(.teleop-identity,.teleop-pill,.teleop-status,.teleop-panel,.teleop-hands,.teleop-transition) { color:var(--scene-theme-text); background:var(--scene-theme-glass); border-color:var(--scene-theme-border); box-shadow:0 8px 30px var(--scene-theme-shadow); }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .teleop-panel { scrollbar-color:var(--scene-theme-muted) transparent; }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) :is(.teleop-hands-title,.teleop-hand-label,.teleop-roger-sketch,.teleop-mission-state) { color:var(--scene-theme-muted); }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) :is(.teleop-panel-heading h3,.teleop-setting-label) { color:var(--scene-theme-text); }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .teleop-setting-label output { color:var(--scene-theme-text); }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .teleop-settings input[type="range"] { accent-color:var(--scene-theme-accent); }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .teleop-hint { color:var(--scene-theme-muted); text-shadow:none; background:var(--scene-theme-glass); padding:5px 10px; border-radius:999px; }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) :is(.teleop-panel-close,.teleop-roger-card,.teleop-recenter) { background:var(--scene-theme-surface); }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) :is(.teleop-pill,.teleop-panel-close,.teleop-roger-card):hover:not(:disabled) { color:var(--scene-theme-text); background:var(--scene-theme-hover); border-color:var(--scene-theme-muted); }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) :is(.teleop-pill,.teleop-roger-card)[aria-pressed="true"] { color:var(--scene-theme-text); background:var(--scene-theme-selected); border-color:var(--scene-theme-accent); box-shadow:0 0 0 2px color-mix(in srgb, var(--scene-theme-accent) 18%, transparent); }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .teleop-roger-card[aria-pressed="true"] .teleop-roger-sketch { color:var(--scene-theme-accent); }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .teleop-link-dot { background:var(--scene-theme-secondary); box-shadow:0 0 8px color-mix(in srgb, var(--scene-theme-secondary) 30%, transparent); }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .teleop-hand-track { background:color-mix(in srgb, var(--scene-theme-text) 16%, var(--scene-theme-surface)); }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .teleop-hand-fill { background:var(--scene-theme-accent); }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .teleop-hand-fill[data-hand="left"] { background:var(--scene-theme-secondary); }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .teleop-mission-state { border-color:var(--scene-theme-border); }
:is(html[data-minerva-oil-scene-theme] #deck,html[data-minerva-public-scene-theme] #scene) .teleop-mission-xray { color:var(--scene-theme-text); background:color-mix(in srgb, var(--scene-theme-secondary) 16%, var(--scene-theme-surface)); }
/* This fixed local launcher is intentionally independent of experiments. */
#minerva-theme-launcher {
  position:fixed; z-index:9998; left:16px; bottom:16px; display:flex; align-items:center; gap:8px;
  padding:10px 14px; border:1px solid #555; border-radius:24px;
  color:#f5f5f5; background:#191919; box-shadow:0 2px 14px #0005;
  font:12px/1.2 system-ui,sans-serif; text-decoration:none; opacity:.88;
}
#minerva-theme-launcher:hover { opacity:1; border-color:#ddd; }
#minerva-theme-launcher:focus-visible { outline:2px solid #fff; outline-offset:4px; }
@media (max-width:600px) { #minerva-theme-launcher {left:10px;bottom:10px;padding:9px 12px;} }

/* The same quiet current-page treatment applies to every navigation item. */
.nav.site-nav .site-nav-links > a {
  border:1px solid transparent; border-radius:0; padding:10px 16px;
  color:inherit; background:transparent; box-shadow:none; line-height:1.35;
  transition:background-color .15s ease,border-color .15s ease;
}
.nav.site-nav .site-nav-links > a:hover {
  color:inherit; background:color-mix(in srgb,var(--theme-text,#fff) 6%,transparent);
}
.nav.site-nav .site-nav-links > a[aria-current="page"] {
  color:inherit; border-color:transparent;
  background:color-mix(in srgb,var(--theme-text,#fff) 9%,var(--theme-background,#000));
}
.nav.site-nav .site-nav-links > a:focus-visible { outline:2px solid var(--theme-accent,#df493b);outline-offset:3px; }
@media(max-width:700px) { .nav.site-nav .site-nav-links > a { padding:9px 5px; } }
/* Give the scan its own mobile space above playback; restore vitals on close. */
@media(max-width:760px), (max-height:520px) {
  airport-3d[data-teleop-mode="operator"] .airport-xray-viewer {
    top:76px !important; bottom:auto !important; left:14px; right:14px !important;
    width:calc(100% - 28px) !important; max-height:calc(100% - 264px) !important;
  }
  airport-3d[data-teleop-mode="operator"] .airport-xray-viewer img { height:auto !important; max-height:calc(100dvh - 336px); object-fit:contain; }
  airport-3d[data-teleop-mode="operator"]:has(.airport-xray-viewer:not([hidden])) .teleop-telemetry { visibility:hidden; }
  airport-3d[data-teleop-mode="operator"] .airport-xray-open { bottom:190px !important; left:14px; right:auto !important; }
}
@media(max-height:520px) {
  airport-3d[data-teleop-mode="operator"] .airport-xray-viewer { width:min(340px,calc(100% - 28px)) !important; }
}

/* Phone deployment controls occupy their own rows below a square viewport. */
.teleop-entry-controls { display:contents; }
.teleop-roger-choice,.deployment-color-picker { display:none; }
@media(max-width:760px) {
  .deployment-tour::after { display:none; }
  .deployment-tour > .deployment-sticky { position:relative; top:auto; }
  .deployment-tour .deployment-stage {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;
    height:auto !important; min-height:0; overflow:visible; padding-bottom:16px;
  }
  .deployment-stage > :is(rig-3d,airport-3d) {
    position:relative !important; inset:auto !important; width:100% !important; height:auto !important;
    display:grid !important; grid-template-columns:minmax(0,1fr); gap:12px; grid-column:1/-1; min-width:0;
  }
  .deployment-stage > :is(rig-3d,airport-3d) > canvas {
    display:block; width:100% !important; height:auto !important; aspect-ratio:1; order:0;
  }
  .deployment-stage .deployment-scene-fallback { position:static !important; inset:auto !important; min-height:280px; }
  .deployment-stage .scene-camera-panel {
    position:static; inset:auto; order:1; max-width:none; width:100%; padding:12px;
    border-color:var(--scene-theme-border,#333); background:var(--scene-theme-surface,#080808);
  }
  .deployment-stage .scene-camera-panel .camera-label { margin-bottom:8px; }
  .deployment-stage .scene-camera-panel .camera-views { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) 1.6fr 2fr; gap:5px; }
  .deployment-stage .scene-camera-panel button { min-width:0; min-height:44px; padding:8px 2px; font-size:11px; }
  .deployment-stage .teleop-entry-controls { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; order:2; }
  .deployment-stage .teleop-roger-choice {
    display:block; box-sizing:border-box; width:100%; min-width:0; height:44px; min-height:44px; padding:10px 12px;
    border:1px solid var(--scene-theme-border,#383838); border-radius:0;
    color:var(--scene-theme-text,#eee); background:var(--scene-theme-surface,#101214); font:16px/1.4 Arial,sans-serif;
  }
  .deployment-stage .teleop-entry { position:static; margin:0; min-height:44px; justify-content:center; border-radius:0; box-shadow:none; font-size:12px; }
  .deployment-stage .teleop-head-pin { display:none !important; }
  .deployment-stage > label { display:none !important; }
  .deployment-tour .deployment-stage > button {
    position:static !important; inset:auto !important; transform:none !important; width:100% !important; height:auto !important;
    min-height:44px; gap:10px; order:2; font-size:16px !important;
  }
  .deployment-stage .deployment-color-picker { display:block; order:3; grid-column:1/-1; border:1px solid var(--scene-theme-border,#383838); }
  .deployment-color-picker summary { display:flex; align-items:center; justify-content:center; gap:10px; min-height:44px; padding:0 12px; cursor:pointer; list-style:none; font:700 12px/1.3 var(--font-heading,Arial,sans-serif); text-transform:uppercase; }
  .deployment-color-picker summary::-webkit-details-marker { display:none; }
  .deployment-color-picker summary::after { content:'+'; margin-left:auto; font-size:18px; }
  .deployment-color-picker[open] summary::after { content:'−'; }
  .deployment-color-preview { width:18px; height:18px; border:1px solid #777; }
  .deployment-color-options { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; padding:12px; border-top:1px solid var(--scene-theme-border,#383838); }
  .deployment-color-options > button { min-width:0; min-height:44px; cursor:pointer; border:1px solid #888; border-radius:0; }
  .deployment-color-custom { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:12px; }
  .deployment-color-custom input { width:70px; min-height:44px; border:0; padding:0; background:none; }
  .deployment-tour .deployment-stage > p {
    position:static !important; inset:auto !important; order:4; grid-column:1/-1; max-width:none;
    padding:2px 0 !important; text-align:center; font-size:10px !important; line-height:17px !important;
  }
  /* Operator mode keeps its immersive canvas and puts every HUD panel below. */
  .deployment-tour .deployment-stage.teleop-stage { display:block; overflow-y:auto !important; overflow-x:hidden; overscroll-behavior:contain; overflow-anchor:none; padding:0 0 max(20px,env(safe-area-inset-bottom)); }
  .deployment-stage > .teleop-engaged > canvas { width:min(100%,calc(100dvh - 96px)) !important; justify-self:center; }
  .deployment-stage .teleop-engaged .teleop-entry-controls,.deployment-stage.teleop-stage > .deployment-color-picker { display:none; }
  .deployment-stage .teleop-hud { position:static; inset:auto; order:3; display:flex; flex-direction:column; gap:12px; padding:12px; pointer-events:auto; }
  .deployment-stage .teleop-hud :is(.teleop-topline,.teleop-console,.teleop-telemetry,.teleop-hands,.teleop-panel,.teleop-transition) {
    position:static; inset:auto; transform:none; width:100%; min-width:0; max-width:none; max-height:none; margin:0; box-sizing:border-box; border-radius:0; box-shadow:none;
  }
  .deployment-stage .teleop-topline { flex-direction:column; align-items:stretch; order:0; }
  .deployment-stage .teleop-top-actions { order:-1; width:100%; justify-content:flex-end; }
  .deployment-stage .teleop-top-actions .teleop-icon-button { width:44px; min-height:44px; }
  .deployment-stage .teleop-exit { min-height:44px; font-size:12px; }
  .deployment-stage .teleop-identity { max-width:none; width:100%; border-radius:0; }
  .deployment-stage .teleop-application { display:block; }
  .deployment-stage .teleop-console { order:1; gap:10px; }
  .deployment-stage .teleop-controls { width:100%; }
  .deployment-stage .teleop-controls .teleop-pill { flex:1; min-width:0; min-height:44px; padding:10px; font-size:12px; }
  .deployment-stage .teleop-status-time { display:inline; }
  .deployment-stage .teleop-playback { border-radius:0; }
  .deployment-stage .teleop-playback-stage { white-space:normal; overflow:visible; }
  .deployment-stage .teleop-panel { order:2; padding:14px; }
  .deployment-stage .teleop-telemetry { order:3; padding:14px; visibility:visible !important; }
  .deployment-stage .teleop-hands { order:4; padding:14px; }
  .deployment-stage .teleop-transition { order:-1; text-align:center; white-space:normal; }
  .deployment-stage .teleop-hint { font-size:11px; text-align:center; }
  .deployment-stage .teleop-hand-columns { justify-content:center; gap:48px; }
  .deployment-stage .teleop-recenter { min-height:44px; }
  .deployment-stage airport-3d :is(.airport-xray-viewer,.airport-xray-open) {
    position:static !important; inset:auto !important; order:4; width:calc(100% - 24px) !important; max-height:none !important; margin:0 12px 12px !important;
  }
  .deployment-stage airport-3d .airport-xray-viewer img { max-height:none !important; }
}
@media(max-width:360px) { .deployment-color-options { grid-template-columns:repeat(3,minmax(0,1fr)); } }
