@media (min-width: 901px) {
  html[data-visual-style="tactical-tree"] {
    --page: #06090a;
    --surface: rgba(8, 14, 16, 0.91);
    --surface-2: rgba(14, 22, 24, 0.95);
    --line: rgba(204, 225, 223, 0.2);
    --line-soft: rgba(204, 225, 223, 0.085);
    --text: #edf3f1;
    --muted: #92a2a4;
    --cyan: #4ed2db;
    --amber: #edb85c;
    --violet: #b49ce5;
    --focus: #fff0c5;
    --signal: #df6a63;
  }

  html[data-visual-style="tactical-tree"] body { background: transparent; }
  html[data-visual-style="tactical-tree"] .site-heading { border-radius: 1px; border-color: rgba(78, 210, 219, 0.32); clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%); background: linear-gradient(112deg, rgba(223, 106, 99, 0.12) 0 5px, transparent 5px 28%, rgba(78, 210, 219, 0.05) 28% 66%, transparent 66%), rgba(7, 15, 17, 0.94); box-shadow: inset 0 -3px 0 rgba(3, 8, 10, 0.62), inset 4px 0 0 var(--signal), 0 22px 52px rgba(0, 0, 0, 0.42); }
  html[data-visual-style="tactical-tree"] .site-heading::after { position: absolute; top: 0; right: 14px; width: 140px; height: 3px; content: ""; background: linear-gradient(90deg, transparent, var(--cyan)); }
  html[data-visual-style="tactical-tree"] .site-heading__code { border-right-color: rgba(78, 210, 219, 0.24); color: var(--signal); font-weight: 700; background: rgba(223, 106, 99, 0.035); }
  html[data-visual-style="tactical-tree"] .site-heading__system { color: var(--amber); font-size: 12px; }
  html[data-visual-style="tactical-tree"] .site-heading h1 { color: #f3f6f2; text-shadow: 0 0 20px rgba(78, 210, 219, 0.16), 0 4px 22px rgba(0, 0, 0, 0.76); }
  html[data-visual-style="tactical-tree"] .site-heading__range strong { color: #fff1c5; text-shadow: 0 0 14px rgba(237, 184, 92, 0.18); }
  html[data-visual-style="tactical-tree"] .archive-count strong { color: var(--cyan); }
  html[data-visual-style="tactical-tree"] .sfx-control { border-radius: 1px; border-color: rgba(78, 210, 219, 0.3); clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 0 100%); background: rgba(7, 16, 18, 0.94); box-shadow: inset 0 -2px 0 rgba(78, 210, 219, 0.12), 0 12px 26px rgba(0, 0, 0, 0.3); }
  html[data-visual-style="tactical-tree"] .sfx-control__label { color: var(--amber); font-weight: 700; background: rgba(237, 184, 92, 0.045); }
  html[data-visual-style="tactical-tree"] .sfx-control button { color: var(--cyan); background: rgba(78, 210, 219, 0.06); }
  html[data-visual-style="tactical-tree"] .sfx-control input { accent-color: var(--cyan); }
  html[data-visual-style="tactical-tree"] .sfx-control output { color: var(--amber); }
  html[data-visual-style="tactical-tree"] .sfx-control[data-sfx-enabled="false"] { border-color: rgba(223, 106, 99, 0.38); box-shadow: inset 3px 0 0 rgba(223, 106, 99, 0.28); }
  html[data-visual-style="tactical-tree"] .sfx-control[data-sfx-enabled="false"] button { color: var(--signal); background: rgba(223, 106, 99, 0.06); }

  html[data-visual-style="tactical-tree"] .tree-console { border-radius: 2px; border-color: rgba(112, 159, 158, 0.26); background: rgba(6, 12, 14, 0.9); box-shadow: 0 34px 82px rgba(0, 0, 0, 0.54), inset 0 1px 0 rgba(115, 232, 223, 0.055), inset 3px 0 0 rgba(223, 106, 99, 0.16); backdrop-filter: blur(18px) saturate(0.84); }
  html[data-visual-style="tactical-tree"] .command-bar { background: rgba(12, 23, 25, 0.92); box-shadow: inset 0 -1px 0 rgba(78, 210, 219, 0.14); }
  html[data-visual-style="tactical-tree"] .command-title span { color: var(--signal); }
  html[data-visual-style="tactical-tree"] .segmented-control,
  html[data-visual-style="tactical-tree"] .relation-toggle,
  html[data-visual-style="tactical-tree"] .minimap-toggle { border-radius: 2px; border-color: rgba(112, 159, 158, 0.28); background: rgba(4, 10, 12, 0.45); }
  html[data-visual-style="tactical-tree"] .segmented-control button[aria-pressed="true"] { background: rgba(237, 184, 92, 0.12); }
  html[data-visual-style="tactical-tree"] .mission-bar,
  html[data-visual-style="tactical-tree"] .lane-header { background: rgba(7, 15, 17, 0.86); }
  html[data-visual-style="tactical-tree"] .mission-button[aria-pressed="true"] { background: rgba(78, 210, 219, 0.09); box-shadow: inset 0 -2px 0 var(--cyan); }
  html[data-visual-style="tactical-tree"] .tree-canvas { background: repeating-linear-gradient(0deg, rgba(78, 210, 219, 0.022) 0 1px, transparent 1px 24px), linear-gradient(90deg, rgba(78, 210, 219, 0.024) 0 33.2%, transparent 33.2% 66.5%, rgba(180, 156, 229, 0.024) 66.5% 100%), linear-gradient(90deg, transparent 33.2%, var(--line-soft) 33.28%, transparent 33.36%, transparent 66.56%, var(--line-soft) 66.64%, transparent 66.72%); }

  html[data-visual-style="tactical-tree"] .axis-rail { stroke-width: 1.2; }
  html[data-visual-style="tactical-tree"] .tree-link { stroke: rgba(182, 211, 210, 0.16); }
  html[data-visual-style="tactical-tree"] .tree-link.is-related { stroke: rgba(237, 184, 92, 0.62); stroke-width: 2.2; }
  html[data-visual-style="tactical-tree"] .tree-link.is-preview { stroke: var(--focus); stroke-width: 4; filter: drop-shadow(0 0 5px rgba(78, 210, 219, 0.56)) drop-shadow(0 0 9px rgba(237, 184, 92, 0.32)); }
  html[data-visual-style="tactical-tree"] .era-gate { border-color: rgba(237, 184, 92, 0.34); background: rgba(11, 20, 22, 0.97); box-shadow: 0 12px 26px rgba(0, 0, 0, 0.38), inset 3px 0 0 var(--signal), inset 0 1px 0 rgba(255, 255, 255, 0.045); }
  html[data-visual-style="tactical-tree"] .era-gate::before { border-color: var(--cyan); background: #071013; box-shadow: 0 0 8px rgba(78, 210, 219, 0.3); }

  html[data-visual-style="tactical-tree"] .research-node { border-radius: 0; clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%); border-color: color-mix(in srgb, var(--track-color) 48%, rgba(188, 218, 217, 0.18)); background: linear-gradient(105deg, color-mix(in srgb, var(--track-color) 9%, rgba(9, 17, 19, 0.98)), rgba(8, 14, 17, 0.97)); box-shadow: 0 10px 22px rgba(0, 0, 0, 0.4), inset 3px 0 0 color-mix(in srgb, var(--track-color) 72%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.04); }
  html[data-visual-style="tactical-tree"] .research-node[data-presentation-tier="main"] { border-style: solid; opacity: 1; box-shadow: 0 11px 24px rgba(0, 0, 0, 0.44), inset 4px 0 0 color-mix(in srgb, var(--track-color) 82%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.055); }
  html[data-visual-style="tactical-tree"] .research-node[data-presentation-tier="main"] .node-title { color: #f4f5ef; font-size: 11px; }
  html[data-visual-style="tactical-tree"] .research-node[data-presentation-tier="supporting"] { border-style: dashed; opacity: 0.68; clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 0 100%); background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.018) 0 1px, transparent 1px 6px), rgba(8, 14, 17, 0.96); box-shadow: 0 5px 12px rgba(0, 0, 0, 0.28), inset 1px 0 0 color-mix(in srgb, var(--track-color) 46%, transparent); }
  html[data-visual-style="tactical-tree"] .research-node[data-presentation-tier="supporting"] .node-title { color: #c4cecc; font-size: 10px; }
  html[data-visual-style="tactical-tree"] .research-node[data-presentation-tier="supporting"] .node-head em,
  html[data-visual-style="tactical-tree"] .research-node[data-presentation-tier="supporting"] .node-foot { color: #728184; }
  html[data-visual-style="tactical-tree"] .research-node[data-presentation-tier="supporting"]:hover,
  html[data-visual-style="tactical-tree"] .research-node[data-presentation-tier="supporting"]:focus-visible,
  html[data-visual-style="tactical-tree"] .research-node[data-presentation-tier="supporting"].is-active { opacity: 1; }
  html[data-visual-style="tactical-tree"] .research-node.is-active { background: linear-gradient(105deg, color-mix(in srgb, var(--track-color) 18%, rgba(9, 17, 19, 0.99)), rgba(10, 17, 19, 0.99)); box-shadow: 0 0 0 1px var(--focus), 0 0 24px color-mix(in srgb, var(--track-color) 30%, transparent), 0 14px 28px rgba(0, 0, 0, 0.48); }
  html[data-visual-style="tactical-tree"] .research-node.is-key::after { background: var(--signal); opacity: 0.9; }
  html[data-visual-style="tactical-tree"] .node-port { border-radius: 0; transform: translateY(-50%) rotate(45deg); background: #071013; box-shadow: 0 0 9px color-mix(in srgb, var(--track-color) 42%, transparent); }
  html[data-visual-style="tactical-tree"] .research-node[data-presentation-tier="supporting"] .node-port { width: 6px; height: 6px; border-color: color-mix(in srgb, var(--track-color) 58%, transparent); transform: translateY(-50%); box-shadow: none; }
  html[data-visual-style="tactical-tree"] .node-index { border-radius: 1px; border-color: var(--focus); background: #071013; box-shadow: 0 0 0 2px rgba(5, 10, 12, 0.92), 0 0 10px color-mix(in srgb, var(--track-color) 30%, transparent); }

  html[data-visual-style="tactical-tree"] .dossier { border-left: 1px solid rgba(78, 210, 219, 0.24); background: rgba(7, 14, 16, 0.94); box-shadow: inset 3px 0 0 rgba(223, 106, 99, 0.15); }
  html[data-visual-style="tactical-tree"] .dossier > header { background: rgba(11, 22, 24, 0.9); }
  html[data-visual-style="tactical-tree"] .dossier__rank { display: inline-block; margin: 0 3px; padding: 1px 4px; border: 1px solid rgba(78, 210, 219, 0.34); color: var(--cyan); font-size: 6px; line-height: 1.2; }
  html[data-visual-style="tactical-tree"] .dossier[data-presentation-tier="supporting"] { border-left-style: dashed; box-shadow: inset 2px 0 0 rgba(223, 106, 99, 0.25); }
  html[data-visual-style="tactical-tree"] .dossier[data-presentation-tier="supporting"] .dossier__rank { border-style: dashed; border-color: rgba(223, 106, 99, 0.6); color: var(--signal); }
  html[data-visual-style="tactical-tree"] .dossier[data-presentation-tier="supporting"] .dossier__identity { background: repeating-linear-gradient(135deg, rgba(223, 106, 99, 0.018) 0 1px, transparent 1px 8px); }
  html[data-visual-style="tactical-tree"] .dossier[data-presentation-tier="supporting"] .dossier__media { border-style: dashed; border-color: rgba(223, 106, 99, 0.42); }
  html[data-visual-style="tactical-tree"] .dossier__return-strip { background: rgba(237, 184, 92, 0.075); }
  html[data-visual-style="tactical-tree"] .dossier__identity { background: linear-gradient(110deg, rgba(78, 210, 219, 0.035), transparent 62%); }
  html[data-visual-style="tactical-tree"] .dossier__media { border-radius: 1px; border-color: rgba(78, 210, 219, 0.34); background: #050a0c; box-shadow: inset 0 0 0 1px rgba(237, 184, 92, 0.06); }
  html[data-visual-style="tactical-tree"] .dossier__tabs button[aria-selected="true"] { background: rgba(78, 210, 219, 0.09); box-shadow: inset 0 -2px 0 var(--cyan); }

  html[data-visual-style="tactical-tree"] .branch-index { clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%); border-radius: 0; border-color: rgba(78, 210, 219, 0.48); background: rgba(6, 13, 15, 0.97); box-shadow: 0 22px 50px rgba(0, 0, 0, 0.58), inset 3px 0 0 rgba(223, 106, 99, 0.15); }
  html[data-visual-style="tactical-tree"] .branch-index > header { background: rgba(15, 27, 29, 0.96); }
  html[data-visual-style="tactical-tree"] .branch-index__node { border-radius: 0; clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 0 100%); background: rgba(10, 20, 22, 0.98); box-shadow: inset 2px 0 0 color-mix(in srgb, var(--track-color) 65%, transparent); }
  html[data-visual-style="tactical-tree"] .branch-index__node[data-presentation-tier="main"] { border-style: solid; opacity: 1; background: linear-gradient(105deg, color-mix(in srgb, var(--track-color) 11%, rgba(10, 20, 22, 0.99)), rgba(9, 17, 19, 0.98)); box-shadow: inset 3px 0 0 color-mix(in srgb, var(--track-color) 82%, transparent), 0 5px 12px rgba(0, 0, 0, 0.3); }
  html[data-visual-style="tactical-tree"] .branch-index__node[data-presentation-tier="supporting"] { border-style: dashed; opacity: 0.7; background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.018) 0 1px, transparent 1px 5px), rgba(8, 15, 17, 0.98); box-shadow: inset 1px 0 0 color-mix(in srgb, var(--track-color) 42%, transparent); }
  html[data-visual-style="tactical-tree"] .branch-index__node[data-presentation-tier="supporting"]:hover,
  html[data-visual-style="tactical-tree"] .branch-index__node[data-presentation-tier="supporting"]:focus-visible,
  html[data-visual-style="tactical-tree"] .branch-index__node[data-presentation-tier="supporting"].is-index-selected { opacity: 1; }
  html[data-visual-style="tactical-tree"] .branch-index__relation { background: rgba(237, 184, 92, 0.055); }
  html[data-visual-style="tactical-tree"] .minimap { clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 0 100%); border-radius: 0; border-color: rgba(78, 210, 219, 0.34); background: rgba(5, 12, 14, 0.92); box-shadow: 0 16px 36px rgba(0, 0, 0, 0.48), inset 2px 0 0 rgba(223, 106, 99, 0.18); }
  html[data-visual-style="tactical-tree"] .minimap__controls { border-color: rgba(78, 210, 219, 0.2); background: rgba(78, 210, 219, 0.035); }
  html[data-visual-style="tactical-tree"] .minimap__controls > button[aria-expanded="true"] { color: var(--cyan); background: rgba(78, 210, 219, 0.1); }
  html[data-visual-style="tactical-tree"] .minimap__placement { border-color: rgba(78, 210, 219, 0.42); background: rgba(5, 12, 14, 0.98); box-shadow: inset 2px 0 0 rgba(223, 106, 99, 0.2), 0 10px 22px rgba(0, 0, 0, 0.5); }
  html[data-visual-style="tactical-tree"] .minimap-node[data-presentation-tier="main"] { opacity: 0.95; stroke-width: 0.85; }
  html[data-visual-style="tactical-tree"] .minimap-node[data-presentation-tier="supporting"] { opacity: 0.5; stroke-dasharray: 1 1; stroke-width: 0.55; }
  html[data-visual-style="tactical-tree"] .minimap-node.is-active { opacity: 1; stroke-dasharray: none; }

  html[data-visual-style="tactical-tree"] .command-bar {
    position: relative;
    min-height: 58px;
    padding: 8px 14px 8px 18px;
    overflow: hidden;
    border-bottom-color: rgba(78, 210, 219, 0.42);
    background:
      linear-gradient(112deg, rgba(223, 106, 99, 0.12) 0 3px, transparent 3px 18%, rgba(78, 210, 219, 0.055) 18% 42%, transparent 42%),
      rgba(10, 21, 23, 0.97);
    box-shadow: inset 0 -1px 0 rgba(237, 184, 92, 0.28), inset 0 -5px 0 rgba(3, 8, 10, 0.55);
  }
  html[data-visual-style="tactical-tree"] .command-bar::before,
  html[data-visual-style="tactical-tree"] .command-bar::after {
    content: "";
    position: absolute;
    pointer-events: none;
  }
  html[data-visual-style="tactical-tree"] .command-bar::before { top: 0; bottom: 0; left: 0; width: 5px; background: linear-gradient(var(--signal) 0 54%, var(--amber) 54% 76%, var(--cyan) 76%); }
  html[data-visual-style="tactical-tree"] .command-bar::after { top: 0; right: 0; width: 78px; height: 4px; background: linear-gradient(90deg, transparent, var(--cyan)); }
  html[data-visual-style="tactical-tree"] .command-title { position: relative; padding-left: 13px; }
  html[data-visual-style="tactical-tree"] .command-title::before { content: ""; position: absolute; top: 2px; bottom: 2px; left: 0; width: 6px; clip-path: polygon(0 0, 100% 50%, 0 100%); background: var(--signal); }
  html[data-visual-style="tactical-tree"] .command-title span { color: var(--signal); font-size: 8px; font-weight: 700; }
  html[data-visual-style="tactical-tree"] .command-title strong { margin-top: 5px; color: #fff7df; font-size: 19px; text-shadow: 0 0 12px rgba(237, 184, 92, 0.22); }
  html[data-visual-style="tactical-tree"] .segmented-control { height: 36px; overflow: visible; clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 0 100%); }
  html[data-visual-style="tactical-tree"] .segmented-control button { position: relative; min-width: 94px; font-size: 8px; font-weight: 600; transition: color 120ms ease, background 120ms ease, box-shadow 120ms ease; }
  html[data-visual-style="tactical-tree"] .segmented-control button[aria-pressed="true"] { color: #071013; background: linear-gradient(90deg, var(--amber), #ffe6a9); box-shadow: inset 0 -3px 0 #fff5d6, 0 0 16px rgba(237, 184, 92, 0.2); }
  html[data-visual-style="tactical-tree"] .relation-toggle { position: relative; height: 36px; clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 0 100%); }
  html[data-visual-style="tactical-tree"] .relation-toggle[aria-pressed="true"] { color: #071013; background: var(--cyan); }
  html[data-visual-style="tactical-tree"] .command-stats { min-height: 36px; padding-left: 12px; border-left: 1px solid rgba(78, 210, 219, 0.32); box-shadow: inset 3px 0 0 rgba(223, 106, 99, 0.12); }
  html[data-visual-style="tactical-tree"] .command-stats span { color: #fff5d7; font-size: 13px; }

  html[data-visual-style="tactical-tree"] .mission-bar {
    min-height: 38px;
    padding: 0;
    border-bottom-color: rgba(78, 210, 219, 0.3);
    background: linear-gradient(180deg, rgba(13, 26, 28, 0.97), rgba(6, 14, 16, 0.96));
    box-shadow: inset 0 -3px 0 rgba(3, 8, 10, 0.7);
  }
  html[data-visual-style="tactical-tree"] .mission-bar__head { background: linear-gradient(90deg, rgba(223, 106, 99, 0.055), transparent 28%); }
  html[data-visual-style="tactical-tree"] .mission-bar__head > span { position: relative; justify-items: start; padding-left: 14px; color: var(--amber); font-size: 7px; font-weight: 700; }
  html[data-visual-style="tactical-tree"] .mission-bar__head > span::after { content: ""; position: absolute; right: 8px; bottom: 7px; left: 14px; height: 1px; background: linear-gradient(90deg, var(--signal), transparent); }
  html[data-visual-style="tactical-tree"] .mission-bar__head > strong { color: #c9d5d3; font-size: 8px; }
  html[data-visual-style="tactical-tree"] .mission-bar__head > button { color: var(--cyan); background: rgba(78, 210, 219, 0.035); }
  html[data-visual-style="tactical-tree"] .mission-bar__head > button[aria-expanded="true"] { color: #071013; background: var(--cyan); }
  html[data-visual-style="tactical-tree"] .mission-bar__routes { border-top-color: rgba(78, 210, 219, 0.18); }
  html[data-visual-style="tactical-tree"] .mission-button {
    position: relative;
    grid-template-columns: 26px 1fr;
    margin: 2px 3px;
    padding: 0 8px 0 10px;
    overflow: hidden;
    border: 1px solid rgba(112, 159, 158, 0.16);
    clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 0 100%);
    background: rgba(4, 10, 12, 0.48);
    transition: color 120ms ease, background 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
  }
  html[data-visual-style="tactical-tree"] .mission-button::before { content: ""; position: absolute; top: 50%; left: 3px; width: 6px; height: 10px; clip-path: polygon(0 0, 100% 50%, 0 100%); background: var(--cyan); opacity: 0; transform: translate(-5px, -50%); transition: opacity 120ms ease, transform 120ms ease; }
  html[data-visual-style="tactical-tree"] .mission-button span { color: rgba(237, 184, 92, 0.62); font-size: 8px; }
  html[data-visual-style="tactical-tree"] .mission-button strong { color: #aebbbb; font-size: 8px; font-weight: 600; }
  html[data-visual-style="tactical-tree"] .mission-button:hover,
  html[data-visual-style="tactical-tree"] .mission-button:focus-visible { color: var(--focus); border-color: rgba(78, 210, 219, 0.56); outline: 0; background: rgba(78, 210, 219, 0.075); }
  html[data-visual-style="tactical-tree"] .mission-button:hover::before,
  html[data-visual-style="tactical-tree"] .mission-button:focus-visible::before,
  html[data-visual-style="tactical-tree"] .mission-button[aria-pressed="true"]::before { opacity: 1; transform: translate(0, -50%); }
  html[data-visual-style="tactical-tree"] .mission-button[aria-pressed="true"] { color: #071013; border-color: var(--cyan); background: linear-gradient(103deg, rgba(78, 210, 219, 0.28), rgba(78, 210, 219, 0.08)); box-shadow: inset 0 -3px 0 var(--cyan), inset 9px 0 0 rgba(78, 210, 219, 0.11), 0 0 12px rgba(78, 210, 219, 0.13); }
  html[data-visual-style="tactical-tree"] .mission-button[aria-pressed="true"] strong { color: #f3ffff; }

  html[data-visual-style="tactical-tree"] .lane-header { min-height: 38px; border-bottom-color: rgba(237, 184, 92, 0.26); background: rgba(5, 13, 15, 0.96); }
  html[data-visual-style="tactical-tree"] .lane-header > * { position: relative; overflow: hidden; }
  html[data-visual-style="tactical-tree"] .lane-header > span { color: var(--amber); font-size: 6px; font-weight: 700; }
  html[data-visual-style="tactical-tree"] .lane-header strong { font-size: 8px; font-weight: 600; background: linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent); }
  html[data-visual-style="tactical-tree"] .lane-header strong::before { content: ""; position: absolute; top: 0; right: 18%; left: 18%; height: 3px; background: currentColor; box-shadow: 0 0 9px currentColor; }
  html[data-visual-style="tactical-tree"] .lane-header strong::after { content: ""; position: absolute; right: 8px; bottom: 6px; width: 8px; height: 8px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; opacity: 0.45; }

  html[data-visual-style="tactical-tree"] .dossier > header {
    position: relative;
    align-items: center;
    min-height: 44px;
    padding: 7px 12px 7px 16px;
    overflow: hidden;
    border-bottom-color: rgba(78, 210, 219, 0.4);
    background: linear-gradient(105deg, rgba(78, 210, 219, 0.13), rgba(11, 22, 24, 0.96) 46%, rgba(223, 106, 99, 0.08));
    box-shadow: inset 0 -3px 0 rgba(3, 8, 10, 0.56);
  }
  html[data-visual-style="tactical-tree"] .dossier > header::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 5px; background: linear-gradient(var(--signal) 0 56%, var(--amber) 56%); }
  html[data-visual-style="tactical-tree"] .dossier > header::after { content: ""; position: absolute; top: 0; right: 0; width: 48px; height: 3px; background: var(--cyan); }
  html[data-visual-style="tactical-tree"] .dossier > header > span { display: flex; align-items: center; color: #dfe9e7; font-size: 8px; font-weight: 600; }
  html[data-visual-style="tactical-tree"] .dossier > header em { padding: 3px 6px; border: 1px solid rgba(146, 162, 164, 0.24); color: #aebbbb; font-size: 6px; }
  html[data-visual-style="tactical-tree"] .dossier__rank { margin: 0; padding: 5px 9px; border: 0; clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 0 100%); color: #071013; font-size: 7px; font-weight: 800; background: var(--cyan); box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.48); }
  html[data-visual-style="tactical-tree"] .dossier[data-presentation-tier="supporting"] .dossier__rank { border: 0; color: #130706; background: var(--signal); }

  html[data-visual-style="tactical-tree"] .dossier__tabs { flex-basis: 40px; gap: 2px; padding: 3px; border-color: rgba(78, 210, 219, 0.27); background: #050c0e; }
  html[data-visual-style="tactical-tree"] .dossier__tabs button {
    position: relative;
    grid-template-columns: 25px minmax(0, 1fr);
    padding: 0 7px 0 10px;
    overflow: hidden;
    border: 1px solid rgba(112, 159, 158, 0.16);
    clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 0 100%);
    text-align: left;
    background: rgba(13, 24, 26, 0.74);
    transition: color 120ms ease, background 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
  }
  html[data-visual-style="tactical-tree"] .dossier__tabs button::before { content: ""; position: absolute; top: 50%; left: 3px; width: 5px; height: 9px; clip-path: polygon(0 0, 100% 50%, 0 100%); background: var(--cyan); opacity: 0; transform: translate(-4px, -50%); transition: opacity 120ms ease, transform 120ms ease; }
  html[data-visual-style="tactical-tree"] .dossier__tabs button span { color: rgba(237, 184, 92, 0.6); font-size: 6px; }
  html[data-visual-style="tactical-tree"] .dossier__tabs button b { font-size: 7px; font-weight: 700; }
  html[data-visual-style="tactical-tree"] .dossier__tabs button:hover,
  html[data-visual-style="tactical-tree"] .dossier__tabs button:focus-visible { border-color: rgba(78, 210, 219, 0.58); color: var(--focus); outline: 0; }
  html[data-visual-style="tactical-tree"] .dossier__tabs button:hover::before,
  html[data-visual-style="tactical-tree"] .dossier__tabs button:focus-visible::before,
  html[data-visual-style="tactical-tree"] .dossier__tabs button[aria-selected="true"]::before { opacity: 1; transform: translate(0, -50%); }
  html[data-visual-style="tactical-tree"] .dossier__tabs button[aria-selected="true"] { color: #f2ffff; border-color: var(--cyan); background: linear-gradient(100deg, rgba(78, 210, 219, 0.24), rgba(78, 210, 219, 0.07)); box-shadow: inset 0 -3px 0 var(--cyan), inset 8px 0 0 rgba(78, 210, 219, 0.12), 0 0 12px rgba(78, 210, 219, 0.12); }
  html[data-visual-style="tactical-tree"] .dossier__tabs button[aria-selected="true"] span { color: var(--amber); }

  html[data-visual-style="tactical-tree"] .dossier__relations { padding: 12px 10px; }
  html[data-visual-style="tactical-tree"] .dossier__relations > span { position: relative; margin: 0 0 8px; padding: 0 0 7px 10px; color: var(--amber); font-size: 7px; font-weight: 700; }
  html[data-visual-style="tactical-tree"] .dossier__relations > span::before { content: ""; position: absolute; top: 0; bottom: 7px; left: 0; width: 3px; background: var(--signal); }
  html[data-visual-style="tactical-tree"] .dossier__relations > span::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: linear-gradient(90deg, var(--amber), rgba(237, 184, 92, 0.08)); }
  html[data-visual-style="tactical-tree"] .dossier__relations button { position: relative; grid-template-columns: 14px 38px minmax(0, 1fr) 9px; gap: 3px; min-height: 36px; margin-top: 3px; padding: 0 7px; border: 1px solid rgba(112, 159, 158, 0.14); clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 0 100%); background: rgba(9, 18, 20, 0.72); transition: color 120ms ease, border-color 120ms ease, background 120ms ease, box-shadow 120ms ease; }
  html[data-visual-style="tactical-tree"] .dossier__relations button::before { content: ""; align-self: center; justify-self: center; width: 6px; height: 6px; border: 1px solid var(--cyan); transform: rotate(45deg); opacity: 0.48; }
  html[data-visual-style="tactical-tree"] .dossier__relations button::after { content: ""; align-self: center; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid var(--amber); opacity: 0.38; }
  html[data-visual-style="tactical-tree"] .dossier__relations button span { color: var(--amber); font-size: 8px; }
  html[data-visual-style="tactical-tree"] .dossier__relations button b { font-size: 8px; transition: transform 120ms ease; }
  html[data-visual-style="tactical-tree"] .dossier__relations button:hover,
  html[data-visual-style="tactical-tree"] .dossier__relations button:focus-visible { border-color: var(--cyan); color: #f2ffff; outline: 0; background: linear-gradient(90deg, rgba(78, 210, 219, 0.17), rgba(78, 210, 219, 0.035)); box-shadow: inset 4px 0 0 var(--signal), 0 0 11px rgba(78, 210, 219, 0.12); }
  html[data-visual-style="tactical-tree"] .dossier__relations button:hover::before,
  html[data-visual-style="tactical-tree"] .dossier__relations button:focus-visible::before { opacity: 1; background: var(--cyan); box-shadow: 0 0 8px rgba(78, 210, 219, 0.55); }
  html[data-visual-style="tactical-tree"] .dossier__relations button:hover::after,
  html[data-visual-style="tactical-tree"] .dossier__relations button:focus-visible::after { opacity: 1; }
  html[data-visual-style="tactical-tree"] .dossier__relations button:hover b,
  html[data-visual-style="tactical-tree"] .dossier__relations button:focus-visible b { transform: translateX(3px); }
}

@media (min-width: 901px) and (prefers-reduced-motion: reduce) {
  html[data-visual-style="tactical-tree"] .segmented-control button,
  html[data-visual-style="tactical-tree"] .mission-button,
  html[data-visual-style="tactical-tree"] .mission-button::before,
  html[data-visual-style="tactical-tree"] .dossier__tabs button,
  html[data-visual-style="tactical-tree"] .dossier__tabs button::before,
  html[data-visual-style="tactical-tree"] .dossier__relations button,
  html[data-visual-style="tactical-tree"] .dossier__relations button b { transition: none; }
}