/* Chapter 02 — Friction optical polish.
   Desktop-only overrides keep the approved composition while making the
   interrupted route read as one continuous signal losing continuity. */

@media (min-width:901px) {
  .friction-chapter .friction-route {
    filter:drop-shadow(0 5px 18px rgba(43,68,126,.10));
  }

  .friction-chapter .friction-route-ghost {
    stroke:#c6d3ef;
    stroke-width:1.1;
    opacity:.19;
  }

  .friction-chapter .friction-route-live {
    stroke-width:2.35;
    filter:drop-shadow(0 0 7px rgba(49,91,255,.32));
  }

  .friction-chapter .friction-route-fragment {
    stroke:#cbd7f1;
    stroke-width:1.8;
    opacity:.88;
    filter:drop-shadow(0 0 4px rgba(156,177,225,.13));
  }

  .friction-chapter .friction-route-echo {
    stroke:#b8c7e8;
    stroke-width:1.05;
    opacity:.31;
  }

  .friction-chapter .friction-route-nodes circle {
    fill:#dce5ff;
    stroke:#f7f9ff;
    stroke-width:1.25;
    filter:drop-shadow(0 0 6px rgba(116,146,220,.26));
  }

  .friction-chapter .friction-route-nodes circle:first-child {
    fill:#315bff;
    stroke:#dfe7ff;
    filter:drop-shadow(0 0 8px rgba(49,91,255,.42));
  }

  .friction-chapter .friction-route-stops {
    stroke-width:2.35;
    filter:drop-shadow(0 0 5px rgba(185,110,79,.30));
  }

  .friction-chapter .friction-route-destination {
    stroke:#c7d3ee;
    stroke-width:1.2;
    opacity:.58;
  }

  .friction-chapter .friction-state {
    width:255px;
  }

  .friction-chapter .friction-state::before {
    content:'';
    position:absolute;
    left:0;
    top:17px;
    width:13px;
    height:1px;
    background:linear-gradient(90deg,rgba(185,110,79,.88),rgba(198,211,239,.32));
  }

  .friction-chapter .friction-index {
    color:#ccd7ef;
  }

  .friction-chapter .friction-state p {
    color:#d1dbee;
  }

  .friction-chapter .friction-wait { top:158px; left:7.5%; }
  .friction-chapter .friction-disconnect { top:316px; left:31%; }
  .friction-chapter .friction-repeat { top:452px; left:52.5%; }
  .friction-chapter .friction-lost { top:566px; left:71%; }

  .friction-chapter .friction-distance {
    color:#c8d3eb;
  }
}