/* Horizontal story on desktop, legible vertical flow on narrow screens. */
.identity-map .compact-map{display:none}
@media(max-width:760px){
  .identity-map{overflow:visible}
  .identity-map .wide-map{display:none}
  .identity-map .compact-map{display:block;width:100%;max-width:600px;margin:0 auto;overflow:visible}
  .identity-map .compact-map text{font-size:24px;letter-spacing:0}
  .identity-map .compact-map .consent-gate text{font-size:24px}
  .identity-map .compact-person text{font-size:24px;letter-spacing:.18em}
  .compact-core{fill:var(--accent)}
  .compact-head,.compact-body{fill:var(--on-accent)}
  .compact-orbits{stroke:var(--line);stroke-width:1}
  html[data-energy=bold] .compact-orbits{stroke:var(--accent);stroke-dasharray:6 12;opacity:.5}
  html[data-energy=futuristic] .compact-orbits{stroke:var(--accent);stroke-dasharray:2 8;opacity:.45}
  html[data-energy=futuristic] .compact-core{fill:var(--paper);stroke:var(--accent);stroke-width:1.5}
  html[data-energy=futuristic] .compact-head,html[data-energy=futuristic] .compact-body{fill:var(--accent)}
  @keyframes compact-travel{0%{opacity:0;transform:translateY(-35px)}20%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateY(25px)}}
  @keyframes compact-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  .entered .compact-map .proof-node,.entered .compact-map .consent-gate,.entered .compact-map .app-node,
  html[data-energy=bold] .entered .compact-map .proof-node,html[data-energy=bold] .entered .compact-map .consent-gate,html[data-energy=bold] .entered .compact-map .app-node{animation-name:compact-arrive}
  .entered .compact-map .proof-pulse,.entered .compact-map .share-pulse{animation-name:compact-travel}
}