/* Jarvis lives alongside the original, full-color assistant portrait. */
[data-companion-mode="jarvis"] .character-scene,
[data-companion-mode="assistant"] .jarvis-scene {display:none!important}
[data-hud-motion="paused"] .companion-panel *,
[data-hud-motion="paused"] .companion-panel *::before,
[data-hud-motion="paused"] .companion-panel *::after {animation-play-state:paused!important}
[data-companion-mode="jarvis"] .ambient-signal {display:none!important}
body[data-companion-mode="jarvis"][data-view="input"] .companion-dialogue {margin-top:12px;flex-shrink:0}
.jarvis-scene {
  position:relative;isolation:isolate;overflow:hidden;flex:1 1 0;min-height:340px;
  margin:0 14px;border:1px solid #287b86;border-radius:14px;
  background:radial-gradient(ellipse at 50% 48%,#0b3745 0%,#061c2a 44%,#030d18 100%);
  box-shadow:inset 0 0 50px #00131c,0 0 25px #26d4d812;
}
.jarvis-scene::after {
  content:"";position:absolute;inset:0;pointer-events:none;z-index:3;border-radius:inherit;
  background:linear-gradient(180deg,#020d18b0,transparent 20%,transparent 78%,#020d18dc),repeating-linear-gradient(180deg,transparent 0 3px,#00151f13 3px 4px);
}
#jarvis-canvas {display:block;position:absolute;inset:0;width:100%;height:100%;z-index:0}
.jarvis-corner {position:absolute;left:15px;right:15px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:6px;font:9px/1.5 Consolas,monospace;letter-spacing:.13em;color:#75d2db}
.jarvis-corner-top {top:14px;border-bottom:1px solid #35cad32c;padding-bottom:8px}
.jarvis-corner-bottom {bottom:14px;border-top:1px solid #35cad32c;padding-top:8px;font-size:8px;letter-spacing:.08em}
.jarvis-live-dot {height:5px;width:5px;flex:none;background:#6ffff1;border-radius:50%;box-shadow:0 0 9px #5afbed}
.jarvis-core {position:absolute;z-index:2;left:50%;top:48%;transform:translate(-50%,-50%);width:112px;height:112px;border:2px solid #75fff5;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#edfffe;background:radial-gradient(circle at 42% 35%,#117988eb,#062737f0 72%);box-shadow:0 0 0 8px #20c6d10b,0 0 0 9px #37dfeb44,0 0 34px #35ebf866,inset 0 0 25px #3be4f52e}
.jarvis-core strong {font:600 38px/1 Consolas,monospace;letter-spacing:.12em;margin-left:.12em;text-shadow:0 0 18px #78fff5}
.jarvis-core-caption {font:6px/1.4 Consolas,monospace;letter-spacing:.13em;color:#8be1e6}
.jarvis-core-state {font:7px/1.4 Consolas,monospace;letter-spacing:.17em;color:#adfff6}
.jarvis-telemetry {position:absolute;left:16px;right:16px;top:72%;z-index:1;display:flex;justify-content:space-between;font:7px Consolas,monospace;letter-spacing:.15em;color:#70bfc775}
.jarvis-telemetry span:last-child {font-size:25px;line-height:.4;color:#72effb65}
.jarvis-scene[data-state="thinking"] .jarvis-core {border-color:#b3fffa;box-shadow:0 0 0 8px #20c6d119,0 0 0 9px #37dfeb55,0 0 42px #35ebf899,inset 0 0 30px #3be4f555}
.jarvis-scene[data-state="trouble"] {border-color:#bd8346}
.jarvis-scene[data-state="trouble"] .jarvis-core {border-color:#ffc484;box-shadow:0 0 0 9px #dca66a22,0 0 36px #dca66a50}
.hud-settings-button {display:grid;place-items:center;width:34px;height:34px;flex:none;padding:7px;border:1px solid #35556d;border-radius:9px;background:#0b1a2a;color:#89d9db;cursor:pointer;transition:border-color .2s,background .2s}
.hud-settings-button svg {width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.hud-settings-button:hover {color:#dcfffc;border-color:#74e9ed;background:#123140}
.hud-settings-button:focus-visible,.hud-settings-dialog :is(button,input,select):focus-visible {outline:2px solid #83f9eb;outline-offset:4px}
dialog.hud-settings-dialog {width:min(470px,calc(100vw - 28px));max-height:calc(100dvh - 32px);margin:auto;padding:25px;background:#0b1c2c;color:#e8fbfa;border:1px solid #356578;border-radius:19px;box-shadow:0 30px 100px #000a;overflow-y:auto}
.hud-settings-dialog::backdrop {background:#010b18b8;backdrop-filter:blur(7px)}
.hud-settings-head {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}
.hud-settings-head p {margin:0 0 7px;font:9px Consolas,monospace;letter-spacing:.17em;color:#7bbbc5}
.hud-settings-head h2 {font-size:23px;color:#edfffc;line-height:1.4;margin:0}
.hud-close-button {height:34px;width:34px;border:1px solid #3f6478;border-radius:9px;background:#102b3d;color:#b1e8e6;font-size:22px;cursor:pointer}
.hud-mode-options {border:0;padding:0;margin:0 0 22px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hud-mode-options legend {padding:0;margin-bottom:10px;font-size:13px;font-weight:600;color:#bfdadf}
.hud-mode-options label {display:flex;align-items:center;gap:9px;padding:14px 12px;min-width:0;border:1px solid #315064;border-radius:11px;background:#0c2434;cursor:pointer}
.hud-mode-options label:has(input:checked) {border-color:#79f1e1;background:#144345;box-shadow:inset 0 0 15px #54d8d012}
.hud-mode-options input {margin:0;accent-color:#77f9e5;width:15px;height:15px;flex:none}
.hud-mode-options strong {display:block;font-size:13px;line-height:1.5;color:#e2fff8}
.hud-mode-options small {display:block;font-size:9px;line-height:1.7;color:#91b8c0;margin-top:4px}
.hud-setting-row {display:flex;align-items:center;justify-content:space-between;gap:20px;margin:15px 0}
.hud-setting-row label,.hud-pause-control {font-size:13px;color:#bfdadf}
.hud-setting-row select {width:134px;min-height:39px;border:1px solid #3a6173;border-radius:8px;background:#102a3b;color:#defcf7;padding:8px 11px;font:inherit;font-size:13px}
.hud-pause-control {display:flex;align-items:center;gap:10px;margin-top:24px;cursor:pointer}
.hud-pause-control input {accent-color:#77f9e5;width:16px;height:16px;margin:0}
.hud-motion-note {font-size:11px;line-height:1.8;color:#85aeb7;margin:15px 0 0}
.hud-settings-foot {display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #294958;margin-top:21px;padding-top:19px}
.hud-settings-foot button {padding:10px 15px;border:1px solid #456b79;border-radius:8px;background:transparent;color:#b6d7db;font:inherit;font-size:12px;cursor:pointer}
.hud-settings-foot #hud-settings-done {background:#82f6dd;border-color:#a3ffea;color:#082e36;font-weight:700;padding-left:25px;padding-right:25px}
body[data-view="results"] .jarvis-scene {min-height:280px;order:2}
body[data-companion-mode="jarvis"][data-view="results"] .companion-dialogue {order:3}
@media(max-width:1400px) {.top-meta .workspace-badge {display:none}}
@media(max-width:1199px) {
  .topbar {height:auto;min-height:60px;padding:11px 12px;flex-wrap:wrap;gap:10px 14px}
  .topbar .breadcrumb {flex:1;min-width:0}
  .topbar-center {order:3;flex-basis:100%;justify-content:center;flex-wrap:wrap;gap:8px}
  .topbar-nav-actions:empty {display:none}
  .top-meta {gap:8px}
}
@media(min-width:1200px) {
  body[data-view="results"] .jarvis-scene {flex:1 1 0;min-height:0;height:auto;margin:0 10px}
}
@media(min-width:701px) and (max-width:899px) {
  .jarvis-scene {grid-column:1;grid-row:1/4;min-height:0;margin:8px}
  .jarvis-core {width:88px;height:88px}
  .jarvis-core strong {font-size:30px}
  .jarvis-corner {left:9px;right:9px;font-size:7px}
  .jarvis-corner-bottom {font-size:6px}
}
@media(min-width:600px) and (max-width:1199px) {
  body[data-view="results"] .jarvis-scene {grid-column:2;grid-row:1/5;min-height:280px;height:100%;margin:0}
}
@media(max-width:700px) {
  .jarvis-scene {flex:none;width:calc(100% - 24px);height:350px;min-height:350px;margin:0 12px}
  .jarvis-core {width:108px;height:108px}
  .top-meta {gap:8px}
  .top-meta .workspace-badge {display:none}
}
@media(max-width:599px) {
  .topbar {padding:11px 0}
  .topbar .breadcrumb {font-size:10px;gap:6px}
  .topbar-link-btn {padding:7px}
  .topbar-link-btn .icon {width:15px;height:15px}
  .topbar-link-btn span {display:none}
  .topbar-flow {font-size:10px;padding:5px 9px}
  .top-meta .connection {font-size:8px}
  body[data-view="results"] .jarvis-scene {width:calc(100% - 24px);max-width:none;height:340px;min-height:340px;align-self:center;margin:0 12px}
  .hud-settings-dialog {padding:21px}
  .top-meta .connection {max-width:115px}
  .top-meta .connection span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce) {
  .jarvis-scene::after {background:linear-gradient(180deg,#020d1870,transparent 25%,transparent 75%,#020d18c0)}
}