.lineage-mobile-era-header {
  position: sticky;
  top: 0;
  z-index: 6;
  height: 44px;
  box-sizing: border-box;
  background: var(--bg-panel, #171717);
  border-bottom: 1px solid var(--border-subtle, #444);
}
.lineage-mobile-era-header > span {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  height: 100%;
  color: var(--text-primary, #f4f1e9);
  font: 700 0.9rem/1.2 var(--font-heading, sans-serif);
}
.lineage-mobile-wrestler-path:has(.lineage-mobile-era-header) { scroll-padding-top: 56px; }

.lineage-node-person-icon {
  pointer-events: none;
  fill: #29251e;
  fill: color-mix(in srgb, var(--lineage-node-color, var(--accent-red)) 40%, #000);
}
.lineage-mobile-portrait-placeholder {
  background: var(--lineage-node-color, #c3b69e);
  color: #29251e;
  color: color-mix(in srgb, var(--lineage-node-color, #c3b69e) 40%, #000);
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

@media (max-width: 700px), (orientation: landscape) and (max-width: 980px) and (max-height: 620px) {
  .lineage-mobile-wrestlers__bar {
    min-height: 0;
    gap: 0.65rem;
    padding: calc(0.5rem + env(safe-area-inset-top, 0px)) 0.75rem 0.5rem;
  }
  .lineage-mobile-wrestlers__bar button {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }
  .lineage-mobile-wrestlers__bar h2 { line-height: 1.2; }
  .lineage-mobile-wrestlers__bar p {
    white-space: pre-line;
    font-size: 0.65rem;
    line-height: 1.3;
    margin: 0.2rem 0 0;
    letter-spacing: 0.025em;
    text-transform: none;
  }
  .lineage-mobile-canvas-helper {
    position: static;
    flex: 0 0 auto;
    height: auto;
    font-size: 0.75rem;
    color: #fff;
    padding: 0.5rem 0.75rem;
    letter-spacing: 0.015em;
    text-transform: none;
  }
  .lineage-mobile-connection-key {
    flex: 0 0 auto;
    background: var(--bg-panel, #171717);
    border-bottom: 1px solid var(--border-subtle, #444);
  }
  .lineage-mobile-connection-key summary {
    min-height: 44px;
    box-sizing: border-box;
    padding: 0.7rem 0.75rem;
    font: 700 0.75rem/1.4 var(--font-heading, sans-serif);
    cursor: pointer;
  }
  .lineage-mobile-connection-key summary:focus-visible {
    outline: 2px solid var(--accent-red);
    outline-offset: -3px;
  }
  .lineage-mobile-connection-key .lineage-mobile-legend {
    position: static;
    padding-top: 0;
    border: 0;
    background: transparent;
  }
  .lineage-mobile-connection-key .lineage-mobile-legend h3 { display: none; }
  .lineage-mobile-wrestler-path.is-mobile-sliver { padding: 0; }
  .lineage-mobile-simple-graph:not(.is-focusing) .lineage-connection,
  .lineage-mobile-simple-graph.is-focusing .lineage-connection:not(.is-related) {
    visibility: hidden;
    pointer-events: none;
  }
}