/* VELVET_DIRECT_MAP_UI_BUNDLE_R1_20260918 — exact ordered bundle; source files retained */

/* SOURCE_BEGIN dc-shared-wayz-cockpit-r7c3.css */
/* DIRECT_CONNECT_UI_R7C3_EXACT_WAYZ_COCKPIT_PORT_20260818
   Presentation only. Exact live Wayz glyphs are injected by the R7C3 adapter. */

:root{
  --dc-r7c3-top:env(safe-area-inset-top,0px);
  --dc-r7c3-bottom:env(safe-area-inset-bottom,0px);
  --dc-r7c3-left:max(18px,env(safe-area-inset-left,0px));
  --dc-r7c3-right:max(16px,env(safe-area-inset-right,0px));
  --dc-r7c3-tile:72px;
  --dc-r7c3-purple:#9d3cff;
  --dc-r7c3-gold:#f2c94c;
  --dc-r7c3-face:rgba(24,23,31,.95);
  --dc-r7c3-shadow:0 10px 24px rgba(0,0,0,.42);
}

/* The map/radar is the page. */
html.dc-r7c3-cockpit-ready,
html.dc-r7c3-cockpit-ready body,
html.dc-r7c3-cockpit-ready .dc-trail-shell{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  overflow:hidden!important;
  background:#05050a!important;
}

html.dc-r7c3-cockpit-ready #dcTrailMap{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
}

/* Retire any cached/legacy return button. */
html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-back{
  display:none!important;
}

/* ---------------- Wayz-style header ---------------- */

html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-top{
  position:fixed!important;
  left:0!important;
  right:0!important;
  top:calc(var(--dc-r7c3-top) + 3px)!important;
  min-height:78px!important;
  display:block!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
  z-index:2147482500!important;
}

html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-title{
  position:absolute!important;
  left:50%!important;
  top:2px!important;
  transform:translateX(-50%)!important;
  width:min(62vw,420px)!important;
  padding:0!important;
  text-align:center!important;
  pointer-events:none!important;
}

html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-title strong{
  display:block!important;
  color:#fff!important;
  font-size:clamp(22px,5.7vw,33px)!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.095em!important;
  white-space:nowrap!important;
  text-shadow:
    0 3px 8px rgba(0,0,0,.92),
    0 0 3px rgba(255,255,255,.2)!important;
}

html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-title span{
  display:block!important;
  margin-top:6px!important;
  color:rgba(255,255,255,.82)!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.25em!important;
  white-space:nowrap!important;
  text-shadow:0 2px 6px rgba(0,0,0,.94)!important;
}

/* Radar owns Wayz's top-right action position. */
html.dc-r7c3-cockpit-ready #dcTrailHudR5 #dcR5Radar{
  position:absolute!important;
  top:5px!important;
  right:var(--dc-r7c3-right)!important;
  width:84px!important;
  height:58px!important;
  min-width:84px!important;
  min-height:58px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(160,73,237,.72)!important;
  border-radius:18px!important;
  background:rgba(24,23,31,.95)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  box-shadow:var(--dc-r7c3-shadow)!important;
  pointer-events:auto!important;
}

/* ---------------- Exact Wayz compass position ---------------- */

html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-left{
  position:fixed!important;
  left:var(--dc-r7c3-left)!important;
  top:0!important;
  width:var(--dc-r7c3-tile)!important;
  height:100dvh!important;
  display:block!important;
  z-index:2147482350!important;
  pointer-events:none!important;
}

html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-left>*{
  pointer-events:auto!important;
}

html.dc-r7c3-cockpit-ready #dcTrailHudR5 #dcR5Compass{
  position:absolute!important;
  left:0!important;
  top:calc(var(--dc-r7c3-top) + 5px)!important;
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  min-height:72px!important;
  margin:0!important;
  border-radius:50%!important;
  z-index:4!important;
}

/* Profile image occupies the exact profile-card role from Wayz. */
html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r7b-profile{
  position:absolute!important;
  left:0!important;
  top:calc(var(--dc-r7c3-top) + 177px)!important;
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  min-height:72px!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:17px!important;
  background:#17151d!important;
  box-shadow:var(--dc-r7c3-shadow)!important;
}

.dc-r7c3-profile-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border:0!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#25143a,#121016)!important;
}

html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r7b-profile small{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  padding:13px 2px 5px!important;
  color:#fff!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  text-align:center!important;
  background:linear-gradient(transparent,rgba(0,0,0,.82))!important;
}

/* Same Wayz left rail rhythm: profile / layers / recenter. */
html.dc-r7c3-cockpit-ready #dcTrailHudR5 #dcR5Layers{
  position:absolute!important;
  left:0!important;
  top:calc(var(--dc-r7c3-top) + 342px)!important;
}

html.dc-r7c3-cockpit-ready #dcTrailHudR5 #dcR5Recenter{
  position:absolute!important;
  left:0!important;
  top:calc(var(--dc-r7c3-top) + 430px)!important;
}

/* Weather pill lives beside the top-left compass just like Wayz. */
.dc-r7c3-weather{
  position:fixed!important;
  left:calc(var(--dc-r7c3-left) + 82px)!important;
  top:calc(var(--dc-r7c3-top) + 20px)!important;
  min-width:86px!important;
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 13px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  background:rgba(38,36,45,.94)!important;
  color:#fff!important;
  box-shadow:0 7px 19px rgba(0,0,0,.36)!important;
  z-index:2147482450!important;
  pointer-events:none!important;
}

.dc-r7c3-weather span{
  font-size:21px!important;
  line-height:1!important;
}

.dc-r7c3-weather b{
  font-size:19px!important;
  line-height:1!important;
  font-weight:850!important;
}

/* ---------------- Hike / Bike mode ---------------- */

html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-mode{
  position:fixed!important;
  left:50%!important;
  top:calc(var(--dc-r7c3-top) + 122px)!important;
  transform:translateX(-50%)!important;
  width:min(45vw,242px)!important;
  height:48px!important;
  min-height:48px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  padding:0!important;
  border:1px solid rgba(168,85,247,.55)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:rgba(24,23,31,.94)!important;
  box-shadow:var(--dc-r7c3-shadow)!important;
  z-index:2147482400!important;
}

html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-mode button{
  min-height:48px!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
}

html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-mode button.on,
html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-mode button[aria-pressed="true"]{
  color:var(--dc-r7c3-gold)!important;
  background:rgba(242,201,76,.1)!important;
  box-shadow:inset 0 -3px 0 var(--dc-r7c3-gold)!important;
}

/* ---------------- Wayz tile geometry ---------------- */

html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-square{
  width:var(--dc-r7c3-tile)!important;
  height:var(--dc-r7c3-tile)!important;
  min-width:var(--dc-r7c3-tile)!important;
  min-height:var(--dc-r7c3-tile)!important;
  padding:6px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  border:0!important;
  border-radius:18px!important;
  background:rgba(37,36,45,.96)!important;
  color:#fff!important;
  box-shadow:var(--dc-r7c3-shadow)!important;
  text-decoration:none!important;
}

html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-square svg{
  width:35px!important;
  height:35px!important;
  max-width:35px!important;
  max-height:35px!important;
}

html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-square small{
  margin:1px 0 0!important;
  color:#fff!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.025em!important;
  text-align:center!important;
}

/* ---------------- Right side: Radar / city-state / actions ---------------- */

.dc-r7c3-city-state{
  position:fixed!important;
  right:calc(var(--dc-r7c3-right) + 4px)!important;
  top:calc(var(--dc-r7c3-top) + 118px)!important;
  width:54px!important;
  max-height:270px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  color:#9d3cff!important;
  font-size:20px!important;
  line-height:.88!important;
  font-weight:950!important;
  text-shadow:
    0 2px 5px rgba(0,0,0,.98),
    0 0 5px rgba(157,60,255,.9)!important;
  writing-mode:vertical-rl!important;
  text-orientation:upright!important;
  letter-spacing:.02em!important;
  z-index:2147482380!important;
  pointer-events:none!important;
  overflow:hidden!important;
}

.dc-r7c3-city-state span{
  display:block!important;
  white-space:nowrap!important;
}

html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-right{
  position:fixed!important;
  right:var(--dc-r7c3-right)!important;
  top:calc(var(--dc-r7c3-top) + 370px)!important;
  width:var(--dc-r7c3-tile)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:12px!important;
  z-index:2147482350!important;
  pointer-events:none!important;
}

html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-right>*{
  pointer-events:auto!important;
}

/* Direct Connect tile keeps Wayz identity glow. */
html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-dc{
  border:1px solid rgba(173,65,255,.78)!important;
  box-shadow:
    0 0 0 1px rgba(153,48,235,.2),
    0 0 20px rgba(136,38,218,.34),
    var(--dc-r7c3-shadow)!important;
}

/* SOS remains Direct Connect-specific. */
html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-hazard{
  border:1px solid rgba(255,42,67,.86)!important;
  background:#6b101c!important;
  color:#fff!important;
  box-shadow:
    0 0 15px rgba(255,25,52,.2),
    var(--dc-r7c3-shadow)!important;
}

.dc-r7c3-wayz-share-glyph{
  display:grid!important;
  place-items:center!important;
  width:35px!important;
  height:35px!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1!important;
  font-weight:900!important;
}

/* Same Wayz location badge treatment. */
html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-share{
  border:1px solid rgba(162,68,244,.72)!important;
}

html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-share-badge{
  position:absolute!important;
  top:-8px!important;
  right:-7px!important;
  min-width:26px!important;
  height:26px!important;
  display:grid!important;
  place-items:center!important;
  padding:0 6px!important;
  border:2px solid #0b0711!important;
  border-radius:999px!important;
  background:#8928ff!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
  z-index:6!important;
}

/* Bike speed only. No driving speed-limit sign in Direct Connect. */
.dc-r7c3-bike-speed{
  position:fixed!important;
  left:var(--dc-r7c3-left)!important;
  bottom:calc(var(--dc-r7c3-bottom) + 98px)!important;
  width:80px!important;
  height:88px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:18px!important;
  background:rgba(37,36,45,.96)!important;
  color:#fff!important;
  box-shadow:var(--dc-r7c3-shadow)!important;
  z-index:2147482300!important;
}

.dc-r7c3-bike-speed[hidden]{
  display:none!important;
}

.dc-r7c3-bike-speed b{
  font-size:42px!important;
  line-height:.88!important;
  font-weight:450!important;
}

.dc-r7c3-bike-speed small{
  margin-top:10px!important;
  color:rgba(255,255,255,.5)!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.18em!important;
}

/* ---------------- Bottom exploration controls ---------------- */

html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-tools{
  position:fixed!important;
  left:50%!important;
  bottom:calc(var(--dc-r7c3-bottom) + 12px)!important;
  transform:translateX(-50%)!important;
  width:min(calc(100vw - 32px),430px)!important;
  height:72px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:2147482320!important;
}

html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-tools button{
  min-width:0!important;
  min-height:72px!important;
  padding:5px 3px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border:1px solid rgba(166,72,241,.58)!important;
  border-radius:18px!important;
  background:rgba(24,23,31,.95)!important;
  color:#fff!important;
  box-shadow:var(--dc-r7c3-shadow)!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
}

html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-tool-icon{
  color:var(--dc-r7c3-gold)!important;
  font-size:25px!important;
  line-height:1!important;
}

/* Trail identity remains, but becomes lighter/cleaner and stays off the center. */
html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-trail-card{
  position:fixed!important;
  left:var(--dc-r7c3-left)!important;
  bottom:calc(var(--dc-r7c3-bottom) + 101px)!important;
  width:min(42vw,224px)!important;
  min-width:0!important;
  padding:11px 12px!important;
  border:1px solid rgba(160,73,237,.62)!important;
  border-radius:18px!important;
  background:rgba(11,10,16,.84)!important;
  box-shadow:var(--dc-r7c3-shadow)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  z-index:2147482250!important;
}

html.dc-r7c3-cockpit-ready .dc-r7c3-bike-speed:not([hidden])~#dcTrailHudR5 .dc-r5-trail-card{
  left:calc(var(--dc-r7c3-left) + 92px)!important;
}

/* Radar is the alternate spatial layer, not a new interface. */
html.dc-radar-active-r2.dc-r7c3-cockpit-ready #dcTrailHudR5{
  display:block!important;
  visibility:visible!important;
}

html.dc-radar-active-r2.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-top{
  display:block!important;
}

html.dc-radar-active-r2.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-left,
html.dc-radar-active-r2.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-right{
  display:block!important;
  visibility:visible!important;
}

html.dc-radar-active-r2.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-tools{
  display:grid!important;
  visibility:visible!important;
}

html.dc-radar-active-r2.dc-r7c3-cockpit-ready #dcRadarViewR2{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
}

/* No music control exists in the Direct Connect cockpit. */

/* ---------------- Phone compression ---------------- */

@media(max-height:760px){
  :root{
    --dc-r7c3-tile:62px;
  }

  html.dc-r7c3-cockpit-ready #dcTrailHudR5 #dcR5Compass{
    width:72px!important;
    height:72px!important;
    min-width:72px!important;
    min-height:72px!important;
  }

  .dc-r7c3-weather{
    left:calc(var(--dc-r7c3-left) + 82px)!important;
    top:calc(var(--dc-r7c3-top) + 18px)!important;
    height:38px!important;
    min-width:78px!important;
  }

  .dc-r7c3-weather span{font-size:18px!important}
  .dc-r7c3-weather b{font-size:16px!important}

  html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r7b-profile{
    top:calc(var(--dc-r7c3-top) + 155px)!important;
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    min-height:62px!important;
  }

  html.dc-r7c3-cockpit-ready #dcTrailHudR5 #dcR5Layers{
    top:calc(var(--dc-r7c3-top) + 290px)!important;
  }

  html.dc-r7c3-cockpit-ready #dcTrailHudR5 #dcR5Recenter{
    top:calc(var(--dc-r7c3-top) + 365px)!important;
  }

  html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-right{
    top:calc(var(--dc-r7c3-top) + 315px)!important;
    gap:9px!important;
  }

  .dc-r7c3-city-state{
    top:calc(var(--dc-r7c3-top) + 105px)!important;
    max-height:205px!important;
    font-size:17px!important;
  }

  html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-trail-card{
    bottom:calc(var(--dc-r7c3-bottom) + 88px)!important;
    width:min(40vw,195px)!important;
    padding:8px 9px!important;
  }

  html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-trail-info-btn{
    display:none!important;
  }

  html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-tools{
    height:64px!important;
    bottom:calc(var(--dc-r7c3-bottom) + 8px)!important;
    gap:7px!important;
  }

  html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-tools button{
    min-height:64px!important;
  }

  .dc-r7c3-bike-speed{
    width:68px!important;
    height:75px!important;
    bottom:calc(var(--dc-r7c3-bottom) + 86px)!important;
  }

  .dc-r7c3-bike-speed b{
    font-size:34px!important;
  }
}

@media(max-width:390px){
  :root{
    --dc-r7c3-left:max(10px,env(safe-area-inset-left,0px));
    --dc-r7c3-right:max(10px,env(safe-area-inset-right,0px));
    --dc-r7c3-tile:58px;
  }

  html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-title strong{
    font-size:20px!important;
    letter-spacing:.07em!important;
  }

  html.dc-r7c3-cockpit-ready #dcTrailHudR5 #dcR5Radar{
    width:69px!important;
    min-width:69px!important;
  }

  html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-mode{
    width:43vw!important;
  }

  .dc-r7c3-city-state{
    right:var(--dc-r7c3-right)!important;
    width:44px!important;
    font-size:15px!important;
  }

  html.dc-r7c3-cockpit-ready #dcTrailHudR5 .dc-r5-tools{
    width:calc(100vw - 20px)!important;
    gap:5px!important;
  }
}

/* SOURCE_END dc-shared-wayz-cockpit-r7c3.css */

/* SOURCE_BEGIN dc-native-wayz-cockpit-r7d.css */
/* DIRECT_CONNECT_UI_R7D_NATIVE_WAYZ_TILE_AND_SOS_COUNTDOWN_20260818 */

:root{
  --dc-r7d-left:max(18px,env(safe-area-inset-left,0px));
  --dc-r7d-right:max(16px,env(safe-area-inset-right,0px));
  --dc-r7d-top:env(safe-area-inset-top,0px);
  --dc-r7d-bottom:env(safe-area-inset-bottom,0px);
  --dc-r7d-trail-card-w:min(42vw,224px);
}

html.dc-r7d-native-wayz-ready .dc-trail-tools,
html.dc-hud-r5-ready .dc-trail-tools{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
}

html.dc-r7d-native-wayz-ready #dcTrailHudR5 #dcR5Compass{
  display:none!important;
}

html.dc-r7d-native-wayz-ready #dcR7C3Weather{
  display:none!important;
}

html.dc-r7d-native-wayz-ready #dcR7DCanonicalWeatherSource{
  display:contents!important;
}

html.dc-r7d-native-wayz-ready #vwPersistentHeadingWeatherDock{
  position:fixed!important;
  left:var(--dc-r7d-left)!important;
  top:calc(var(--dc-r7d-top) + 5px)!important;
  right:auto!important;
  bottom:auto!important;
  z-index:2147482450!important;
  pointer-events:auto!important;
  transform:none!important;
}

html.dc-r7d-native-wayz-ready #dcTrailHudR5 .dc-r5-title{
  width:min(58vw,390px)!important;
}

html.dc-r7d-native-wayz-ready #vwProfileBtn{
  position:fixed!important;
  left:var(--dc-r7d-left)!important;
  top:calc(var(--dc-r7d-top) + 177px)!important;
  z-index:2147482350!important;
}

html.dc-r7d-native-wayz-ready #dcTrailHudR5 .dc-r5-dc{
  display:none!important;
}

html.dc-r7d-native-wayz-ready #vwMusicBtn[
  data-dc-r7d-direct-connect-position-anchor
]{
  position:fixed!important;
  left:-5000px!important;
  top:0!important;
  pointer-events:none!important;
  z-index:-1!important;
}

html.dc-r7d-native-wayz-ready #vwDirectConnectMapTileR1{
  position:fixed!important;

  left:calc(
    var(--dc-r7d-left) +
    var(--dc-r7d-trail-card-w) +
    14px
  )!important;

  right:auto!important;

  bottom:calc(
    var(--dc-r7d-bottom) +
    101px
  )!important;

  top:auto!important;

  z-index:2147482400!important;
  pointer-events:auto!important;
}

html.dc-r7d-native-wayz-ready #dcTrailHudR5 #dcR5Hazard{
  position:fixed!important;
  right:var(--dc-r7d-right)!important;
  top:calc(var(--dc-r7d-top) + 72px)!important;

  width:72px!important;
  height:48px!important;
  min-width:72px!important;
  min-height:48px!important;

  padding:4px 7px!important;

  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;

  border-radius:15px!important;
  z-index:2147482460!important;
}

html.dc-r7d-native-wayz-ready #dcTrailHudR5 #dcR5Hazard svg{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
}

html.dc-r7d-native-wayz-ready #dcTrailHudR5 #dcR5Hazard small{
  font-size:9px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
}

html.dc-r7d-native-wayz-ready .dc-r7c3-city-state{
  top:calc(var(--dc-r7d-top) + 132px)!important;
  max-height:250px!important;
}

html.dc-r7d-native-wayz-ready #dcTrailHudR5 .dc-r5-right{
  top:52vh!important;
  gap:14px!important;
}

html.dc-r7d-native-wayz-ready #dcTrailHudR5 .dc-r5-right .dc-r5-dc{
  display:none!important;
}

html.dc-r7d-native-wayz-ready #dcTrailHudR5 .dc-r5-right #dcR5Hazard{
  position:fixed!important;
}

.dc-r7d-sos-countdown{
  position:fixed!important;
  inset:0!important;

  display:grid!important;
  place-items:center!important;

  padding:
    calc(env(safe-area-inset-top,0px) + 18px)
    20px
    calc(env(safe-area-inset-bottom,0px) + 18px)!important;

  background:
    radial-gradient(
      circle at 50% 35%,
      rgba(120,0,24,.45),
      rgba(5,3,8,.96) 56%
    )!important;

  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;

  z-index:2147483600!important;
  pointer-events:auto!important;
}

.dc-r7d-sos-countdown[hidden]{
  display:none!important;
}

.dc-r7d-sos-countdown-card{
  width:min(88vw,390px)!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;

  padding:24px 22px 20px!important;

  border:1px solid rgba(255,57,82,.82)!important;
  border-radius:24px!important;

  background:rgba(20,8,12,.97)!important;
  color:#fff!important;

  box-shadow:
    0 0 0 1px rgba(255,57,82,.14),
    0 0 48px rgba(255,25,55,.25),
    0 20px 55px rgba(0,0,0,.65)!important;

  text-align:center!important;
}

.dc-r7d-sos-symbol{
  width:62px!important;
  height:62px!important;

  display:grid!important;
  place-items:center!important;

  border:3px solid #ff3d57!important;
  border-radius:18px!important;

  color:#fff!important;
  background:#8a0b20!important;

  font-size:40px!important;
  line-height:1!important;
  font-weight:950!important;
}

.dc-r7d-sos-kicker{
  margin-top:14px!important;
  color:#ff5269!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
}

.dc-r7d-sos-countdown-card h2{
  margin:13px 0 0!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1.1!important;
  font-weight:900!important;
}

.dc-r7d-sos-number{
  margin-top:8px!important;
  color:#fff!important;
  font-size:86px!important;
  line-height:.95!important;
  font-weight:950!important;
  text-shadow:0 0 16px rgba(255,61,87,.58)!important;
}

.dc-r7d-sos-countdown-card p{
  max-width:330px!important;
  margin:12px 0 0!important;
  color:rgba(255,255,255,.82)!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:650!important;
}

#dcSosCountdownCancelR7D{
  width:100%!important;
  min-height:58px!important;
  margin-top:20px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:17px!important;
  background:#fff!important;
  color:#520813!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
}

.dc-r7d-sos-countdown-card small{
  display:block!important;
  margin-top:14px!important;
  color:rgba(255,255,255,.52)!important;
  font-size:10px!important;
  line-height:1.35!important;
  font-weight:650!important;
}

html.dc-radar-active-r2.dc-r7d-native-wayz-ready #vwPersistentHeadingWeatherDock,
html.dc-radar-active-r2.dc-r7d-native-wayz-ready #vwDirectConnectMapTileR1,
html.dc-radar-active-r2.dc-r7d-native-wayz-ready #vwProfileBtn{
  visibility:visible!important;
  pointer-events:auto!important;
}

@media(max-height:760px){
  :root{
    --dc-r7d-trail-card-w:min(40vw,195px);
  }

  html.dc-r7d-native-wayz-ready #vwProfileBtn{
    top:calc(var(--dc-r7d-top) + 155px)!important;
  }

  html.dc-r7d-native-wayz-ready #vwDirectConnectMapTileR1{
    bottom:calc(var(--dc-r7d-bottom) + 88px)!important;
  }

  html.dc-r7d-native-wayz-ready #dcTrailHudR5 #dcR5Hazard{
    top:calc(var(--dc-r7d-top) + 65px)!important;
    width:65px!important;
    height:44px!important;
    min-width:65px!important;
    min-height:44px!important;
  }

  html.dc-r7d-native-wayz-ready .dc-r7c3-city-state{
    top:calc(var(--dc-r7d-top) + 118px)!important;
    max-height:205px!important;
  }

  html.dc-r7d-native-wayz-ready #dcTrailHudR5 .dc-r5-right{
    top:49vh!important;
  }
}

@media(max-width:390px){
  :root{
    --dc-r7d-left:max(10px,env(safe-area-inset-left,0px));
    --dc-r7d-right:max(10px,env(safe-area-inset-right,0px));
  }

  html.dc-r7d-native-wayz-ready #vwDirectConnectMapTileR1{
    left:calc(
      var(--dc-r7d-left) +
      var(--dc-r7d-trail-card-w) +
      9px
    )!important;
  }
}

/* SOURCE_END dc-native-wayz-cockpit-r7d.css */

/* SOURCE_BEGIN dc-product-isolation-r7f.css */
/* DIRECT_CONNECT_R7G_EXACT_STYLE_PARITY_AND_OUTDOORS_THEME_20260818 */
:root{
  --dc-r7g-forest:#86c94b;
  --dc-r7g-moss:#b5ea63;
  --dc-r7g-earth:#d7b15b;
  --dc-r7g-ink:#090b0a;
  --dc-r7g-panel:rgba(16,19,14,.94);
  --dc-r7g-line:rgba(134,201,75,.34);
  --dc-r7g-glow:rgba(134,201,75,.18);
  --dc-r7g-text:#f3f7ef;
}

html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-tools{
  position:fixed!important;
  left:max(14px,env(safe-area-inset-left,0px))!important;
  right:max(14px,env(safe-area-inset-right,0px))!important;
  bottom:calc(env(safe-area-inset-bottom,0px) + 10px)!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  z-index:2147482425!important;
  pointer-events:auto!important
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5StartTrail,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Backtrack,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Mark{
  min-height:56px!important;
  height:56px!important;
  border-radius:18px!important;
  border:1px solid var(--dc-r7g-line)!important;
  background:linear-gradient(145deg,rgba(34,44,28,.95),rgba(12,14,11,.98))!important;
  color:var(--dc-r7g-text)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.35)!important
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Radio{
  position:fixed!important;
  left:max(14px,env(safe-area-inset-left,0px))!important;
  right:max(14px,env(safe-area-inset-right,0px))!important;
  bottom:calc(env(safe-area-inset-bottom,0px) + 74px)!important;
  width:auto!important;
  min-height:52px!important;
  height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  border:1px solid rgba(134,201,75,.48)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(32,43,22,.96),rgba(9,12,8,.99))!important;
  color:var(--dc-r7g-moss)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.4),0 0 22px rgba(134,201,75,.12)!important;
  padding:0 14px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  z-index:2147482426!important
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Radio .dc-r5-tool-icon{color:var(--dc-r7g-earth)!important}
html.dc-r7f-product-isolation-ready #vwDirectConnectMapTileR1{display:none!important}
html.dc-r7f-product-isolation-ready #dcDirectConnectProfileBtnR7F{
  position:fixed!important;
  left:max(18px,env(safe-area-inset-left,0px))!important;
  top:calc(env(safe-area-inset-top,0px) + 176px)!important;
  z-index:2147482350!important
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Radar{
  position:fixed!important;
  right:max(16px,env(safe-area-inset-right,0px))!important;
  top:calc(env(safe-area-inset-top,0px) + 16px)!important;
  z-index:2147482460!important;
  border:1px solid var(--dc-r7g-line)!important;
  background:linear-gradient(145deg,rgba(22,30,18,.96),rgba(9,12,8,.98))!important;
  color:var(--dc-r7g-text)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.34)!important
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Hazard{
  position:fixed!important;
  right:max(16px,env(safe-area-inset-right,0px))!important;
  top:calc(env(safe-area-inset-top,0px) + 120px)!important;
  width:82px!important;height:56px!important;min-width:82px!important;min-height:56px!important;
  z-index:2147482460!important
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-right{position:static!important}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 a[href="/direct-connect/capture.html"],
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-share,
html.dc-r7f-product-isolation-ready #dcR7FHazardReport{
  position:fixed!important;
  right:max(14px,env(safe-area-inset-right,0px))!important;
  width:72px!important;min-width:72px!important;height:74px!important;min-height:74px!important;
  border-radius:20px!important;z-index:2147482415!important;
  border:1px solid var(--dc-r7g-line)!important;
  background:linear-gradient(145deg,rgba(23,30,19,.96),rgba(9,12,8,.99))!important;
  color:var(--dc-r7g-text)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.36)!important
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 a[href="/direct-connect/capture.html"]{
  top:auto!important;bottom:calc(env(safe-area-inset-bottom,0px) + 318px)!important
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-share{
  top:auto!important;bottom:calc(env(safe-area-inset-bottom,0px) + 235px)!important
}
html.dc-r7f-product-isolation-ready #dcR7FHazardReport{
  top:auto!important;bottom:calc(env(safe-area-inset-bottom,0px) + 152px)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;
  padding:6px!important
}
html.dc-r7f-product-isolation-ready #dcR7FHazardReport svg{width:30px!important;height:30px!important;color:var(--dc-r7g-earth)!important}
html.dc-r7f-product-isolation-ready #dcR7FHazardReport small{font-size:8px!important;font-weight:900!important;line-height:1.06!important;text-align:center!important;color:var(--dc-r7g-text)!important}

html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-card,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-panel,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-tool,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-square{
  border-color:var(--dc-r7g-line)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.34),0 0 14px rgba(134,201,75,.06)!important
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-compass{
  box-shadow:0 0 16px rgba(134,201,75,.18)!important
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-compass,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-weather,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-trail-modebar button[aria-pressed="true"]{
  border-color:rgba(181,234,99,.55)!important;
  box-shadow:0 0 18px rgba(134,201,75,.12)!important
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-trail-modebar button{
  background:linear-gradient(145deg,rgba(22,30,18,.94),rgba(10,11,10,.99))!important;
  color:var(--dc-r7g-text)!important
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-trail-modebar button[aria-pressed="true"]{
  color:var(--dc-r7g-earth)!important;
  background:linear-gradient(145deg,rgba(66,84,36,.9),rgba(26,30,18,.98))!important
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-card,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-info{
  background:linear-gradient(145deg,rgba(17,20,16,.96),rgba(8,10,8,.98))!important;
  color:var(--dc-r7g-text)!important
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-card .accent,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-card strong,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-card b{
  color:var(--dc-r7g-earth)!important
}
.dc-r7f-hazard-sheet{position:fixed;inset:0;z-index:2147483600;display:flex;align-items:flex-end;background:rgba(0,0,0,.56);backdrop-filter:blur(6px)}
.dc-r7f-hazard-card{
  width:100%;max-height:82dvh;overflow:auto;border-radius:26px 26px 0 0;border:1px solid rgba(134,201,75,.46);
  background:#0b0d09;color:#fff;padding:18px 16px calc(22px + env(safe-area-inset-bottom,0px))
}
.dc-r7f-hazard-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dc-r7f-hazard-head b{display:block;font-size:17px}
.dc-r7f-hazard-head small{display:block;color:#a9b39f;margin-top:3px}
.dc-r7f-hazard-head>button{width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#171a14;color:#fff;font-size:26px}
.dc-r7f-hazard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:16px}
.dc-r7f-hazard-grid button{
  min-height:82px;border-radius:16px;border:1px solid rgba(134,201,75,.22);background:#131710;color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px
}
.dc-r7f-hazard-grid button span{font-size:26px}
.dc-r7f-hazard-grid button small{font-size:10px;font-weight:850}
.dc-r7f-hazard-note{display:grid;gap:6px;margin-top:14px;color:#b8c2ae;font-size:10px;font-weight:900}
.dc-r7f-hazard-note input{
  width:100%;border:1px solid rgba(134,201,75,.28);border-radius:13px;background:#070907;color:#fff;padding:12px
}
.dc-r7f-hazard-status{min-height:18px;margin-top:10px;color:var(--dc-r7g-earth);font-size:12px}
.dc-r7f-hazard-marker{
  width:30px;height:30px;border-radius:50%;border:2px solid #fff;background:#1a1d16;display:grid;place-items:center;font-size:16px;
  box-shadow:0 0 0 3px rgba(134,201,75,.42),0 4px 12px rgba(0,0,0,.5)
}
@media(max-width:420px){
  html.dc-r7f-product-isolation-ready #dcTrailHudR5 a[href="/direct-connect/capture.html"],
  html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-share,
  html.dc-r7f-product-isolation-ready #dcR7FHazardReport{
    width:68px!important;min-width:68px!important;height:70px!important;min-height:70px!important
  }
}
@media(max-height:760px){
  html.dc-r7f-product-isolation-ready #dcDirectConnectProfileBtnR7F{top:calc(env(safe-area-inset-top,0px) + 160px)!important}
  html.dc-r7f-product-isolation-ready #dcTrailHudR5 a[href="/direct-connect/capture.html"]{bottom:calc(env(safe-area-inset-bottom,0px) + 292px)!important}
  html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-share{bottom:calc(env(safe-area-inset-bottom,0px) + 214px)!important}
  html.dc-r7f-product-isolation-ready #dcR7FHazardReport{bottom:calc(env(safe-area-inset-bottom,0px) + 138px)!important}
}

/* SOURCE_END dc-product-isolation-r7f.css */

/* SOURCE_BEGIN dc-map-style-parity-r10.css */
/*
 DIRECT_CONNECT_R10_MAP_STYLE_PARITY_ONLY_20260819
 Visual-only overlay for /direct-connect/map.html.
 Velvet Wayz reference geometry:
   .vwBtn = 48x48, radius 14px
   right rail gap = 10px
 No behavior ownership changes.
*/

:root{
  --dc-r10-edge:12px;
  --dc-r10-control:48px;
  --dc-r10-radius:14px;
  --dc-r10-gap:10px;

  --dc-r10-forest:#6f9f3f;
  --dc-r10-moss:#a6d85f;
  --dc-r10-moss-bright:#c6ec82;
  --dc-r10-gold:#d7b15b;
  --dc-r10-teal:#69b3a7;

  --dc-r10-panel:rgba(12,17,10,.90);
  --dc-r10-panel-strong:rgba(10,14,9,.96);
  --dc-r10-line:rgba(166,216,95,.38);
  --dc-r10-line-soft:rgba(255,255,255,.10);
  --dc-r10-text:#f7faF3;
  --dc-r10-muted:rgba(247,250,243,.62);

  /* canonical dock stays the same size as Wayz */
  --vw-r9d-compass-size:62px;
  --vw-r9d-weather-height:54px;
}

/* ─────────────────────────────────────────────
   GLOBAL MAP HUD WEIGHT
   ───────────────────────────────────────────── */
html.dc-r7f-product-isolation-ready #dcTrailHudR5,
html.dc-r7d-native-wayz-ready #dcTrailHudR5{
  --purple:var(--dc-r10-moss)!important;
  --purple2:var(--dc-r10-forest)!important;
  --gold:var(--dc-r10-gold)!important;
  --accent:var(--dc-r10-moss)!important;
  color:var(--dc-r10-text)!important;
}

/* ─────────────────────────────────────────────
   TOP TITLE — same restrained hierarchy as Wayz
   ───────────────────────────────────────────── */
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-title{
  position:fixed!important;
  top:calc(env(safe-area-inset-top,0px) + 5px)!important;
  left:50%!important;
  right:auto!important;
  width:min(52vw,250px)!important;
  transform:translateX(-50%)!important;
  text-align:center!important;
  pointer-events:none!important;
  z-index:2147482440!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-title strong{
  display:block!important;
  font-size:18px!important;
  line-height:1!important;
  letter-spacing:.10em!important;
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.72)!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-title span{
  display:block!important;
  margin-top:5px!important;
  font-size:7.5px!important;
  line-height:1!important;
  letter-spacing:.34em!important;
  color:var(--dc-r10-gold)!important;
}

/* ─────────────────────────────────────────────
   CANONICAL COMPASS + WEATHER — geometry preserved,
   Direct Connect outdoor color identity
   ───────────────────────────────────────────── */
html.dc-r7d-native-wayz-ready #vwPersistentHeadingWeatherDock{
  left:var(--dc-r10-edge)!important;
  top:calc(env(safe-area-inset-top,0px) + 5px)!important;
  gap:8px!important;
  max-width:min(61vw,216px)!important;
}
html.dc-r7d-native-wayz-ready #vwVelvetCompassR9D{
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  min-height:62px!important;
  flex:0 0 62px!important;
  border-color:rgba(166,216,95,.64)!important;
  background:
    radial-gradient(circle at 50% 42%,
      rgba(68,101,42,.52) 0%,
      rgba(18,25,15,.96) 48%,
      rgba(6,8,6,.99) 100%)!important;
  box-shadow:
    0 0 0 2px rgba(79,118,47,.26),
    0 0 17px rgba(131,181,71,.34),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -8px 18px rgba(0,0,0,.34)!important;
}
html.dc-r7d-native-wayz-ready #vwVelvetCompassR9D::before{
  border-color:rgba(215,177,91,.16)!important;
}
html.dc-r7d-native-wayz-ready #vwPersistentHeadingWeatherDock .vw-r9d-weather-source,
html.dc-r7d-native-wayz-ready #vwWeatherChip{
  min-width:82px!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 10px!important;
  border-radius:14px!important;
  border:1px solid rgba(166,216,95,.28)!important;
  background:rgba(10,15,9,.86)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.28)!important;
}

/* ─────────────────────────────────────────────
   RADAR + SOS — compact top-right controls
   ───────────────────────────────────────────── */
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Radar{
  position:fixed!important;
  top:calc(env(safe-area-inset-top,0px) + 8px)!important;
  right:var(--dc-r10-edge)!important;
  width:58px!important;
  min-width:58px!important;
  height:50px!important;
  min-height:50px!important;
  padding:0!important;
  border-radius:14px!important;
  border:1px solid var(--dc-r10-line)!important;
  background:var(--dc-r10-panel)!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  box-shadow:0 8px 20px rgba(0,0,0,.34)!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Hazard{
  position:fixed!important;
  top:calc(env(safe-area-inset-top,0px) + 77px)!important;
  right:var(--dc-r10-edge)!important;
  width:58px!important;
  min-width:58px!important;
  height:46px!important;
  min-height:46px!important;
  padding:4px!important;
  border-radius:14px!important;
  border:1px solid rgba(231,62,84,.68)!important;
  background:rgba(103,15,27,.90)!important;
  color:#fff!important;
  gap:4px!important;
  box-shadow:0 8px 20px rgba(0,0,0,.34)!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Hazard svg{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Hazard small{
  font-size:7.5px!important;
  line-height:1!important;
}

/* keep vertical place text away from radar / SOS */
html.dc-r7f-product-isolation-ready .dc-r7c3-city-state{
  top:calc(env(safe-area-inset-top,0px) + 140px)!important;
  right:4px!important;
  max-height:170px!important;
  overflow:hidden!important;
  font-size:10px!important;
  line-height:1.05!important;
  letter-spacing:.08em!important;
  color:rgba(198,236,130,.72)!important;
  text-shadow:0 2px 7px #000!important;
}

/* ─────────────────────────────────────────────
   HIKE / BIKE — compact mode chooser
   ───────────────────────────────────────────── */
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-mode{
  position:fixed!important;
  left:50%!important;
  top:calc(env(safe-area-inset-top,0px) + 118px)!important;
  width:150px!important;
  min-width:150px!important;
  min-height:42px!important;
  height:42px!important;
  transform:translateX(-50%)!important;
  border-radius:14px!important;
  overflow:hidden!important;
  z-index:2147482400!important;
  box-shadow:0 8px 20px rgba(0,0,0,.30)!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-mode button,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-trail-modebar button{
  min-height:42px!important;
  height:42px!important;
  padding:0 12px!important;
  font-size:10px!important;
  border-color:var(--dc-r10-line-soft)!important;
  background:rgba(13,17,12,.92)!important;
  color:#fff!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-mode button.on,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-mode button[aria-pressed="true"],
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-trail-modebar button[aria-pressed="true"]{
  background:linear-gradient(145deg,rgba(80,105,47,.88),rgba(27,34,20,.96))!important;
  border-color:rgba(215,177,91,.54)!important;
  color:var(--dc-r10-gold)!important;
}

/* ─────────────────────────────────────────────
   PROFILE — same footprint class as Wayz control rail
   ───────────────────────────────────────────── */
html.dc-r7f-product-isolation-ready #dcDirectConnectProfileBtnR7F{
  position:fixed!important;
  left:var(--dc-r10-edge)!important;
  top:calc(env(safe-area-inset-top,0px) + 151px)!important;
  width:52px!important;
  min-width:52px!important;
  height:52px!important;
  min-height:52px!important;
  border-radius:50%!important;
  border:1px solid rgba(166,216,95,.42)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.34),0 0 10px rgba(131,181,71,.12)!important;
}
html.dc-r7f-product-isolation-ready #dcDirectConnectProfileBtnR7F img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:50%!important;
}

/* ─────────────────────────────────────────────
   LEFT RAIL — exact Wayz 48px control geometry
   ───────────────────────────────────────────── */
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-left{
  position:static!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Layers,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Recenter{
  position:fixed!important;
  left:var(--dc-r10-edge)!important;
  width:var(--dc-r10-control)!important;
  min-width:var(--dc-r10-control)!important;
  height:var(--dc-r10-control)!important;
  min-height:var(--dc-r10-control)!important;
  padding:5px!important;
  border-radius:var(--dc-r10-radius)!important;
  border:1px solid var(--dc-r10-line-soft)!important;
  background:var(--dc-r10-panel)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(0,0,0,.34)!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Layers{
  top:calc(env(safe-area-inset-top,0px) + 255px)!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Recenter{
  top:calc(env(safe-area-inset-top,0px) + 313px)!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Layers svg,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Recenter svg{
  width:21px!important;
  height:21px!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Layers small,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Recenter small{
  font-size:6.5px!important;
  line-height:1!important;
  margin-top:2px!important;
}

/* ─────────────────────────────────────────────
   RIGHT RAIL — exact Wayz 48px geometry
   ───────────────────────────────────────────── */
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-right{
  position:static!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 a[href="/direct-connect/capture.html"],
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-share,
html.dc-r7f-product-isolation-ready #dcR7FHazardReport{
  position:fixed!important;
  right:var(--dc-r10-edge)!important;
  left:auto!important;
  bottom:auto!important;
  width:var(--dc-r10-control)!important;
  min-width:var(--dc-r10-control)!important;
  height:var(--dc-r10-control)!important;
  min-height:var(--dc-r10-control)!important;
  padding:5px!important;
  border-radius:var(--dc-r10-radius)!important;
  border:1px solid var(--dc-r10-line)!important;
  background:var(--dc-r10-panel)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(0,0,0,.34)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 a[href="/direct-connect/capture.html"]{
  top:45.5vh!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-share{
  top:calc(45.5vh + 58px)!important;
}
html.dc-r7f-product-isolation-ready #dcR7FHazardReport{
  top:calc(45.5vh + 116px)!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 a[href="/direct-connect/capture.html"] svg,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-share svg,
html.dc-r7f-product-isolation-ready #dcR7FHazardReport svg{
  width:22px!important;
  height:22px!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 a[href="/direct-connect/capture.html"] .dc-r7b-emoji,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-share .dc-r7b-emoji{
  font-size:21px!important;
  line-height:1!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 a[href="/direct-connect/capture.html"] small,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-share small,
html.dc-r7f-product-isolation-ready #dcR7FHazardReport small{
  font-size:6.4px!important;
  line-height:.98!important;
  font-weight:900!important;
  text-align:center!important;
}
html.dc-r7f-product-isolation-ready #dcR7FHazardReport svg{
  color:var(--dc-r10-gold)!important;
}

/* share badge becomes small, not a second visual tile */
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-share-badge{
  top:-5px!important;
  right:-5px!important;
  min-width:18px!important;
  height:18px!important;
  padding:0 4px!important;
  font-size:8px!important;
  border-radius:9px!important;
  background:var(--dc-r10-forest)!important;
  color:#fff!important;
}

/* ─────────────────────────────────────────────
   TRAIL ID — compact information tile
   ───────────────────────────────────────────── */
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-trail-card{
  position:fixed!important;
  left:var(--dc-r10-edge)!important;
  bottom:calc(env(safe-area-inset-bottom,0px) + 132px)!important;
  width:min(40vw,146px)!important;
  min-width:0!important;
  padding:9px 10px!important;
  border-radius:16px!important;
  border:1px solid var(--dc-r10-line)!important;
  background:var(--dc-r10-panel-strong)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.38)!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-trail-kicker{
  font-size:8px!important;
  color:var(--dc-r10-gold)!important;
  letter-spacing:.10em!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-trail-name{
  margin-top:3px!important;
  font-size:13px!important;
  line-height:1.08!important;
  color:#fff!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-trail-place{
  margin-top:4px!important;
  font-size:8px!important;
  color:var(--dc-r10-muted)!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-elev-row{
  margin-top:8px!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-elev{
  font-size:8px!important;
  color:var(--dc-r10-moss-bright)!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-elev-bars i{
  background:var(--dc-r10-moss)!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-trail-info-btn{
  display:none!important;
}

/* ─────────────────────────────────────────────
   PTT + BOTTOM ROW
   ───────────────────────────────────────────── */
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-tools{
  position:fixed!important;
  left:var(--dc-r10-edge)!important;
  right:var(--dc-r10-edge)!important;
  bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important;
  height:54px!important;
  min-height:54px!important;
  width:auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  z-index:2147482425!important;
  pointer-events:auto!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5StartTrail,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Backtrack,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Mark{
  width:100%!important;
  min-width:0!important;
  height:54px!important;
  min-height:54px!important;
  padding:5px 4px!important;
  border-radius:14px!important;
  border:1px solid var(--dc-r10-line-soft)!important;
  background:var(--dc-r10-panel)!important;
  color:#fff!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:900!important;
  box-shadow:0 7px 18px rgba(0,0,0,.30)!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5StartTrail{
  color:var(--dc-r10-gold)!important;
  border-color:rgba(215,177,91,.42)!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-tool-icon{
  display:block!important;
  margin-bottom:2px!important;
  font-size:16px!important;
  line-height:1!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Radio{
  position:fixed!important;
  left:var(--dc-r10-edge)!important;
  right:var(--dc-r10-edge)!important;
  bottom:calc(env(safe-area-inset-bottom,0px) + 71px)!important;
  width:auto!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 12px!important;
  border-radius:14px!important;
  border:1px solid var(--dc-r10-line)!important;
  background:var(--dc-r10-panel-strong)!important;
  color:var(--dc-r10-gold)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  box-shadow:0 8px 20px rgba(0,0,0,.34)!important;
}

/* ─────────────────────────────────────────────
   REMOVE PURPLE DOMINANCE FROM MAP-ONLY CONTROLS
   ───────────────────────────────────────────── */
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-square,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-card,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-panel{
  border-color:var(--dc-r10-line)!important;
}
html.dc-r7f-product-isolation-ready #dcTrailHudR5 button:active,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 a:active{
  border-color:rgba(198,236,130,.72)!important;
  background:rgba(47,67,31,.92)!important;
}
html.dc-r7f-product-isolation-ready .dc-r7f-hazard-card{
  border-color:var(--dc-r10-line)!important;
  background:#0b0f09!important;
}
html.dc-r7f-product-isolation-ready .dc-r7f-hazard-grid button{
  border-color:rgba(166,216,95,.24)!important;
  background:#11170e!important;
}
html.dc-r7f-product-isolation-ready .dc-r7f-hazard-marker{
  background:#172011!important;
  box-shadow:0 0 0 3px rgba(131,181,71,.38),0 4px 12px rgba(0,0,0,.50)!important;
}

/* MapLibre attribution remains readable but visually quiet */
html.dc-r7f-product-isolation-ready .maplibregl-ctrl-attrib{
  opacity:.72!important;
}

/* phone-height compression */
@media(max-height:700px){
  html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-mode{
    top:calc(env(safe-area-inset-top,0px) + 105px)!important;
  }
  html.dc-r7f-product-isolation-ready #dcDirectConnectProfileBtnR7F{
    top:calc(env(safe-area-inset-top,0px) + 139px)!important;
  }
  html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Layers{
    top:calc(env(safe-area-inset-top,0px) + 225px)!important;
  }
  html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Recenter{
    top:calc(env(safe-area-inset-top,0px) + 283px)!important;
  }
  html.dc-r7f-product-isolation-ready #dcTrailHudR5 a[href="/direct-connect/capture.html"]{
    top:43vh!important;
  }
  html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-share{
    top:calc(43vh + 58px)!important;
  }
  html.dc-r7f-product-isolation-ready #dcR7FHazardReport{
    top:calc(43vh + 116px)!important;
  }
  html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-trail-card{
    width:min(38vw,136px)!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 126px)!important;
  }
}

@media(max-width:370px){
  :root{
    --dc-r10-edge:10px;
    --dc-r10-control:46px;
  }

  html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-title strong{
    font-size:16px!important;
  }

  html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-title{
    width:min(50vw,190px)!important;
  }

  html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Radar{
    width:54px!important;
    min-width:54px!important;
  }

  html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Hazard{
    width:54px!important;
    min-width:54px!important;
  }

  html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-mode{
    width:140px!important;
  }

  html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-trail-card{
    width:39vw!important;
  }
}

/* ============================================================
   DIRECT_CONNECT_R10A_BOTTOM_ACTION_ROW_CENTER_FIX_20260819
   Reset legacy translate centering left behind under R10.
   ============================================================ */

html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-tools{
  position:fixed!important;

  /* authoritative viewport anchoring */
  left:var(--dc-r10-edge)!important;
  right:var(--dc-r10-edge)!important;
  bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important;
  top:auto!important;

  /* kill the old left:50% / translateX(-50%) ownership */
  transform:none!important;
  translate:none!important;
  margin:0!important;

  /* prevent inherited width/max-width from shifting the grid */
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;

  /* exact 3-button row */
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-flow:column!important;
  gap:8px!important;
  justify-content:stretch!important;
  align-items:stretch!important;

  height:54px!important;
  min-height:54px!important;

  overflow:visible!important;
}

html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-tools > *,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5StartTrail,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Backtrack,
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Mark{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;

  transform:none!important;
  translate:none!important;
  margin:0!important;

  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* PTT uses the same viewport anchoring model, never translated. */
html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Radio{
  left:var(--dc-r10-edge)!important;
  right:var(--dc-r10-edge)!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;

  transform:none!important;
  translate:none!important;
  margin:0!important;
  box-sizing:border-box!important;
}

/* Very narrow phones: preserve all three buttons inside viewport. */
@media(max-width:370px){
  html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-tools{
    gap:6px!important;
  }

  html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5StartTrail,
  html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Backtrack,
  html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Mark{
    padding-left:2px!important;
    padding-right:2px!important;
    font-size:6.6px!important;
  }
}

/* SOURCE_END dc-map-style-parity-r10.css */

/* SOURCE_BEGIN dc-map-visual-alignment-r10f.css */
/*
 DIRECT_CONNECT_R10F_MAP_VISUAL_ALIGNMENT_ONLY_20260819

 Loaded after all older Direct Connect cockpit CSS.
 Layout/presentation only.
 No behavioral ownership.
*/

:root{
  --dc-r10d-edge:12px;
  --dc-r10d-control:48px;
  --dc-r10d-radius:14px;
  --dc-r10d-gap:10px;

  --dc-r10d-forest:#6f9f3f;
  --dc-r10d-moss:#a6d85f;
  --dc-r10d-moss-bright:#c6ec82;
  --dc-r10d-gold:#d7b15b;
  --dc-r10d-panel:rgba(10,15,9,.93);
  --dc-r10d-line:rgba(166,216,95,.40);
}

/* ------------------------------------------------------------
   Canonical compass + weather row
   ------------------------------------------------------------ */

html.dc-r7d-native-wayz-ready #vwPersistentHeadingWeatherDock{
  left:calc(env(safe-area-inset-left,0px) + 12px)!important;
  top:calc(env(safe-area-inset-top,0px) + 10px)!important;
  right:auto!important;

  width:auto!important;
  max-width:none!important;
  height:auto!important;

  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;

  transform:none!important;
  translate:none!important;
  margin:0!important;
}

/* Compass keeps its current Wayz geometry, only gets breathing room. */
html.dc-r7d-native-wayz-ready #vwVelvetCompassR9D{
  flex:0 0 62px!important;
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  min-height:62px!important;

  margin:0!important;
  transform:none!important;
  translate:none!important;
}

/*
 Exact canonical Wayz weather vocabulary:
 radius 12px, padding 5px 9px, type 12px, 5px internal gap.
*/
html.dc-r7d-native-wayz-ready #vwWeatherChip,
html.dc-r7d-native-wayz-ready #vwPersistentHeadingWeatherDock #vwWeatherChip,
html.dc-r7d-native-wayz-ready #vwPersistentHeadingWeatherDock .vw-r9d-weather-source{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;

  width:auto!important;
  min-width:0!important;
  max-width:84px!important;
  height:auto!important;
  min-height:0!important;

  padding:5px 9px!important;
  margin:8px 0 0!important;

  border-radius:12px!important;
  border:1px solid rgba(166,216,95,.28)!important;
  background:rgba(10,15,9,.86)!important;

  color:#fff!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:700!important;
  white-space:nowrap!important;

  box-shadow:0 5px 14px rgba(0,0,0,.30)!important;
  backdrop-filter:blur(8px)!important;

  transform:none!important;
  translate:none!important;
}

/* Kill the old copied weather mimic completely. */
#dcR7C3Weather,
.dc-r7c3-weather{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
}

/* ------------------------------------------------------------
   Stable title
   ------------------------------------------------------------ */

html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-title{
  top:calc(env(safe-area-inset-top,0px) + 8px)!important;
}

html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-title span{
  color:var(--dc-r10d-gold)!important;
}

/* ------------------------------------------------------------
   Mode switch moves upward
   ------------------------------------------------------------ */

html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-mode{
  top:calc(env(safe-area-inset-top,0px) + 100px)!important;
}

/* ------------------------------------------------------------
   Profile rises slightly, action stack moves DOWN
   ------------------------------------------------------------ */

html.dc-r7f-product-isolation-ready #dcDirectConnectProfileBtnR7F{
  top:calc(env(safe-area-inset-top,0px) + 134px)!important;
}

html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Layers{
  top:calc(env(safe-area-inset-top,0px) + 300px)!important;
}

html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Recenter{
  top:calc(env(safe-area-inset-top,0px) + 358px)!important;
}

/* ------------------------------------------------------------
   One stable, larger right-side city/state renderer
   ------------------------------------------------------------ */

#dcR7C3CityState,
.dc-r7c3-city-state{
  position:fixed!important;

  right:calc(env(safe-area-inset-right,0px) + 3px)!important;
  top:calc(env(safe-area-inset-top,0px) + 145px)!important;

  width:48px!important;
  max-height:250px!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;

  color:var(--dc-r10d-moss)!important;

  font-size:18px!important;
  line-height:.92!important;
  font-weight:950!important;
  letter-spacing:.02em!important;

  writing-mode:vertical-rl!important;
  text-orientation:upright!important;

  text-shadow:
    0 2px 5px rgba(0,0,0,.98),
    0 0 6px rgba(111,159,63,.34)!important;

  z-index:2147482380!important;
  pointer-events:none!important;
  overflow:hidden!important;

  transform:none!important;
  translate:none!important;
  margin:0!important;
}

#dcR7C3CityState span,
.dc-r7c3-city-state span{
  display:block!important;
  white-space:nowrap!important;
}

/* ------------------------------------------------------------
   Lower-right action rail beside Trail ID
   Share above Capture above Hazard.
   Capture and Hazard are directly stacked.
   ------------------------------------------------------------ */

html.dc-r7f-product-isolation-ready #dcTrailHudR5 a[href="/direct-connect/capture.html"],
html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-share,
html.dc-r7f-product-isolation-ready #dcR7FHazardReport{
  position:fixed!important;
  right:calc(env(safe-area-inset-right,0px) + 12px)!important;
  left:auto!important;
  top:auto!important;

  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;

  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;

  border-radius:14px!important;

  transform:none!important;
  translate:none!important;
  margin:0!important;

  z-index:2147482410!important;
}

html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-share{
  bottom:calc(env(safe-area-inset-bottom,0px) + 248px)!important;
}

html.dc-r7f-product-isolation-ready #dcTrailHudR5 a[href="/direct-connect/capture.html"]{
  bottom:calc(env(safe-area-inset-bottom,0px) + 190px)!important;
}

html.dc-r7f-product-isolation-ready #dcR7FHazardReport{
  bottom:calc(env(safe-area-inset-bottom,0px) + 132px)!important;
}

/* ------------------------------------------------------------
   Preserve the approved R10C bottom owner — no sizing changes.
   ------------------------------------------------------------ */

#dcR10BActionRow,
#dcR10BPttHost{
  transform:none!important;
  translate:none!important;
}

/* Phone compression without changing ownership */
@media(max-height:720px){
  html.dc-r7f-product-isolation-ready #dcTrailHudR5 .dc-r5-mode{
    top:calc(env(safe-area-inset-top,0px) + 94px)!important;
  }

  html.dc-r7f-product-isolation-ready #dcDirectConnectProfileBtnR7F{
    top:calc(env(safe-area-inset-top,0px) + 128px)!important;
  }

  html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Layers{
    top:calc(env(safe-area-inset-top,0px) + 280px)!important;
  }

  html.dc-r7f-product-isolation-ready #dcTrailHudR5 #dcR5Recenter{
    top:calc(env(safe-area-inset-top,0px) + 338px)!important;
  }

  #dcR7C3CityState,
  .dc-r7c3-city-state{
    top:calc(env(safe-area-inset-top,0px) + 135px)!important;
    max-height:220px!important;
    font-size:17px!important;
  }
}

/* SOURCE_END dc-map-visual-alignment-r10f.css */

/* SOURCE_BEGIN dc-forest-gold-theme-lock-r12.css */
/*
 DIRECT_CONNECT_R12_FOREST_GOLD_THEME_LOCK_NO_PURPLE_20260819

 Shared Direct Connect presentation lock for:
   /direct-connect/index.html
   /direct-connect/map.html

 Theme only. No geometry. No behavior.
*/

:root{
  /* canonical Direct Connect palette */
  --dc12-black:#030503;
  --dc12-charcoal:#070a07;
  --dc12-panel:#0a0f09;
  --dc12-panel-2:#10170d;

  --dc12-forest-deep:#294419;
  --dc12-forest:#5f8f39;
  --dc12-moss:#83b547;
  --dc12-moss-bright:#b8df6a;
  --dc12-lime:#c7ed88;

  --dc12-gold:#d7b15b;
  --dc12-gold-bright:#f0c85d;

  --dc12-white:#f8faf5;
  --dc12-muted:rgba(248,250,245,.58);

  --dc12-line:rgba(131,181,71,.38);
  --dc12-line-strong:rgba(184,223,106,.58);
  --dc12-line-gold:rgba(215,177,91,.56);

  /*
    Re-map legacy Direct Connect tokens so old components inherit
    the new palette without changing their geometry.
  */
  --dc-bg:var(--dc12-black)!important;
  --dc-panel:rgba(10,15,9,.95)!important;
  --dc-panel-2:rgba(16,23,13,.95)!important;

  --dc-purple:var(--dc12-moss)!important;
  --dc-purple-bright:var(--dc12-moss-bright)!important;
  --dc-purple-dark:var(--dc12-forest-deep)!important;

  --dc-gold:var(--dc12-gold)!important;
  --dc-line:var(--dc12-line)!important;
  --dc-text:var(--dc12-white)!important;
  --dc-muted:var(--dc12-muted)!important;

  --purple:var(--dc12-moss)!important;
  --purple2:var(--dc12-forest)!important;
  --accent:var(--dc12-moss)!important;
  --gold:var(--dc12-gold)!important;
  --green:var(--dc12-moss)!important;
}

/* ==========================================================
   GLOBAL DIRECT CONNECT DARK SURFACE
   ========================================================== */

html,
body{
  background:
    radial-gradient(
      90% 44% at 50% 7%,
      rgba(48,79,29,.20) 0%,
      rgba(18,31,13,.08) 44%,
      rgba(3,5,3,0) 76%
    ),
    linear-gradient(
      180deg,
      var(--dc12-charcoal) 0%,
      var(--dc12-black) 100%
    )!important;

  color:var(--dc12-white)!important;
}

/* ==========================================================
   HOME — actual live component classes
   ========================================================== */

.dc-shell,
.dc-premium-shell-r1,
.dc-main{
  background:transparent!important;
}

/* header */
.dc-header,
.dc-premium-header-r1{
  border-color:rgba(131,181,71,.16)!important;
}

.dc-title{
  color:#fff!important;
  text-shadow:
    0 2px 12px rgba(0,0,0,.70),
    0 0 12px rgba(95,143,57,.15)!important;
}

.dc-rule{
  background:
    linear-gradient(
      90deg,
      transparent,
      var(--dc12-gold),
      transparent
    )!important;
  opacity:.66!important;
}

.dc-menu{
  border-color:var(--dc12-line-strong)!important;
  background:rgba(6,10,5,.94)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.34)!important;
}

/* Ready state */
.dc-state-line{
  color:var(--dc12-white)!important;
}

.dc-state-dot{
  background:var(--dc12-moss)!important;
  box-shadow:
    0 0 0 3px rgba(131,181,71,.12),
    0 0 14px rgba(131,181,71,.44)!important;
}

/* Large center radio/peer orb */
.dc-premium-hero-r1,
.dc-peer-hero-r1{
  filter:none!important;
}

.dc-peer-ring-r1{
  border-color:var(--dc12-line-gold)!important;

  background:
    radial-gradient(
      circle at 50% 42%,
      rgba(66,98,39,.56) 0%,
      rgba(23,36,17,.92) 45%,
      rgba(5,8,5,.99) 72%
    )!important;

  box-shadow:
    0 0 0 2px rgba(95,143,57,.20),
    0 0 28px rgba(95,143,57,.28),
    inset 0 0 28px rgba(184,223,106,.07)!important;
}

.dc-peer-ring-r1::before,
.dc-peer-ring-r1::after{
  border-color:rgba(131,181,71,.54)!important;
  box-shadow:none!important;
}

.dc-peer-placeholder-r1,
.dc-peer-avatar-r1{
  color:var(--dc12-gold)!important;
  border-color:rgba(215,177,91,.54)!important;
}

.dc-peer{
  color:#fff!important;
}

.dc-secure{
  color:var(--dc12-muted)!important;
}

.dc-secure::before{
  color:var(--dc12-moss)!important;
  border-color:var(--dc12-moss)!important;
}

/* Top three action cards */
.dc-controls,
.dc-premium-quick-r1,
.dc-home-quick-r2{
  --dc-line:var(--dc12-line)!important;
}

.dc-session-action,
.dc-control,
.dc-home-quick-link-r2{
  background:
    linear-gradient(
      180deg,
      rgba(12,18,10,.96),
      rgba(6,10,5,.98)
    )!important;

  border-color:var(--dc12-line)!important;

  box-shadow:
    0 8px 22px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.025)!important;
}

.dc-session-action{
  border-color:var(--dc12-line-gold)!important;
}

.dc-session-action strong,
.dc-session-action .dc-session-hand{
  color:var(--dc12-gold-bright)!important;
}

.dc-home-people-r2,
.dc-home-profile-r2,
.dc-home-quick-link-r2 .icon{
  color:var(--dc12-moss)!important;
}

/* Live Trail Map section */
.dc-home-map-r2,
.dc-home-map-head-r2,
.dc-home-section-label-r2{
  color:var(--dc12-moss)!important;
}

.dc-home-map-open-r3{
  color:var(--dc12-gold-bright)!important;
}

.dc-home-map-window-r2,
.dc-home-map-frame-r2{
  border-color:var(--dc12-line-strong)!important;
  box-shadow:
    0 0 0 1px rgba(95,143,57,.08),
    0 8px 24px rgba(0,0,0,.34)!important;
}

/* Explore & Connect tiles */
.dc-action-grid-r1{
  --dc-line:var(--dc12-line)!important;
}

.dc-action-tile-r1{
  background:
    linear-gradient(
      180deg,
      rgba(12,18,10,.96),
      rgba(6,10,5,.98)
    )!important;

  border-color:var(--dc12-line)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.26)!important;
}

.dc-action-icon-r1{
  color:var(--dc12-moss)!important;
}

#dcLocationTileR1 .dc-action-icon-r1,
.dc-action-tile-r1[href*="capture"] .dc-action-icon-r1{
  color:var(--dc12-gold)!important;
}

/* Invite row */
.dc-invite-app{
  background:
    linear-gradient(
      100deg,
      rgba(38,60,23,.25),
      rgba(8,13,7,.98) 36%,
      rgba(5,9,5,.99)
    )!important;

  border-color:var(--dc12-line-gold)!important;
  color:var(--dc12-gold-bright)!important;

  box-shadow:
    0 8px 24px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.03)!important;
}

.dc-invite-plus,
.dc-invite-arrow{
  color:var(--dc12-gold-bright)!important;
}

/* Ecosystem */
.dc-promo{
  background:rgba(6,10,5,.96)!important;
  border-color:rgba(131,181,71,.22)!important;
}

.dc-promo-label{
  color:rgba(248,250,245,.48)!important;
}

.dc-promo-grid > *{
  background:rgba(10,15,9,.94)!important;
  border-color:rgba(131,181,71,.20)!important;
}

/* Bottom Tap to Invite */
.dc-talk-dock-r1,
.dc-ptt{
  border-color:var(--dc12-line-strong)!important;

  background:
    linear-gradient(
      110deg,
      rgba(44,70,27,.72) 0%,
      rgba(11,17,9,.98) 35%,
      rgba(5,8,5,.99) 100%
    )!important;

  box-shadow:
    0 0 24px rgba(95,143,57,.17),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.dc-floor{
  background:
    radial-gradient(
      circle at 50% 45%,
      rgba(131,181,71,.46),
      rgba(36,61,22,.86) 66%,
      rgba(8,13,7,.98)
    )!important;

  border-color:rgba(184,223,106,.58)!important;
  box-shadow:
    0 0 18px rgba(95,143,57,.28),
    inset 0 0 22px rgba(184,223,106,.10)!important;
}

.dc-talk-icon-r1,
.dc-viz{
  color:var(--dc12-moss)!important;
}

.dc-ptt-copy strong,
#oPrimaryText{
  color:#fff!important;
}

.dc-ptt-copy span,
#oPrimarySub{
  color:var(--dc12-gold-bright)!important;
}

/* ==========================================================
   TRAIL GUIDE — remove legacy purple sources
   ========================================================== */

#dcTrailPage,
.dc-trail-shell{
  background:transparent!important;
}

/* Original first-slice token set */
html.dc-trail-guide-r1{
  --dc-bg:var(--dc12-black)!important;
  --dc-panel:rgba(9,14,8,.96)!important;
  --dc-purple:var(--dc12-moss)!important;
  --dc-gold:var(--dc12-gold)!important;
  --dc-text:var(--dc12-white)!important;
  --dc-muted:var(--dc12-muted)!important;
  --dc-line:var(--dc12-line)!important;
}

/* Hike / Bike */
#dcTrailHudR5 .dc-r5-mode,
.dc-trail-modebar{
  border-color:var(--dc12-line-strong)!important;
  background:rgba(7,11,6,.96)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.30)!important;
}

#dcTrailHudR5 .dc-r5-mode button,
.dc-trail-modebar button,
.dc-mode{
  border-color:rgba(131,181,71,.18)!important;
  background:rgba(8,13,7,.96)!important;
  color:#fff!important;
}

#dcTrailHudR5 .dc-r5-mode button.on,
#dcTrailHudR5 .dc-r5-mode button[aria-pressed="true"],
.dc-trail-modebar button.on,
.dc-trail-modebar button[aria-pressed="true"],
.dc-mode.on,
.dc-mode[aria-pressed="true"]{
  background:
    linear-gradient(
      135deg,
      rgba(76,106,45,.88),
      rgba(25,38,18,.96)
    )!important;

  border-color:var(--dc12-line-gold)!important;
  color:var(--dc12-gold-bright)!important;

  box-shadow:
    inset 0 -2px 0 var(--dc12-gold-bright)!important;
}

/* Current location marker — hard-coded purple source removed */
.dc-trail-user-marker{
  background:var(--dc12-moss)!important;
  border-color:#fff!important;

  box-shadow:
    0 0 0 7px rgba(131,181,71,.19),
    0 0 18px rgba(131,181,71,.64)!important;
}

/* MapLibre native current-location styles, if active */
.maplibregl-user-location-dot{
  background-color:var(--dc12-moss)!important;
  box-shadow:
    0 0 0 4px rgba(131,181,71,.20),
    0 0 14px rgba(131,181,71,.50)!important;
}

.maplibregl-user-location-dot::before{
  background-color:rgba(131,181,71,.32)!important;
}

.maplibregl-user-location-accuracy-circle{
  background-color:rgba(131,181,71,.10)!important;
}

/* Contacts remain distinct with gold perimeter */
.dc-contact-marker{
  border-color:var(--dc12-gold)!important;
  background:rgba(8,13,7,.96)!important;
  box-shadow:0 0 15px rgba(215,177,91,.28)!important;
}

/* Waypoints */
.dc-waypoint-marker{
  background:var(--dc12-gold)!important;
  box-shadow:0 0 14px rgba(215,177,91,.48)!important;
}

/* Legacy hidden nav / waypoint sheet still gets correct theme */
.dc-trail-nav{
  border-top-color:var(--dc12-line)!important;
  background:rgba(3,5,3,.98)!important;
}

.dc-trail-nav a{
  border-color:rgba(131,181,71,.26)!important;
  background:rgba(8,13,7,.94)!important;
}

.dc-trail-nav a.active{
  color:var(--dc12-gold)!important;
  border-color:var(--dc12-line-gold)!important;
  background:rgba(215,177,91,.06)!important;
}

.dc-waypoint-sheet{
  border-color:var(--dc12-line-strong)!important;
  background:rgba(5,8,5,.98)!important;
}

.dc-waypoint-grid button{
  border-color:var(--dc12-line)!important;
  background:rgba(12,18,10,.96)!important;
}

/* Radar visual — green instead of purple, SOS remains untouched */
#dcR5Radar,
#dcRadarToggleR2{
  border-color:var(--dc12-line-strong)!important;
  background:rgba(10,16,8,.95)!important;
  color:#fff!important;
  box-shadow:
    0 8px 18px rgba(0,0,0,.34),
    inset 0 0 14px rgba(95,143,57,.08)!important;
}

.dc-radar-view-r2{
  --dc-radar-purple:var(--dc12-moss)!important;
  --dc-radar-accent:var(--dc12-moss)!important;
}

.dc-radar-ring-r2,
.dc-radar-axis-r2{
  border-color:rgba(131,181,71,.30)!important;
}

.dc-radar-pulse-r2,
.dc-radar-self-r2{
  border-color:var(--dc12-moss)!important;
  box-shadow:0 0 16px rgba(131,181,71,.38)!important;
}

/* Existing map controls */
#dcR5Layers,
#dcR5Recenter,
#dcTrailHudR5 a[href="/direct-connect/capture.html"],
#dcTrailHudR5 .dc-r5-share,
#dcR7FHazardReport{
  border-color:var(--dc12-line-strong)!important;
  background:rgba(8,13,7,.96)!important;
}

/* Hazard remains gold/black, SOS separately remains red */
#dcR7FHazardReport,
.dc-r7f-hazard-card,
.dc-r7f-hazard-grid button{
  border-color:var(--dc12-line-gold)!important;
  background:rgba(9,14,8,.97)!important;
}

.dc-r7f-hazard-marker{
  background:var(--dc12-panel-2)!important;
  box-shadow:
    0 0 0 3px rgba(215,177,91,.34),
    0 4px 12px rgba(0,0,0,.50)!important;
}

/* Trail card */
#dcTrailHudR5 .dc-r5-trail-card{
  border-color:var(--dc12-line-strong)!important;
  background:rgba(7,12,6,.97)!important;
}

#dcTrailHudR5 .dc-r5-trail-kicker{
  color:var(--dc12-gold-bright)!important;
}

#dcTrailHudR5 .dc-r5-elev,
#dcTrailHudR5 .dc-r5-elev-bars i{
  color:var(--dc12-moss-bright)!important;
  background:var(--dc12-moss)!important;
}

/* PTT and bottom row — only color, ownership and geometry untouched */
#dcR10BPttHost > #dcR5Radio,
#dcR10BActionRow > #dcR5StartTrail,
#dcR10BActionRow > #dcR5Backtrack,
#dcR10BActionRow > #dcR5Mark{
  border-color:var(--dc12-line-strong)!important;
  background:
    linear-gradient(
      180deg,
      rgba(14,22,11,.97),
      rgba(7,12,6,.99)
    )!important;

  box-shadow:
    0 7px 18px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.025)!important;
}

#dcR10BPttHost > #dcR5Radio,
#dcR10BActionRow > #dcR5StartTrail{
  color:var(--dc12-gold-bright)!important;
}

/* City/state */
#dcR7C3CityState,
.dc-r7c3-city-state{
  color:var(--dc12-moss-bright)!important;
  text-shadow:
    0 2px 5px rgba(0,0,0,.98),
    0 0 7px rgba(95,143,57,.28)!important;
}

/* Compass */
#vwVelvetCompassR9D{
  border-color:rgba(131,181,71,.62)!important;
  box-shadow:
    0 0 0 2px rgba(95,143,57,.20),
    0 0 18px rgba(95,143,57,.32),
    inset 0 1px 0 rgba(255,255,255,.12)!important;
}

/* Weather */
#vwWeatherChip{
  border-color:rgba(131,181,71,.34)!important;
  background:rgba(8,13,7,.92)!important;
  color:#fff!important;
}

/* SOS MUST stay red */
#dcR5Hazard{
  border-color:rgba(231,62,84,.72)!important;
  background:rgba(108,13,28,.94)!important;
  color:#fff!important;
}

/* ==========================================================
   HARD-CODED LEGACY PURPLE UTILITY FALLBACKS
   ========================================================== */

.purple,
.violet,
.magenta,
.accent-purple,
.text-purple,
.text-violet{
  color:var(--dc12-moss)!important;
}

/* Do not let purple box-shadows survive on common DC controls */
.dc-menu,
.dc-peer-ring-r1,
.dc-session-action,
.dc-control,
.dc-home-quick-link-r2,
.dc-home-map-frame-r2,
.dc-action-tile-r1,
.dc-invite-app,
.dc-talk-dock-r1,
.dc-ptt,
#dcTrailHudR5 button,
#dcTrailHudR5 a{
  --purple:var(--dc12-moss)!important;
  --purple2:var(--dc12-forest)!important;
}

/* SOURCE_END dc-forest-gold-theme-lock-r12.css */

/* SOURCE_BEGIN dc-hard-no-purple-r13.css */
/*
 DIRECT_CONNECT_R13_HARD_NO_PURPLE_THEME_AUTHORITY_20260819

 Loaded last on Direct Connect Home + Trail Guide.
 Presentation only.
*/

:root{
  --dc13-black:#030503;
  --dc13-charcoal:#070a07;
  --dc13-panel:#0a0f09;
  --dc13-panel-2:#10170d;

  --dc13-forest-deep:#294419;
  --dc13-forest:#5f8f39;
  --dc13-moss:#83b547;
  --dc13-bright-moss:#b8df6a;
  --dc13-lime:#c7ed88;

  --dc13-gold:#d7b15b;
  --dc13-bright-gold:#f0c85d;

  --dc13-white:#f8faf5;
  --dc13-muted:rgba(248,250,245,.56);

  --dc13-line:rgba(131,181,71,.40);
  --dc13-line-strong:rgba(184,223,106,.60);
  --dc13-line-gold:rgba(215,177,91,.58);

  /*
    Kill every common legacy app token that can resurrect
    Velvet Wayz purple/blue inside Direct Connect.
  */
  --purple:var(--dc13-moss)!important;
  --purple2:var(--dc13-forest)!important;
  --purple-soft:rgba(131,181,71,.14)!important;

  --violet:var(--dc13-moss)!important;
  --magenta:var(--dc13-moss)!important;
  --cyan:var(--dc13-bright-moss)!important;
  --blue:var(--dc13-moss)!important;

  --accent:var(--dc13-moss)!important;
  --accent-purple:var(--dc13-moss)!important;
  --accent-glow:var(--dc13-bright-moss)!important;

  --dc-purple:var(--dc13-moss)!important;
  --dc-purple-bright:var(--dc13-bright-moss)!important;
  --dc-purple-dark:var(--dc13-forest-deep)!important;

  --dc-radar-purple:var(--dc13-moss)!important;
  --dc-radar-accent:var(--dc13-moss)!important;

  --vw-purple:var(--dc13-moss)!important;
  --vw-pink:var(--dc13-bright-moss)!important;
  --vw-blue:var(--dc13-moss)!important;

  --gold:var(--dc13-gold)!important;
  --green:var(--dc13-moss)!important;
}

/* Home/menu */
.dc-menu,
.dc-premium-menu-r1,
button[aria-label*="menu" i]{
  border-color:var(--dc13-line-strong)!important;
  color:var(--dc13-white)!important;
  background:rgba(6,10,5,.97)!important;
  box-shadow:
    0 8px 22px rgba(0,0,0,.34),
    0 0 12px rgba(95,143,57,.10)!important;
}

/* READY */
.dc-state-dot,
.ready-dot,
.status-dot{
  background:var(--dc13-moss)!important;
  border-color:var(--dc13-moss)!important;
  box-shadow:
    0 0 0 4px rgba(131,181,71,.12),
    0 0 14px rgba(131,181,71,.46)!important;
}

/* Home giant radio: eliminate purple center, rings, glyph */
.dc-peer-ring-r1,
.dc-radio-orb,
.dc-peer-orb-r1,
.dc-floor,
.dc-floor-ring,
.dc-main-radio-r1{
  border-color:var(--dc13-line-gold)!important;

  background:
    radial-gradient(
      circle at 50% 42%,
      rgba(80,111,48,.72) 0%,
      rgba(37,57,25,.90) 38%,
      rgba(10,16,8,.98) 68%
    )!important;

  box-shadow:
    0 0 0 2px rgba(95,143,57,.20),
    0 0 28px rgba(95,143,57,.30),
    inset 0 0 26px rgba(184,223,106,.08)!important;
}

.dc-peer-ring-r1::before,
.dc-peer-ring-r1::after,
.dc-radio-orb::before,
.dc-radio-orb::after{
  border-color:rgba(184,223,106,.58)!important;
  background:transparent!important;
  box-shadow:
    0 0 12px rgba(95,143,57,.18)!important;
}

.dc-peer-placeholder-r1,
.dc-peer-ring-r1 svg,
.dc-radio-orb svg,
.dc-main-radio-r1 svg,
.dc-floor svg{
  color:var(--dc13-bright-gold)!important;
  fill:none!important;
  stroke:var(--dc13-bright-gold)!important;
}

/* Secure / encrypted */
.dc-secure,
.dc-secure *,
.secure-label,
.encrypted-label{
  color:rgba(248,250,245,.54)!important;
}

.dc-secure::before,
.secure-label::before{
  color:var(--dc13-moss)!important;
  border-color:var(--dc13-moss)!important;
  background:transparent!important;
}

/* Home section bullets/headings */
.dc-home-map-head-r2,
.dc-home-section-label-r2,
.dc-section-kicker,
.section-kicker{
  color:var(--dc13-moss)!important;
}

.dc-home-map-head-r2::before,
.dc-home-section-label-r2::before,
.dc-section-kicker::before,
.section-kicker::before{
  color:var(--dc13-moss)!important;
  background:var(--dc13-moss)!important;
  border-color:var(--dc13-moss)!important;
}

/* Home live map frame */
.dc-home-map-window-r2,
.dc-home-map-frame-r2,
.dc-map-frame,
.map-preview{
  border-color:var(--dc13-line-strong)!important;
  box-shadow:
    0 0 0 1px rgba(95,143,57,.08),
    0 8px 24px rgba(0,0,0,.34)!important;
}

/* Home action cards: no purple, no blue icons */
.dc-session-action,
.dc-control,
.dc-home-quick-link-r2,
.dc-action-tile-r1,
.dc-promo-grid > *,
.dc-promo a{
  border-color:var(--dc13-line)!important;

  background:
    linear-gradient(
      180deg,
      rgba(12,18,10,.97),
      rgba(6,10,5,.99)
    )!important;

  box-shadow:
    0 8px 20px rgba(0,0,0,.27),
    inset 0 1px 0 rgba(255,255,255,.025)!important;
}

.dc-session-action{
  border-color:var(--dc13-line-gold)!important;
}

.dc-home-people-r2,
.dc-home-profile-r2,
.dc-action-icon-r1,
.dc-home-quick-link-r2 .icon,
.dc-session-action svg,
.dc-control svg,
.dc-action-tile-r1 svg{
  color:var(--dc13-moss)!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}

.dc-session-action:first-child,
.dc-session-action:first-child svg,
.dc-session-hand{
  color:var(--dc13-bright-gold)!important;
}

/* Bottom Tap To Invite — hard overwrite every violet layer */
.dc-talk-dock-r1,
.dc-ptt,
.dc-bottom-invite,
.tap-to-invite,
.dc-invite-cta-r1{
  border-color:var(--dc13-line-strong)!important;

  background:
    linear-gradient(
      110deg,
      rgba(49,77,29,.80) 0%,
      rgba(13,20,10,.99) 36%,
      rgba(5,8,5,.995) 100%
    )!important;

  box-shadow:
    0 0 24px rgba(95,143,57,.18),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.dc-floor,
.dc-talk-floor-r1,
.dc-floor-button-r1{
  border-color:var(--dc13-line-strong)!important;

  background:
    radial-gradient(
      circle at 48% 42%,
      rgba(131,181,71,.55),
      rgba(51,79,31,.92) 64%,
      rgba(8,13,7,.99)
    )!important;

  box-shadow:
    0 0 18px rgba(95,143,57,.28),
    inset 0 0 22px rgba(184,223,106,.09)!important;
}

.dc-viz,
.dc-talk-icon-r1,
.dc-wave,
.waveform,
.audio-wave{
  color:var(--dc13-moss)!important;
  fill:var(--dc13-moss)!important;
  stroke:var(--dc13-moss)!important;
}

/* Trail Guide controls */
#dcTrailHudR5 .dc-r5-mode,
.dc-trail-modebar{
  border-color:var(--dc13-line-strong)!important;
  background:rgba(7,11,6,.98)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.30)!important;
}

#dcTrailHudR5 .dc-r5-mode button,
.dc-trail-modebar button,
.dc-mode{
  border-color:rgba(131,181,71,.20)!important;
  color:#fff!important;
  background:rgba(8,13,7,.98)!important;
}

#dcTrailHudR5 .dc-r5-mode button.on,
#dcTrailHudR5 .dc-r5-mode button[aria-pressed="true"],
.dc-trail-modebar button.on,
.dc-trail-modebar button[aria-pressed="true"],
.dc-mode.on,
.dc-mode[aria-pressed="true"]{
  color:var(--dc13-bright-gold)!important;
  border-color:var(--dc13-line-gold)!important;

  background:
    linear-gradient(
      135deg,
      rgba(78,109,46,.92),
      rgba(24,37,17,.98)
    )!important;

  box-shadow:
    inset 0 -2px 0 var(--dc13-bright-gold)!important;
}

/* Current location */
.dc-trail-user-marker,
.maplibregl-user-location-dot{
  background:var(--dc13-moss)!important;
  border-color:#fff!important;

  box-shadow:
    0 0 0 7px rgba(131,181,71,.19),
    0 0 18px rgba(131,181,71,.64)!important;
}

.maplibregl-user-location-dot::before{
  background:rgba(131,181,71,.32)!important;
}

.maplibregl-user-location-accuracy-circle{
  background:rgba(131,181,71,.10)!important;
}

/* Map control tiles */
#dcR5Radar,
#dcRadarToggleR2,
#dcR5Layers,
#dcR5Recenter,
#dcTrailHudR5 a[href="/direct-connect/capture.html"],
#dcTrailHudR5 .dc-r5-share,
#dcR7FHazardReport,
#dcTrailHudR5 .dc-r5-trail-card,
#dcR10BPttHost > #dcR5Radio,
#dcR10BActionRow > #dcR5StartTrail,
#dcR10BActionRow > #dcR5Backtrack,
#dcR10BActionRow > #dcR5Mark{
  border-color:var(--dc13-line-strong)!important;

  background:
    linear-gradient(
      180deg,
      rgba(13,20,10,.98),
      rgba(7,12,6,.995)
    )!important;

  box-shadow:
    0 7px 18px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.025)!important;
}

/* Trail info / yellow actions */
#dcR7FHazardReport,
#dcR10BPttHost > #dcR5Radio,
#dcR10BActionRow > #dcR5StartTrail,
#dcTrailHudR5 .dc-r5-trail-kicker{
  color:var(--dc13-bright-gold)!important;
}

#dcTrailHudR5 .dc-r5-elev{
  color:var(--dc13-bright-moss)!important;
}

#dcTrailHudR5 .dc-r5-elev-bars i{
  background:var(--dc13-moss)!important;
}

/* Right city/state */
#dcR7C3CityState,
.dc-r7c3-city-state{
  color:var(--dc13-bright-moss)!important;

  text-shadow:
    0 2px 5px rgba(0,0,0,.98),
    0 0 7px rgba(95,143,57,.28)!important;
}

/* Compass/weather */
#vwVelvetCompassR9D{
  border-color:rgba(131,181,71,.66)!important;

  box-shadow:
    0 0 0 2px rgba(95,143,57,.22),
    0 0 18px rgba(95,143,57,.34),
    inset 0 1px 0 rgba(255,255,255,.12)!important;
}

#vwWeatherChip{
  border-color:rgba(131,181,71,.36)!important;
  background:rgba(8,13,7,.94)!important;
  color:#fff!important;
}

/* SOS remains red */
#dcR5Hazard,
#dcR5Hazard *,
.dc-sos,
.dc-sos *{
  --purple:unset!important;
}

#dcR5Hazard{
  border-color:rgba(231,62,84,.74)!important;
  background:rgba(108,13,28,.95)!important;
  color:#fff!important;
}

/*
 Generic legacy class names. These are presentation-only utility
 classes and are intentionally remapped inside Direct Connect.
*/
.purple,
.violet,
.magenta,
.cyan,
.blue,
.accent-purple,
.text-purple,
.text-violet,
.text-blue,
.text-cyan{
  color:var(--dc13-moss)!important;
}

.bg-purple,
.bg-violet,
.bg-magenta,
.bg-blue,
.bg-cyan{
  background:var(--dc13-forest-deep)!important;
}

.border-purple,
.border-violet,
.border-magenta,
.border-blue,
.border-cyan{
  border-color:var(--dc13-line-strong)!important;
}

/* Pseudo classes dynamically assigned by R13 runtime */
.dc-r13-before-moss::before,
.dc-r13-after-moss::after{
  color:var(--dc13-moss)!important;
  border-color:var(--dc13-moss)!important;
  background-color:var(--dc13-moss)!important;
  box-shadow:none!important;
}

.dc-r13-before-gold::before,
.dc-r13-after-gold::after{
  color:var(--dc13-bright-gold)!important;
  border-color:var(--dc13-line-gold)!important;
  background-color:var(--dc13-gold)!important;
  box-shadow:none!important;
}

/* SOURCE_END dc-hard-no-purple-r13.css */

/* SOURCE_BEGIN dc-r15-trail-id-entry-ptt-color-tune.css */
/* DIRECT_CONNECT_R15_TRAIL_ID_AND_ENTRY_PTT_COLOR_TUNE_20260819 */
:root{
  --dc15-forest-deep:#0b1309;
  --dc15-forest:#182b12;
  --dc15-forest-mid:#29431d;
  --dc15-moss:#6f9f3f;
  --dc15-moss-soft:#8fbd59;
  --dc15-mint:#a9d876;
  --dc15-gold:#d7b15b;
  --dc15-gold-bright:#efc764;
  --dc15-white:#f7f8f3;
  --dc15-muted:rgba(247,248,243,.62);
  --dc15-line:rgba(143,189,89,.48);
  --dc15-line-gold:rgba(215,177,91,.62);
}

/* ==========================================================
   MAP: Trail ID card returns to a blended forest/mint tile
   ========================================================== */
#dcTrailHudR5 .dc-r5-trail-card{
  background:
    radial-gradient(
      140% 110% at 18% 15%,
      rgba(111,159,63,.22) 0%,
      rgba(41,67,29,.18) 32%,
      rgba(11,19,9,0) 58%
    ),
    linear-gradient(
      135deg,
      rgba(19,33,14,.985) 0%,
      rgba(12,22,10,.995) 52%,
      rgba(8,14,7,.998) 100%
    )!important;

  border:2px solid var(--dc15-line)!important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(169,216,118,.05),
    0 0 14px rgba(111,159,63,.10)!important;
}

#dcTrailHudR5 .dc-r5-trail-kicker{
  color:var(--dc15-gold-bright)!important;
}

#dcTrailHudR5 .dc-r5-trail-title,
#dcTrailHudR5 .dc-r5-trail-card .title,
#dcTrailHudR5 .dc-r5-trail-card strong{
  color:var(--dc15-white)!important;
}

#dcTrailHudR5 .dc-r5-trail-card .sub,
#dcTrailHudR5 .dc-r5-trail-card .muted,
#dcTrailHudR5 .dc-r5-trail-card small{
  color:var(--dc15-muted)!important;
}

#dcTrailHudR5 .dc-r5-elev,
#dcTrailHudR5 .dc-r5-elev-value{
  color:var(--dc15-mint)!important;
}

#dcTrailHudR5 .dc-r5-elev-bars i{
  background:
    linear-gradient(
      180deg,
      var(--dc15-mint),
      var(--dc15-moss)
    )!important;
  box-shadow:0 0 7px rgba(143,189,89,.18)!important;
}

/* ==========================================================
   HOME: Entry-page Tap to Invite / PTT
   Forest base + moss active treatment + gold CTA
   ========================================================== */
.dc-talk-dock-r1,
.dc-ptt,
.dc-bottom-invite,
.tap-to-invite,
.dc-invite-cta-r1{
  background:
    radial-gradient(
      95% 170% at 12% 50%,
      rgba(111,159,63,.20) 0%,
      rgba(24,43,18,.13) 34%,
      rgba(11,19,9,0) 62%
    ),
    linear-gradient(
      100deg,
      rgba(17,31,13,.995) 0%,
      rgba(9,16,8,.998) 48%,
      rgba(12,21,10,.998) 100%
    )!important;

  border:2px solid var(--dc15-line)!important;
  box-shadow:
    0 10px 26px rgba(0,0,0,.34),
    0 0 16px rgba(111,159,63,.10),
    inset 0 1px 0 rgba(169,216,118,.04)!important;
}

/* left PTT/orb gets the moss emphasis, but remains dark */
.dc-floor,
.dc-talk-floor-r1,
.dc-floor-button-r1{
  background:
    radial-gradient(
      circle at 48% 45%,
      rgba(143,189,89,.34) 0%,
      rgba(61,92,37,.54) 36%,
      rgba(20,36,15,.96) 70%,
      rgba(10,17,8,.995) 100%
    )!important;

  border:2px solid rgba(143,189,89,.62)!important;
  box-shadow:
    inset 0 0 18px rgba(169,216,118,.08),
    0 0 16px rgba(111,159,63,.18)!important;
}

.dc-floor::before,
.dc-floor-button-r1::before{
  background:transparent!important;
  border-color:rgba(215,177,91,.34)!important;
}

.dc-talk-dock-r1 .headline,
.dc-ptt .headline,
.dc-bottom-invite .headline,
.tap-to-invite .headline,
.dc-invite-cta-r1 .headline,
.dc-talk-dock-r1 .title,
.dc-ptt .title,
.dc-bottom-invite .title,
.tap-to-invite .title,
.dc-invite-cta-r1 .title{
  color:var(--dc15-white)!important;
}

.dc-talk-dock-r1 .sub,
.dc-ptt .sub,
.dc-bottom-invite .sub,
.tap-to-invite .sub,
.dc-invite-cta-r1 .sub,
.dc-talk-dock-r1 .invite,
.dc-ptt .invite,
.dc-bottom-invite .invite,
.tap-to-invite .invite,
.dc-invite-cta-r1 .invite{
  color:var(--dc15-gold-bright)!important;
}

.dc-viz,
.dc-talk-icon-r1,
.dc-wave,
.waveform,
.audio-wave,
.dc-bottom-invite svg:last-child,
.tap-to-invite svg:last-child{
  color:var(--dc15-moss-soft)!important;
  fill:var(--dc15-moss-soft)!important;
  stroke:var(--dc15-moss-soft)!important;
}

.dc-floor svg,
.dc-floor-button-r1 svg,
.dc-talk-dock-r1 svg:first-child,
.dc-ptt svg:first-child{
  color:var(--dc15-gold)!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}

/* SOURCE_END dc-r15-trail-id-entry-ptt-color-tune.css */

/* SOURCE_BEGIN dc-lower-three-zone-layout-r17a.css */
/*
 DIRECT_CONNECT_R17A_LOWER_THREE_ZONE_PREMIUM_LAYOUT_CORRECTED_20260819
 Approved lower Trail Guide composition:
 Trail ID | Share/Capture/Hazard | PTT
 with Start/Backtrack/Mark underneath.
*/

:root{
  --dc17a-black:#050705;
  --dc17a-charcoal:#090d08;
  --dc17a-forest:#111b0e;
  --dc17a-forest-mid:#1d2e16;

  --dc17a-moss:#739d45;
  --dc17a-moss-bright:#a1c863;

  --dc17a-gold:#d6aa4f;
  --dc17a-gold-bright:#f0c55b;

  --dc17a-white:#f8f9f4;
  --dc17a-muted:rgba(248,249,244,.58);

  --dc17a-line:rgba(115,157,69,.58);
  --dc17a-gold-line:rgba(214,170,79,.66);
}

/*
 One premium lower row above Start / Backtrack / Mark.
*/
#dcR17ALowerCluster{
  position:fixed!important;

  left:max(10px, env(safe-area-inset-left, 0px))!important;
  right:max(10px, env(safe-area-inset-right, 0px))!important;

  bottom:calc(env(safe-area-inset-bottom, 0px) + 70px)!important;

  height:128px!important;
  min-height:128px!important;
  max-height:128px!important;

  display:grid!important;

  grid-template-columns:
    minmax(0, 1.20fr)
    minmax(56px, .48fr)
    minmax(0, .94fr)!important;

  gap:8px!important;

  margin:0!important;
  padding:0!important;

  box-sizing:border-box!important;

  z-index:2147482995!important;

  transform:none!important;
  translate:none!important;

  overflow:visible!important;
  pointer-events:none!important;
}

#dcR17ATrailZone,
#dcR17AActionZone,
#dcR17APttZone{
  position:relative!important;
  inset:auto!important;

  width:auto!important;
  min-width:0!important;

  height:128px!important;
  min-height:128px!important;
  max-height:128px!important;

  margin:0!important;
  padding:0!important;

  transform:none!important;
  translate:none!important;

  overflow:visible!important;
  pointer-events:auto!important;
}

/* Center action column */
#dcR17AActionZone{
  display:grid!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
}

/* =========================
   LEFT — TRAIL ID
   ========================= */

#dcR17ATrailZone > .dc-r5-trail-card{
  position:relative!important;
  inset:auto!important;

  width:100%!important;
  height:128px!important;
  min-height:128px!important;
  max-height:128px!important;

  margin:0!important;
  padding:10px 11px 9px!important;

  box-sizing:border-box!important;

  display:flex!important;
  flex-direction:column!important;

  transform:none!important;
  translate:none!important;

  border:1.5px solid var(--dc17a-line)!important;
  border-radius:15px!important;

  background:
    radial-gradient(
      115% 85% at 100% 100%,
      rgba(161,200,99,.13) 0%,
      rgba(115,157,69,.06) 35%,
      transparent 67%
    ),
    linear-gradient(
      145deg,
      rgba(20,32,15,.99) 0%,
      rgba(11,18,9,.995) 58%,
      rgba(7,11,6,.998) 100%
    )!important;

  box-shadow:
    0 9px 22px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.035)!important;

  overflow:hidden!important;
  pointer-events:auto!important;
}

#dcR17ATrailZone .dc-r5-trail-kicker{
  color:var(--dc17a-gold-bright)!important;
}

#dcR17ATrailZone .dc-r5-trail-name{
  color:var(--dc17a-white)!important;
}

#dcR17ATrailZone .dc-r5-trail-place{
  color:var(--dc17a-muted)!important;
}

#dcR17ATrailZone .dc-r5-elev{
  color:var(--dc17a-moss-bright)!important;
}

#dcR17ATrailZone .dc-r5-elev-bars i{
  background:
    linear-gradient(
      180deg,
      var(--dc17a-moss-bright),
      var(--dc17a-moss)
    )!important;
}

#dcR17ATrailZone .dc-r5-trail-info-btn{
  display:none!important;
}

/* =========================
   CENTER — QUICK ACTIONS
   ========================= */

#dcR17AActionZone > .dc-r5-share,
#dcR17AActionZone > a[href="/direct-connect/capture.html"],
#dcR17AActionZone > #dcR7FHazardReport{
  position:relative!important;
  inset:auto!important;

  width:100%!important;
  height:100%!important;

  min-width:0!important;
  min-height:0!important;

  max-width:none!important;
  max-height:none!important;

  margin:0!important;
  padding:3px 2px!important;

  box-sizing:border-box!important;

  display:flex!important;
  flex-direction:column!important;

  align-items:center!important;
  justify-content:center!important;

  gap:1px!important;

  transform:none!important;
  translate:none!important;

  border:1.4px solid var(--dc17a-line)!important;
  border-radius:12px!important;

  background:
    linear-gradient(
      180deg,
      rgba(17,27,14,.99),
      rgba(8,13,7,.998)
    )!important;

  box-shadow:
    0 6px 15px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.035)!important;

  color:var(--dc17a-white)!important;

  overflow:visible!important;
  pointer-events:auto!important;
}

#dcR17AActionZone > #dcR7FHazardReport{
  border-color:var(--dc17a-gold-line)!important;
}

#dcR17AActionZone svg{
  width:19px!important;
  height:19px!important;

  color:var(--dc17a-white)!important;

  fill:none!important;
  stroke:currentColor!important;
}

#dcR17AActionZone .dc-r7b-emoji{
  font-size:17px!important;
  line-height:1!important;
}

#dcR17AActionZone small{
  margin:0!important;

  font-size:6.8px!important;
  line-height:1!important;

  letter-spacing:.02em!important;

  color:var(--dc17a-white)!important;
}

#dcR17AActionZone > #dcR7FHazardReport svg{
  color:var(--dc17a-gold-bright)!important;
}

#dcR17AActionZone .dc-r5-share-badge{
  top:-4px!important;
  right:-4px!important;

  background:var(--dc17a-moss-bright)!important;
  color:var(--dc17a-black)!important;

  border:1px solid rgba(255,255,255,.50)!important;
}

/* =========================
   RIGHT — DIRECT CONNECT PTT
   ========================= */

#dcR17APttZone > #dcR5Radio{
  position:relative!important;
  inset:auto!important;

  width:100%!important;

  height:128px!important;
  min-height:128px!important;
  max-height:128px!important;

  margin:0!important;
  padding:12px 8px!important;

  box-sizing:border-box!important;

  display:flex!important;
  flex-direction:column!important;

  align-items:center!important;
  justify-content:center!important;

  gap:7px!important;

  transform:none!important;
  translate:none!important;

  border:1.5px solid var(--dc17a-gold-line)!important;
  border-radius:17px!important;

  background:
    radial-gradient(
      85% 65% at 50% 29%,
      rgba(115,157,69,.17) 0%,
      rgba(29,46,22,.15) 43%,
      transparent 70%
    ),
    linear-gradient(
      155deg,
      rgba(20,32,15,.995),
      rgba(8,13,7,.999)
    )!important;

  box-shadow:
    0 9px 22px rgba(0,0,0,.35),
    0 0 13px rgba(214,170,79,.07),
    inset 0 1px 0 rgba(255,255,255,.04)!important;

  color:var(--dc17a-gold-bright)!important;

  font-size:8.5px!important;
  line-height:1.08!important;

  font-weight:900!important;
  letter-spacing:.055em!important;

  text-align:center!important;
  white-space:normal!important;

  overflow:hidden!important;
  pointer-events:auto!important;
}

#dcR17APttZone > #dcR5Radio .dc-r5-tool-icon{
  width:45px!important;
  height:45px!important;

  display:grid!important;
  place-items:center!important;

  margin:0!important;

  border:1.5px solid var(--dc17a-gold-line)!important;
  border-radius:999px!important;

  background:
    radial-gradient(
      circle at 50% 45%,
      rgba(161,200,99,.27),
      rgba(45,68,28,.28) 45%,
      rgba(10,16,8,.98) 78%
    )!important;

  box-shadow:
    0 0 0 5px rgba(115,157,69,.08),
    0 0 13px rgba(115,157,69,.14),
    inset 0 1px 0 rgba(255,255,255,.05)!important;

  color:var(--dc17a-gold-bright)!important;

  font-size:22px!important;
  line-height:1!important;
}

/*
 R10B's old full-width PTT host is no longer the visual owner.
*/
#dcR10BPttHost{
  display:none!important;
  visibility:hidden!important;

  width:0!important;
  height:0!important;
  min-height:0!important;

  overflow:hidden!important;
  pointer-events:none!important;
}

/* The proven three-button owner remains below. */
#dcR10BActionRow{
  z-index:2147483000!important;
}

/* Radar owns the screen when open. */
html.dc-radar-active-r2 #dcR17ALowerCluster{
  display:none!important;
}

@media(max-width:350px){
  #dcR17ALowerCluster{
    left:7px!important;
    right:7px!important;

    grid-template-columns:
      minmax(0,1.16fr)
      minmax(48px,.46fr)
      minmax(0,.91fr)!important;

    gap:5px!important;
  }

  #dcR17ATrailZone > .dc-r5-trail-card{
    padding-left:8px!important;
    padding-right:8px!important;
  }

  #dcR17APttZone > #dcR5Radio{
    padding-left:5px!important;
    padding-right:5px!important;

    font-size:7.5px!important;
  }
}

/* SOURCE_END dc-lower-three-zone-layout-r17a.css */

/* SOURCE_BEGIN dc-three-zone-final-polish-r17b.css */
/*
 DIRECT_CONNECT_R17B_THREE_ZONE_FINAL_POLISH_20260819

 R17A already owns the structure.
 R17B polishes the center action column and the right PTT control.
*/

:root{
  --dc17b-black:#050705;
  --dc17b-charcoal:#090d08;

  --dc17b-forest:#101a0d;
  --dc17b-forest-mid:#1b2c15;
  --dc17b-forest-light:#293f1d;

  --dc17b-moss:#739d45;
  --dc17b-moss-bright:#a2ca64;

  --dc17b-gold:#d6aa4f;
  --dc17b-gold-bright:#f0c55b;

  --dc17b-white:#f8f9f4;
  --dc17b-muted:rgba(248,249,244,.60);

  --dc17b-line:rgba(115,157,69,.56);
  --dc17b-gold-line:rgba(214,170,79,.68);
}

/*
 Balance the lower composition:
 left and right are peers, center stays narrow.
*/
#dcR17ALowerCluster{
  grid-template-columns:
    minmax(0,1.06fr)
    minmax(54px,.44fr)
    minmax(0,1.06fr)!important;

  gap:8px!important;
}

/* =========================
   CENTER COLUMN — HARD LOCK
   ========================= */

#dcR17AActionZone{
  display:grid!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
  overflow:visible!important;
}

#dcR17AActionZone > .dc-r5-share,
#dcR17AActionZone > a[href="/direct-connect/capture.html"],
#dcR17AActionZone > #dcR7FHazardReport{
  position:relative!important;

  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;

  inset:auto!important;

  width:100%!important;
  height:100%!important;

  min-width:0!important;
  min-height:0!important;

  max-width:none!important;
  max-height:none!important;

  margin:0!important;
  padding:2px!important;

  transform:none!important;
  translate:none!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;

  gap:1px!important;

  box-sizing:border-box!important;

  z-index:auto!important;

  border-radius:12px!important;

  background:
    linear-gradient(
      180deg,
      rgba(17,27,14,.995),
      rgba(8,13,7,.999)
    )!important;

  box-shadow:
    0 5px 13px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.035)!important;

  visibility:visible!important;
  opacity:1!important;

  pointer-events:auto!important;
}

#dcR17AActionZone > .dc-r5-share,
#dcR17AActionZone > a[href="/direct-connect/capture.html"]{
  border:1.35px solid var(--dc17b-line)!important;
}

#dcR17AActionZone > #dcR7FHazardReport{
  border:1.35px solid var(--dc17b-gold-line)!important;
}

#dcR17AActionZone svg{
  width:18px!important;
  height:18px!important;
}

#dcR17AActionZone small{
  font-size:6.6px!important;
  line-height:1!important;
  font-weight:850!important;
}

/* =========================
   RIGHT — PREMIUM PTT
   ========================= */

#dcR17APttZone{
  overflow:visible!important;
}

/*
 Keep the EXISTING button as the true interactive target.
*/
#dcR17APttZone > #dcR5Radio{
  position:relative!important;

  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;

  inset:auto!important;

  width:100%!important;
  height:128px!important;

  min-width:0!important;
  min-height:128px!important;

  max-width:none!important;
  max-height:128px!important;

  margin:0!important;
  padding:0!important;

  transform:none!important;
  translate:none!important;

  display:block!important;

  box-sizing:border-box!important;

  overflow:hidden!important;

  border:1.5px solid var(--dc17b-gold-line)!important;
  border-radius:17px!important;

  background:
    radial-gradient(
      90% 80% at 50% 25%,
      rgba(115,157,69,.18) 0%,
      rgba(41,63,29,.13) 42%,
      transparent 69%
    ),
    linear-gradient(
      155deg,
      rgba(18,29,14,.998),
      rgba(7,12,6,.999)
    )!important;

  box-shadow:
    0 9px 22px rgba(0,0,0,.37),
    0 0 0 1px rgba(115,157,69,.06),
    inset 0 1px 0 rgba(255,255,255,.045)!important;

  cursor:pointer!important;

  visibility:visible!important;
  opacity:1!important;

  pointer-events:auto!important;
}

/*
 Remove the OLD horizontal radio visuals from layout without removing
 the actual button or its listeners.
*/
#dcR17APttZone > #dcR5Radio > :not(.dc-r17b-ptt-visual){
  position:absolute!important;

  width:1px!important;
  height:1px!important;

  margin:-1px!important;
  padding:0!important;

  overflow:hidden!important;

  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;

  white-space:nowrap!important;

  opacity:0!important;

  pointer-events:none!important;
}

/*
 New premium visual sits INSIDE the existing functional button.
*/
#dcR17APttZone > #dcR5Radio > .dc-r17b-ptt-visual{
  position:absolute!important;
  inset:0!important;

  display:flex!important;
  flex-direction:column!important;

  align-items:center!important;
  justify-content:center!important;

  gap:6px!important;

  padding:9px 8px!important;

  box-sizing:border-box!important;

  color:var(--dc17b-white)!important;

  pointer-events:none!important;
}

.dc-r17b-ptt-core{
  position:relative!important;

  width:54px!important;
  height:54px!important;

  flex:0 0 54px!important;

  display:grid!important;
  place-items:center!important;

  border:1.6px solid var(--dc17b-gold-line)!important;
  border-radius:999px!important;

  background:
    radial-gradient(
      circle at 50% 44%,
      rgba(162,202,100,.31) 0%,
      rgba(67,97,39,.28) 39%,
      rgba(16,26,13,.98) 72%
    )!important;

  box-shadow:
    0 0 0 6px rgba(115,157,69,.075),
    0 0 15px rgba(115,157,69,.14),
    inset 0 1px 0 rgba(255,255,255,.055)!important;
}

.dc-r17b-ptt-core::before{
  content:""!important;

  position:absolute!important;

  width:25px!important;
  height:25px!important;

  border:2px solid var(--dc17b-gold-bright)!important;
  border-radius:999px!important;

  box-shadow:
    inset 0 0 0 5px rgba(214,170,79,.05)!important;
}

.dc-r17b-wave{
  position:relative!important;

  width:27px!important;
  height:18px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  gap:2px!important;

  z-index:1!important;
}

.dc-r17b-wave i{
  display:block!important;

  width:2px!important;

  border-radius:999px!important;

  background:var(--dc17b-gold-bright)!important;

  box-shadow:
    0 0 5px rgba(214,170,79,.15)!important;
}

.dc-r17b-wave i:nth-child(1),
.dc-r17b-wave i:nth-child(5){
  height:7px!important;
}

.dc-r17b-wave i:nth-child(2),
.dc-r17b-wave i:nth-child(4){
  height:13px!important;
}

.dc-r17b-wave i:nth-child(3){
  height:18px!important;
}

.dc-r17b-ptt-title{
  color:var(--dc17b-white)!important;

  font-size:9.4px!important;
  line-height:1!important;

  font-weight:950!important;
  letter-spacing:.065em!important;

  text-align:center!important;
  white-space:nowrap!important;
}

.dc-r17b-ptt-sub{
  color:var(--dc17b-gold-bright)!important;

  font-size:7.4px!important;
  line-height:1!important;

  font-weight:900!important;
  letter-spacing:.10em!important;

  text-align:center!important;
  white-space:nowrap!important;
}

/*
 Subtle moss accent, not a flat green fill.
*/
#dcR17APttZone > #dcR5Radio::after{
  content:""!important;

  position:absolute!important;

  left:16%!important;
  right:16%!important;
  bottom:7px!important;

  height:2px!important;

  border-radius:999px!important;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--dc17b-moss),
      var(--dc17b-gold),
      var(--dc17b-moss),
      transparent
    )!important;

  opacity:.62!important;

  pointer-events:none!important;
}

/*
 Preserve Trail ID styling from R17A.
 Only rebalance width.
*/
#dcR17ATrailZone > .dc-r5-trail-card{
  width:100%!important;
}

/*
 Existing bottom three remain the bottom owner.
*/
#dcR10BActionRow{
  z-index:2147483000!important;
}

@media(max-width:350px){
  #dcR17ALowerCluster{
    grid-template-columns:
      minmax(0,1.02fr)
      minmax(48px,.43fr)
      minmax(0,1.02fr)!important;

    gap:5px!important;
  }

  .dc-r17b-ptt-core{
    width:48px!important;
    height:48px!important;

    flex-basis:48px!important;
  }

  .dc-r17b-ptt-title{
    font-size:8.2px!important;
  }

  .dc-r17b-ptt-sub{
    font-size:6.6px!important;
  }
}

/* SOURCE_END dc-three-zone-final-polish-r17b.css */

/* SOURCE_BEGIN dc-map-radar-contact-ptt-r20c.css */
/*
 DIRECT_CONNECT_R20F1A_SHARED_MAP_RADAR_LAYOUT_TOGGLE_RESTORE_20260820

 Presentation only.
 Canonical structural owner remains R17A/R17B.
 Canonical Radar state writer remains dc-radar-view-r2.js.
 Canonical PTT/session/media/floor owner remains VWDirectConnectShellSessionR1.
*/

/* ------------------------------------------------------------------
   1. ONE SHARED THREE-ZONE GEOMETRY
   Equal side cards with the action stack geometrically centered.
   ------------------------------------------------------------------ */
#dcR17ALowerCluster,
html.dc-radar-active-r2 #dcR17ALowerCluster{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)!important;
  grid-template-rows:128px!important;
  column-gap:10px!important;
  align-items:stretch!important;

  width:auto!important;
  min-width:0!important;
  max-width:none!important;

  height:128px!important;
  min-height:128px!important;
  max-height:128px!important;

  left:auto!important;
  right:auto!important;
  transform:none!important;
}

#dcR17ATrailZone,
#dcR17AActionZone,
#dcR17APttZone,
html.dc-radar-active-r2 #dcR17ATrailZone,
html.dc-radar-active-r2 #dcR17AActionZone,
html.dc-radar-active-r2 #dcR17APttZone{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:128px!important;
  min-height:128px!important;
  max-height:128px!important;
  position:relative!important;
  inset:auto!important;
}

/* Side cards are deliberately symmetrical. */
#dcR17ATrailZone > .dc-r5-trail-card,
#dcR17APttZone > #dcR5Radio{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:128px!important;
  min-height:128px!important;
  max-height:128px!important;
  margin:0!important;
}

/* ------------------------------------------------------------------
   2. TRUE CENTER ACTION STACK
   ------------------------------------------------------------------ */
#dcR17AActionZone{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  place-items:stretch!important;
  overflow:visible!important;
}

#dcR17AActionZone > .dc-r5-share,
#dcR17AActionZone > a[href="/direct-connect/capture.html"],
#dcR17AActionZone > #dcR7FHazardReport{
  box-sizing:border-box!important;
  width:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:3px 2px!important;
  justify-self:center!important;
  align-self:stretch!important;
  overflow:hidden!important;
}

#dcR17AActionZone svg{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
}

#dcR17AActionZone small{
  display:block!important;
  max-width:58px!important;
  margin:1px auto 0!important;
  font-size:6.4px!important;
  line-height:1!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}

/* ------------------------------------------------------------------
   3. PTT TILE: EVERYTHING MUST STAY INSIDE THE 128PX CARD
   ------------------------------------------------------------------ */
#dcR17APttZone{
  overflow:hidden!important;
}

#dcR17APttZone > #dcR5Radio{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

#dcR17APttZone > #dcR5Radio > .dc-r17b-ptt-visual{
  box-sizing:border-box!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;

  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  grid-template-rows:1fr!important;
  align-items:center!important;
  gap:8px!important;

  padding:12px 10px!important;
  overflow:hidden!important;
}

#dcR17APttZone .dc-r20c-avatar{
  position:relative!important;
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  max-width:50px!important;
  max-height:50px!important;
  margin:0!important;
  border-radius:50%!important;
  overflow:hidden!important;
  align-self:center!important;
  justify-self:center!important;
}

#dcR17APttZone .dc-r20c-avatar img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:50% 38%!important;
  border-radius:50%!important;
  transform:none!important;
}

#dcR17APttZone .dc-r20c-copy{
  box-sizing:border-box!important;
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0 28px 0 0!important;
  overflow:hidden!important;
  text-align:left!important;
}

#dcR17APttZone .dc-r20c-overline{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  font-size:6.1px!important;
  line-height:1.05!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#dcR17APttZone .dc-r20c-action{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  font-size:11px!important;
  line-height:1.02!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
}

#dcR17APttZone .dc-r20c-sub{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  font-size:6.6px!important;
  line-height:1.08!important;
  font-weight:800!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
}

#dcR17APttZone .dc-r20c-wave{
  position:absolute!important;
  right:9px!important;
  bottom:12px!important;
  width:18px!important;
  height:34px!important;
  max-width:18px!important;
  max-height:34px!important;
  margin:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

/* Defensive containment for every R20C descendant. */
#dcR17APttZone [class^="dc-r20c-"],
#dcR17APttZone [class*=" dc-r20c-"]{
  box-sizing:border-box!important;
}

/* ------------------------------------------------------------------
   4. RADAR MUST USE THE SAME LOWER LAYOUT
   Do not hide Trail ID. Do not hide actions. Do not shrink cluster.
   ------------------------------------------------------------------ */
html.dc-radar-active-r2 #dcR17ALowerCluster{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

html.dc-radar-active-r2 #dcR17ATrailZone,
html.dc-radar-active-r2 #dcR17AActionZone,
html.dc-radar-active-r2 #dcR17APttZone{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* ------------------------------------------------------------------
   5. CANONICAL MAP <-> RADAR TOGGLE POINTER ROUTING
   No second state writer is created. These rules only ensure the existing
   dc-radar-view-r2.js click owner remains physically tappable above Radar.
   ------------------------------------------------------------------ */
html.dc-radar-active-r2 .dc-trail-top,
html.dc-radar-active-r2 .dc-trail-nav{
  position:relative!important;
  z-index:40!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

html.dc-radar-active-r2 .dc-trail-top *,
html.dc-radar-active-r2 .dc-trail-nav *{
  pointer-events:auto!important;
}

html.dc-radar-active-r2 #dcRadarViewR2{
  z-index:2!important;
}

/* Narrow phones keep the same equal-side-card contract. */
/* R20G3: Map and Radar use the same three-row center action stack. */
html.dc-radar-active-r2 #dcR17AActionZone{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  overflow:visible!important;
}

html.dc-radar-active-r2 #dcR17AActionZone > .dc-r5-share,
html.dc-radar-active-r2 #dcR17AActionZone > a[href="/direct-connect/capture.html"],
html.dc-radar-active-r2 #dcR17AActionZone > #dcR7FHazardReport{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-self:stretch!important;
}

@media(max-width:390px){
  #dcR17ALowerCluster,
  html.dc-radar-active-r2 #dcR17ALowerCluster{
    grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr)!important;
    column-gap:7px!important;
  }

  #dcR17AActionZone > .dc-r5-share,
  #dcR17AActionZone > a[href="/direct-connect/capture.html"],
  #dcR17AActionZone > #dcR7FHazardReport{
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
  }

  #dcR17APttZone > #dcR5Radio > .dc-r17b-ptt-visual{
    grid-template-columns:46px minmax(0,1fr)!important;
    gap:6px!important;
    padding:10px 8px!important;
  }

  #dcR17APttZone .dc-r20c-avatar{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    max-width:44px!important;
    max-height:44px!important;
  }

  #dcR17APttZone .dc-r20c-copy{
    padding-right:23px!important;
  }

  #dcR17APttZone .dc-r20c-overline{
    font-size:5.6px!important;
  }

  #dcR17APttZone .dc-r20c-action{
    font-size:9.8px!important;
  }

  #dcR17APttZone .dc-r20c-sub{
    font-size:5.9px!important;
  }

  #dcR17APttZone .dc-r20c-wave{
    right:7px!important;
    width:15px!important;
    max-width:15px!important;
  }
}

/* SOURCE_END dc-map-radar-contact-ptt-r20c.css */

/* SOURCE_BEGIN dc-trail-search-r2e.css */
/* DIRECT_CONNECT_TRAIL_SEARCH_R2E_SAME_ORIGIN_CATALOG_20260821 */

#dcTrailSearchR2ETile{
  position:fixed;
  left:max(8px,env(safe-area-inset-left));
  top:min(calc(env(safe-area-inset-top) + 598px),calc(100dvh - 218px));
  width:70px;height:70px;
  z-index:2147482360;
  display:grid;place-items:center;
  grid-template-rows:1fr auto;
  padding:8px 3px 7px;
  border:1px solid rgba(242,206,97,.62);
  border-radius:17px;
  background:rgba(12,22,15,.97);
  color:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.44),0 0 16px rgba(242,206,97,.10);
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
#dcTrailSearchR2ETile .i{font-size:27px;line-height:1;color:#f2ce61}
#dcTrailSearchR2ETile .t{font-size:8px;font-weight:950;letter-spacing:.09em}

html.dc-r7c3-cockpit-ready #dcTrailSearchR2ETile{
  left:var(--dc-r7c3-left,8px);
  top:min(calc(var(--dc-r7c3-top,80px) + 518px),calc(100dvh - 218px));
}

#dcTrailSearchR2ESheet{
  position:fixed;
  z-index:2147483400;
  left:50%;
  top:max(72px,calc(env(safe-area-inset-top) + 60px));
  bottom:max(142px,calc(env(safe-area-inset-bottom) + 126px));
  width:min(470px,calc(100vw - 20px));
  transform:translateX(-50%);
  display:flex;flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(242,206,97,.40);
  border-radius:22px;
  background:rgba(7,14,9,.98);
  color:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.65);
  backdrop-filter:blur(14px);
}
#dcTrailSearchR2ESheet[hidden]{display:none!important}

.dc-r2e-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:13px 13px 9px;border-bottom:1px solid rgba(255,255,255,.08)
}
.dc-r2e-head b{display:block;color:#f2ce61;font-size:14px;letter-spacing:.07em}
.dc-r2e-head span{display:block;margin-top:3px;color:rgba(255,255,255,.55);font-size:9px}
.dc-r2e-close{
  width:38px;height:38px;border:1px solid rgba(255,255,255,.14);border-radius:12px;
  background:#151c17;color:#fff;font-size:22px
}
#dcTrailSearchR2EStatus{min-height:34px;padding:9px 13px;color:rgba(255,255,255,.69);font-size:10px;line-height:1.35}
#dcTrailSearchR2EStatus strong{color:#f2ce61}

.dc-r2e-filters{display:flex;gap:6px;overflow-x:auto;padding:2px 11px 9px;scrollbar-width:none}
.dc-r2e-filters::-webkit-scrollbar{display:none}
.dc-r2e-filters[hidden]{display:none!important}
.dc-r2e-filter{
  flex:0 0 auto;min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.13);
  border-radius:999px;background:#111914;color:rgba(255,255,255,.7);
  font-size:9px;font-weight:950;letter-spacing:.04em
}
.dc-r2e-filter[aria-pressed="true"]{border-color:rgba(242,206,97,.7);background:#302d1b;color:#ffe183}

.dc-r2e-scroll{flex:1 1 auto;min-height:0;overflow:auto;padding:0 10px 14px;overscroll-behavior:contain}
#dcTrailSearchR2EResults{display:grid;gap:8px}
.dc-r2e-empty{
  margin:14px 3px;padding:13px;border:1px dashed rgba(255,255,255,.16);
  border-radius:14px;color:rgba(255,255,255,.62);font-size:11px;line-height:1.4
}
.dc-r2e-card{
  width:100%;display:grid;grid-template-columns:1fr auto;gap:8px;
  padding:11px;border:1px solid rgba(255,255,255,.11);border-radius:15px;
  background:#101813;color:#fff;text-align:left
}
.dc-r2e-name{font-size:13px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc-r2e-meta{margin-top:4px;color:rgba(255,255,255,.54);font-size:9px;line-height:1.3}
.dc-r2e-diff{
  min-width:67px;padding:6px 8px;border-radius:999px;
  text-align:center;font-size:8px;font-weight:950;letter-spacing:.05em;align-self:start
}
.dc-r2e-diff.easy{background:#183521;color:#8de5a6}
.dc-r2e-diff.moderate{background:#3a3017;color:#f4d36d}
.dc-r2e-diff.hard{background:#401c18;color:#ff9b83}
.dc-r2e-diff.unrated{background:#222824;color:#b7c0ba}

#dcTrailSearchR2EDetail[hidden]{display:none!important}
.dc-r2e-detail-card{padding:13px;border:1px solid rgba(242,206,97,.27);border-radius:17px;background:#101813}
.dc-r2e-detail-card h2{margin:0;font-size:18px;line-height:1.2}
.dc-r2e-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}
.dc-r2e-fact{padding:8px;border-radius:11px;background:#161e18;min-width:0}
.dc-r2e-fact small{display:block;color:rgba(255,255,255,.46);font-size:7px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.dc-r2e-fact b{display:block;margin-top:4px;font-size:10px;line-height:1.25;overflow:hidden;text-overflow:ellipsis}
.dc-r2e-note{color:rgba(255,255,255,.55);font-size:9px;line-height:1.4}
.dc-r2e-estimate-note{margin:9px 2px 0;color:rgba(255,255,255,.48);font-size:8px;line-height:1.4}
.dc-r2e-about{margin-top:12px;padding-top:11px;border-top:1px solid rgba(242,206,97,.18)}
.dc-r2e-about>b{display:block;color:#f2ce61;font-size:9px;font-weight:950;letter-spacing:.12em}
.dc-r2e-about>p{margin:7px 0 0;color:rgba(255,255,255,.66);font-size:10px;line-height:1.48}
.dc-r2e-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}
.dc-r2e-action{
  min-height:44px;border:1px solid rgba(255,255,255,.14);border-radius:13px;
  background:#18201a;color:#fff;font-size:10px;font-weight:950
}
.dc-r2e-action.primary{border-color:rgba(242,206,97,.62);background:#38331d;color:#ffe183}
.dc-r2e-action.stop{border-color:rgba(255,117,94,.48);background:#351d18;color:#ffad9b}

#dcTrailAccessR2EHud{
  position:fixed;z-index:2147483320;left:50%;
  bottom:max(146px,calc(env(safe-area-inset-bottom) + 130px));
  width:min(420px,calc(100vw - 24px));transform:translateX(-50%);
  padding:10px 12px;border:1px solid rgba(242,206,97,.35);border-radius:15px;
  background:rgba(8,15,10,.97);color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.46);
  pointer-events:none
}
#dcTrailAccessR2EHud[hidden]{display:none!important}
.dc-r2e-route-top{display:flex;justify-content:space-between;color:#f2ce61;font-size:9px;font-weight:950}
.dc-r2e-route-inst{margin-top:5px;font-size:12px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc-r2e-route-sub{margin-top:4px;color:rgba(255,255,255,.54);font-size:8px}

html.dc-radar-active-r2 #dcTrailSearchR2ETile,
html.dc-radar-active-r2 #dcTrailSearchR2ESheet,
html.dc-radar-active-r2 #dcTrailAccessR2EHud,
html.dc-home-map-preview-r3r1 #dcTrailSearchR2ETile,
html.dc-home-map-preview-r3r1 #dcTrailSearchR2ESheet,
html.dc-home-map-preview-r3r1 #dcTrailAccessR2EHud{display:none!important}

@media(max-height:650px){
  #dcTrailSearchR2ETile{width:58px;height:58px;top:auto;bottom:184px}
  #dcTrailSearchR2ESheet{top:52px;bottom:116px}
}

/* DIRECT_CONNECT_R2G_TRAIL_SELECTION_STATE_REPAIR_20260821 */
#dcTrailSearchR2ESheet{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
#dcTrailSearchR2ESheet[hidden]{display:none!important}

#dcTrailSearchR2ESheet .dc-r2e-head,
#dcTrailSearchR2ESheet #dcTrailSearchR2EStatus,
#dcTrailSearchR2ESheet .dc-r2e-filters{
  flex:0 0 auto!important;
  position:relative!important;
  z-index:3!important;
}
#dcTrailSearchR2ESheet .dc-r2e-filters{
  min-height:44px!important;
  align-items:center!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:4px 11px 8px!important;
}
#dcTrailSearchR2ESheet .dc-r2e-filter,
#dcTrailSearchR2ESheet .dc-r2e-card,
#dcTrailSearchR2ESheet .dc-r2e-action,
#dcTrailSearchR2ESheet .dc-r2e-close{
  position:relative!important;
  inset:auto!important;
  float:none!important;
}
#dcTrailSearchR2ESheet .dc-r2e-scroll{
  position:relative!important;
  z-index:1!important;
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:0 10px 16px!important;
}
#dcTrailSearchR2ESheet #dcTrailSearchR2EList,
#dcTrailSearchR2ESheet #dcTrailSearchR2EDetail{
  position:relative!important;
  width:100%!important;
  min-height:0!important;
}
#dcTrailSearchR2ESheet[data-state="selecting"] .dc-r2e-filters,
#dcTrailSearchR2ESheet[data-state="detail"] .dc-r2e-filters,
#dcTrailSearchR2ESheet[data-state="routing"] .dc-r2e-filters{
  display:none!important;
}
#dcTrailSearchR2ESheet[data-state="selecting"] .dc-r2e-scroll,
#dcTrailSearchR2ESheet[data-state="detail"] .dc-r2e-scroll,
#dcTrailSearchR2ESheet[data-state="routing"] .dc-r2e-scroll{
  padding-top:8px!important;
}
.dc-r2g-loading-card{
  min-height:190px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.dc-r2g-state-kicker{
  margin-bottom:7px;
  color:#f2ce61;
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
}
.dc-r2g-progress{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:14px;
  min-height:18px;
}
.dc-r2g-progress i{
  width:8px;height:8px;border-radius:999px;
  background:#f2ce61;
  opacity:.28;
  animation:dcR2GPulse 1s infinite ease-in-out;
}
.dc-r2g-progress i:nth-child(2){animation-delay:.16s}
.dc-r2g-progress i:nth-child(3){animation-delay:.32s}
@keyframes dcR2GPulse{
  0%,100%{opacity:.22;transform:translateY(0)}
  50%{opacity:1;transform:translateY(-4px)}
}
.dc-r2g-loading-actions{grid-template-columns:1fr!important}

@media(max-width:390px){
  #dcTrailSearchR2ESheet{
    width:calc(100vw - 14px)!important;
    top:max(70px,calc(env(safe-area-inset-top) + 56px))!important;
    bottom:max(126px,calc(env(safe-area-inset-bottom) + 112px))!important;
  }
  #dcTrailSearchR2ESheet .dc-r2e-head{padding:11px 11px 8px!important}
  #dcTrailSearchR2ESheet #dcTrailSearchR2EStatus{padding:8px 11px!important}
  #dcTrailSearchR2ESheet .dc-r2e-card{padding:10px!important}
}

/* DIRECT_CONNECT_R2J_MODE_SAFE_SEARCH_20260821 */
#dcTrailSearchR2ESheet .dc-r2j-activity{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;
  padding:9px 11px 5px;flex:0 0 auto;
}
#dcTrailSearchR2ESheet .dc-r2j-activity button{
  appearance:none;border:1px solid rgba(242,206,97,.28);
  border-radius:14px;min-height:42px;background:#111b15;color:#cbd1cc;
  font:900 12px/1 system-ui,sans-serif;letter-spacing:.08em;
}
#dcTrailSearchR2ESheet .dc-r2j-activity button.on,
#dcTrailSearchR2ESheet .dc-r2j-activity button[aria-pressed="true"]{
  border-color:#f2ce61;background:rgba(242,206,97,.13);color:#f2ce61;
  box-shadow:inset 0 -2px 0 rgba(242,206,97,.58);
}
#dcTrailSearchR2ESheet[data-state="selecting"] .dc-r2j-activity,
#dcTrailSearchR2ESheet[data-state="detail"] .dc-r2j-activity,
#dcTrailSearchR2ESheet[data-state="routing"] .dc-r2j-activity{display:none!important}

/* SOURCE_END dc-trail-search-r2e.css */

/* SOURCE_BEGIN dc-camera-follow-r2g.css */
/* DIRECT_CONNECT_R2G_CANONICAL_CAMERA_FOLLOW_20260821 */
.dc-trail-user-marker{position:relative!important}

html.dc-r2g-heading-valid .dc-trail-user-marker::after{
  content:"";
  position:absolute;
  left:50%;
  top:-13px;
  width:0;height:0;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-bottom:16px solid #fff8cf;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));
  transform-origin:50% 22px;
  transform:translateX(-50%) rotate(var(--dc-r2g-arrow-rot,0deg));
  pointer-events:none;
}

#dcR5Recenter[data-camera-follow="paused"]{
  border-color:rgba(242,206,97,.86)!important;
  box-shadow:0 0 0 2px rgba(242,206,97,.12),0 8px 24px rgba(0,0,0,.28)!important;
}

/* SOURCE_END dc-camera-follow-r2g.css */

/* SOURCE_BEGIN dc-wayz-guidance-adapter-r2l.css */
/* DIRECT_CONNECT_R2L_WAYZ_GUIDANCE_AUDIO_END_ROUTE_UPPER_HUD_20260821 */

#dcTrailAccessR2EHud{display:none!important}

#vwManeuverBanner{
  position:fixed!important;
  top:max(166px,calc(env(safe-area-inset-top,0px) + 150px))!important;
  left:max(14px,env(safe-area-inset-left,0px))!important;
  right:max(14px,env(safe-area-inset-right,0px))!important;
  bottom:auto!important;
  width:auto!important;
  max-width:none!important;
  z-index:2147483340!important;
  box-sizing:border-box!important;
  display:none;
  padding:10px 92px 10px 12px!important;
  border-radius:18px!important;
  background:rgba(5,14,9,.95)!important;
  border:1px solid rgba(242,206,97,.48)!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(0,0,0,.46)!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
.dc-r2l-wayz-eyebrow{
  color:#f2ce61;font:900 8px/1.15 system-ui,sans-serif;
  letter-spacing:.10em;margin-bottom:6px;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;
}
.dc-r2l-wayz-main{display:flex;align-items:center;gap:10px;min-width:0}
#vwManeuverArrowEl{
  flex:0 0 38px;width:38px;color:#f2ce61;
  font:900 31px/1 system-ui,sans-serif;text-align:center;
}
.dc-r2l-wayz-copy{flex:1 1 auto;min-width:0}
#vwManeuverText{
  color:#fff;font:900 14px/1.18 system-ui,sans-serif;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#vwManeuverDist{
  margin-top:3px;color:#f2ce61;font:850 11px/1.1 system-ui,sans-serif;
}
#vwManeuverThen{
  display:none;align-items:center;gap:6px;margin-top:5px;
  color:rgba(255,255,255,.64);font:750 9px/1.15 system-ui,sans-serif;
  white-space:nowrap;overflow:hidden;
}
#vwBannerThenInstr{overflow:hidden;text-overflow:ellipsis}

#dcWayzEndRouteR2L{
  position:fixed;
  top:max(174px,calc(env(safe-area-inset-top,0px) + 158px));
  right:max(20px,calc(env(safe-area-inset-right,0px) + 6px));
  z-index:2147483355;min-width:76px;height:34px;border-radius:12px;
  border:1px solid rgba(255,130,142,.72);
  background:rgba(126,18,34,.94);color:#fff;
  box-shadow:0 5px 16px rgba(0,0,0,.40);
  font:900 9px/1 system-ui,sans-serif;letter-spacing:.04em;
  padding:0 9px;-webkit-tap-highlight-color:transparent;
  touch-action:manipulation;pointer-events:auto;
}
#dcWayzEndRouteR2L:active{transform:scale(.96)}
#dcWayzEndRouteR2L[hidden]{display:none!important}

html.dc-radar-active-r2 #vwManeuverBanner,
html.dc-radar-active-r2 #dcWayzEndRouteR2L,
html.dc-home-map-preview-r3r1 #vwManeuverBanner,
html.dc-home-map-preview-r3r1 #dcWayzEndRouteR2L{
  display:none!important;
}

@media (max-height:640px){
  #vwManeuverBanner{
    top:max(146px,calc(env(safe-area-inset-top,0px) + 132px))!important;
  }
  #dcWayzEndRouteR2L{
    top:max(154px,calc(env(safe-area-inset-top,0px) + 140px));
  }
}

/* SOURCE_END dc-wayz-guidance-adapter-r2l.css */

/* SOURCE_BEGIN dc-trail-audio-safety-r2m.css */
/* DIRECT_CONNECT_R2M_TRAIL_AUDIO_SAFETY_ADVISORY_20260821 */

#dcTrailAudioSafetyR2M{
  position:fixed;
  inset:0;
  z-index:2147483500;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:
    max(22px,env(safe-area-inset-top,0px))
    max(18px,env(safe-area-inset-right,0px))
    max(22px,env(safe-area-inset-bottom,0px))
    max(18px,env(safe-area-inset-left,0px));
  background:rgba(2,8,5,.62);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  box-sizing:border-box;
}

#dcTrailAudioSafetyR2M[hidden]{
  display:none!important;
}

.dc-r2m-audio-card{
  width:min(520px,100%);
  border:1px solid rgba(242,206,97,.46);
  border-radius:24px;
  padding:20px 18px 16px;
  box-sizing:border-box;
  background:
    linear-gradient(180deg,rgba(18,31,22,.985),rgba(5,15,9,.985));
  box-shadow:0 22px 50px rgba(0,0,0,.56);
  color:#fff;
}

.dc-r2m-audio-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:17px;
  margin-bottom:14px;
  background:rgba(242,206,97,.10);
  border:1px solid rgba(242,206,97,.35);
  font-size:27px;
}

.dc-r2m-audio-kicker{
  color:#f2ce61;
  font:900 10px/1.15 system-ui,sans-serif;
  letter-spacing:.11em;
  margin-bottom:7px;
}

.dc-r2m-audio-title{
  margin:0 0 9px;
  color:#fff;
  font:900 23px/1.08 system-ui,sans-serif;
}

.dc-r2m-audio-body,
.dc-r2m-audio-note{
  margin:0;
  color:rgba(255,255,255,.82);
  font:650 14px/1.48 system-ui,sans-serif;
}

.dc-r2m-audio-note{
  margin-top:10px;
  color:rgba(255,255,255,.62);
  font-size:12px;
}

#dcTrailAudioSafetyR2MAck{
  width:100%;
  min-height:48px;
  margin-top:17px;
  border-radius:16px;
  border:1px solid rgba(242,206,97,.65);
  background:rgba(242,206,97,.15);
  color:#f2ce61;
  font:900 13px/1 system-ui,sans-serif;
  letter-spacing:.07em;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}

#dcTrailAudioSafetyR2MAck:active{
  transform:scale(.985);
}

#dcTrailAudioSafetyToastR2M{
  position:fixed;
  top:max(154px,calc(env(safe-area-inset-top,0px) + 138px));
  left:50%;
  transform:translateX(-50%);
  z-index:2147483410;
  max-width:calc(100vw - 36px);
  padding:9px 13px;
  border-radius:999px;
  border:1px solid rgba(242,206,97,.38);
  background:rgba(5,15,9,.92);
  color:#f2ce61;
  box-shadow:0 6px 20px rgba(0,0,0,.35);
  font:850 11px/1.1 system-ui,sans-serif;
  white-space:nowrap;
  pointer-events:none;
}

#dcTrailAudioSafetyToastR2M[hidden]{
  display:none!important;
}

/* Never cover emergency Radar view or home-preview state. */
html.dc-radar-active-r2 #dcTrailAudioSafetyR2M,
html.dc-radar-active-r2 #dcTrailAudioSafetyToastR2M,
html.dc-home-map-preview-r3r1 #dcTrailAudioSafetyR2M,
html.dc-home-map-preview-r3r1 #dcTrailAudioSafetyToastR2M{
  display:none!important;
}

/* SOURCE_END dc-trail-audio-safety-r2m.css */

/* SOURCE_BEGIN dc-wayz-signature-layout-r2o.css */
/* DIRECT_CONNECT_R2O_WAYZ_SIGNATURE_LAYOUT_20260821
   Structural signature only. Runtime JS owns measured coordinates. */

[data-dc-r2o-secondary="true"]{will-change:transform,opacity}

/* Supersede R2L first-pass hardcoded positions until measured JS applies. */
#dcWayzEndRouteR2L{
  top:auto!important;
  right:max(12px,env(safe-area-inset-right,0px))!important;
  bottom:max(174px,calc(env(safe-area-inset-bottom,0px) + 160px))!important;
}

#vwManeuverBanner{
  top:max(300px,calc(env(safe-area-inset-top,0px) + 280px))!important;
  left:max(12px,env(safe-area-inset-left,0px))!important;
  right:max(12px,env(safe-area-inset-right,0px))!important;
  bottom:auto!important;
}

#dcTrailSearchR2ETile{z-index:2147483300!important}

html.dc-radar-active-r2 #dcTrailSearchR2ETile,
html.dc-radar-active-r2 #dcWayzEndRouteR2L,
html.dc-radar-active-r2 #vwManeuverBanner{
  display:none!important;
}

/* SOURCE_END dc-wayz-signature-layout-r2o.css */

/* SOURCE_BEGIN dc-outdoor-journey-r2s3h.css */
/* VELVET_R2S3H_DIRECT_CONNECT_UI_AUTHORITY_20260821
   UI colors are owned by the existing Direct Connect R13 token authority.
   No independent purple palette is permitted in this module.
*/
.dc-r2s3a-modal{
  position:fixed;inset:0;z-index:2147483640;display:flex;align-items:flex-end;justify-content:center;
  box-sizing:border-box;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom,0px));
  background:color-mix(in srgb,var(--dc13-black) 82%,transparent);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  color:var(--dc13-white);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
.dc-r2s3a-sheet,.dc-r2s3a-card{
  box-sizing:border-box;border:1px solid var(--dc13-line-strong);border-radius:20px;
  background:linear-gradient(145deg,var(--dc13-panel-2),var(--dc13-panel));color:var(--dc13-white);
  box-shadow:0 18px 58px var(--dc13-black)
}
.dc-r2s3a-sheet{width:min(100%,560px);max-height:min(86dvh,720px);overflow:auto;padding:18px}
.dc-r2s3a-sheet h2{margin:0;color:var(--dc13-white);font-size:clamp(26px,7vw,38px);line-height:1.05}
.dc-r2s3a-sheet>p{margin:14px 0 18px;color:var(--dc13-muted);line-height:1.35}
.dc-r2s3a-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dc-r2s3a-grid label{display:grid;gap:6px;color:var(--dc13-gold);font-size:12px;font-weight:900;letter-spacing:.07em}
.dc-r2s3a-grid select,.dc-r2s3a-grid input{
  width:100%;min-height:50px;box-sizing:border-box;padding:10px 12px;border:1px solid var(--dc13-line);
  border-radius:13px;outline:none;background:var(--dc13-charcoal);color:var(--dc13-white);
  font:700 16px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;accent-color:var(--dc13-moss)
}
.dc-r2s3a-grid select:focus,.dc-r2s3a-grid input:focus{border-color:var(--dc13-line-gold);box-shadow:0 0 0 2px var(--dc13-forest-deep)}
.dc-r2s3a-actions{display:flex;gap:10px;margin-top:16px}
.dc-r2s3a-actions button,.dc-r2s3a-card button{
  min-height:50px;border:1px solid var(--dc13-line-strong);border-radius:14px;padding:12px 14px;
  background:linear-gradient(145deg,var(--dc13-forest),var(--dc13-forest-deep));color:var(--dc13-white);
  font:900 15px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.02em;
  box-shadow:0 7px 18px var(--dc13-black)
}
.dc-r2s3a-actions button:active,.dc-r2s3a-card button:active{border-color:var(--dc13-line-gold);color:var(--dc13-bright-gold)}
.dc-r2s3a-actions button[data-c]{border-color:var(--dc13-line);background:var(--dc13-panel-2);color:var(--dc13-muted)}
.dc-r2s3a-actions button[data-go]{border-color:var(--dc13-line-gold);color:var(--dc13-bright-gold)}
.dc-r2s3a-actions button{flex:1}
.dc-r2s3a-msg{
  display:none;margin:14px 0 0!important;padding:11px 12px;border:1px solid var(--dc13-line);
  border-radius:13px;background:var(--dc13-charcoal);color:var(--dc13-muted)!important
}
.dc-r2s3a-msg.is-visible{display:grid;gap:4px}
.dc-r2s3a-msg.is-error{border-color:var(--dc13-line-gold)}
.dc-r2s3a-msg strong{color:var(--dc13-bright-gold);font-size:13px}
.dc-r2s3a-msg span{color:var(--dc13-muted);font-size:12px;line-height:1.35}
.dc-r2s3a-card{
  position:fixed;left:max(10px,env(safe-area-inset-left,0px));right:max(10px,env(safe-area-inset-right,0px));
  bottom:max(12px,env(safe-area-inset-bottom,0px));z-index:2147482500;max-width:620px;margin:auto;padding:14px
}
.dc-r2s3a-card strong[data-title]{display:block;color:var(--dc13-bright-gold);font-size:16px}
.dc-r2s3a-card small[data-status]{display:block;margin:6px 0;color:var(--dc13-muted);font-size:12px;line-height:1.35}
.dc-r2s3a-card button{width:100%;margin-top:9px}
@media(max-width:520px){.dc-r2s3a-grid{grid-template-columns:1fr}.dc-r2s3a-actions{gap:8px}.dc-r2s3a-sheet{padding:16px}}

/* SOURCE_END dc-outdoor-journey-r2s3h.css */

/* SOURCE_BEGIN dc-route-stable-maneuver-r1d.css */
/* DIRECT_CONNECT_ROUTE_STABLE_MANEUVERS_R1C_20260825
   Presentation-only. One independent top maneuver mirror replaces the competing
   legacy banner presentation during the drive-to-trail leg. */

html.dc-r2l-route-active #vwManeuverBanner{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Hike/Bike is not relevant during the drive-to-trail leg. */
html.dc-r2l-route-active #dcTrailHudR5 .dc-r5-mode,
html.dc-r2l-route-active [data-dc-mode-switch]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

html.dc-r2l-route-active #dcDirectConnectProfileBtnR7F,
html.dc-r2l-route-active #dcTrailHudR5 .dc-r7b-profile,
html.dc-r2l-route-active #dcR5Layers,
html.dc-r2l-route-active #dcR5Recenter,
html.dc-r2l-route-active #dcTrailSearchR2ETile{
  display:none!important;
  pointer-events:none!important;
}

#dcRouteManeuverR1C{
  position:fixed;
  z-index:2147483350;
  display:none;
  box-sizing:border-box;
  overflow:hidden;
  border:1px solid rgba(226,187,70,.72);
  border-radius:18px;
  background:linear-gradient(110deg,rgba(4,18,12,.97),rgba(4,12,8,.92));
  box-shadow:0 8px 24px rgba(0,0,0,.42);
  color:#fff;
  pointer-events:none;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

html.dc-r2l-route-active #dcRouteManeuverR1C[data-ready="true"]{
  display:block;
}

#dcRouteManeuverR1C .dc-r1c-inner{
  padding:10px 14px 11px;
}

#dcRouteManeuverR1C .dc-r1c-brand{
  margin-bottom:7px;
  color:#e8bc49;
  font-size:10px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:.075em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#dcRouteManeuverR1C .dc-r1c-main{
  display:flex;
  align-items:center;
  gap:11px;
  min-height:42px;
}

#dcRouteManeuverR1C .dc-r1c-arrow{
  flex:0 0 auto;
  color:#efbf4c;
  font-size:35px;
  line-height:1;
  font-weight:900;
}

#dcRouteManeuverR1C .dc-r1c-text{
  min-width:0;
  flex:1 1 auto;
  color:#fff;
  font-size:21px;
  line-height:1.08;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#dcRouteSpeedR1C{
  position:fixed;
  z-index:2147483348;
  display:none;
  align-items:stretch;
  overflow:hidden;
  box-sizing:border-box;
  border:1px solid rgba(242,206,97,.66);
  border-radius:14px;
  background:rgba(5,14,9,.96);
  box-shadow:0 7px 22px rgba(0,0,0,.45);
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
}
html.dc-r2l-route-active #dcRouteSpeedR1C{display:flex}
html.dc-radar-active-r2 #dcRouteSpeedR1C{display:none!important}

#dcRouteSpeedR1C .dc-route-speed-sign{
  width:54px;min-width:54px;margin:5px;padding:4px 3px 3px;box-sizing:border-box;
  border:3px solid #111;outline:2px solid #f8f8f5;outline-offset:-4px;border-radius:4px;
  background:#f8f8f5;color:#111;text-align:center;font-family:Arial,Helvetica,sans-serif;
  font-weight:900;line-height:.92;
}
#dcRouteSpeedR1C .dc-route-speed-sign span{display:block;font-size:9px;letter-spacing:.02em}
#dcRouteSpeedR1C .dc-route-speed-sign b{display:block;margin-top:3px;font-size:27px;line-height:.88;font-weight:900}
#dcRouteSpeedR1C .dc-route-current-speed{
  min-width:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:5px 7px 5px 2px;color:#fff;font-family:system-ui,-apple-system,sans-serif;
}
#dcRouteSpeedR1C .dc-route-current-speed b{font-size:28px;line-height:.92;font-weight:950;letter-spacing:-.04em}
#dcRouteSpeedR1C .dc-route-current-speed span{
  margin-top:4px;color:rgba(255,255,255,.86);font-size:9px;line-height:1;font-weight:900;letter-spacing:.06em
}

/* DIRECT_CONNECT_WAYZ_BANNER_R1D_20260825 */
#dcRouteManeuverR1C .dc-r1c-brand{display:flex!important;justify-content:space-between!important;gap:10px!important;margin-bottom:5px!important;font-size:9px!important}
#dcRouteManeuverR1C .dc-r1d-distance{color:rgba(255,255,255,.72)!important;font-size:9px!important;font-weight:850!important}
#dcRouteManeuverR1C .dc-r1c-main{align-items:flex-start!important;gap:9px!important;min-height:32px!important}
#dcRouteManeuverR1C .dc-r1c-arrow{padding-top:1px!important;font-size:30px!important}
#dcRouteManeuverR1C .dc-r1c-text{font-size:17px!important;line-height:1.12!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;max-height:2.3em!important}
#dcRouteManeuverR1C .dc-r1d-then{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:start;gap:6px;margin-top:7px;padding-top:6px;border-top:1px solid rgba(226,187,70,.28)}
#dcRouteManeuverR1C .dc-r1d-then[hidden]{display:none!important}
#dcRouteManeuverR1C .dc-r1d-then-label{color:#e8bc49;font-size:9px;font-weight:950;letter-spacing:.08em}
#dcRouteManeuverR1C .dc-r1d-then-arrow{color:#efbf4c;font-size:14px;font-weight:950}
#dcRouteManeuverR1C .dc-r1d-then-text{min-width:0;font-size:12px;line-height:1.22;font-weight:750;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
@media(max-width:430px){#dcRouteManeuverR1C .dc-r1c-text{font-size:16px!important}#dcRouteManeuverR1C .dc-r1d-then-text{font-size:11.5px!important}}


/* VELVET_DIRECT_TRAIL_DRIVING_HUD_R1F_20260915
   Route-active presentation only. Existing GPS and legal-speed authorities remain unchanged. */
html.dc-trail-driving-active-r1f #dcRouteSpeedR1C,
html.dc-trail-driving-active-r1f #dcRouteSpeedStripC2{
  display:none!important;
  visibility:hidden!important;
}

html.dc-trail-driving-active-r1f:not(.dc-radar-active-r2) #dcTrailHudR5 #dcR5Recenter{
  display:flex!important;
  position:fixed!important;
  left:max(12px,env(safe-area-inset-left,0px))!important;
  top:auto!important;
  bottom:calc(env(safe-area-inset-bottom,0px) + 284px)!important;
  width:64px!important;
  height:72px!important;
  min-width:64px!important;
  min-height:72px!important;
  padding:5px 3px!important;
  border:3px solid #111!important;
  outline:2px solid #fff!important;
  outline-offset:-5px!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:0 7px 20px rgba(0,0,0,.42)!important;
  pointer-events:none!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
html.dc-trail-driving-active-r1f #dcTrailHudR5 #dcR5Recenter>*{display:none!important}
html.dc-trail-driving-active-r1f #dcTrailHudR5 #dcR5Recenter::before{
  content:"SPEED\A LIMIT";
  white-space:pre;
  color:#111;
  font-size:10px;
  line-height:.95;
  font-weight:900;
  letter-spacing:.015em;
  text-align:center;
}
html.dc-trail-driving-active-r1f #dcTrailHudR5 #dcR5Recenter::after{
  content:attr(data-dc-route-speed-limit);
  margin-top:4px;
  color:#111;
  font-size:30px;
  line-height:.9;
  font-weight:950;
  text-align:center;
}

html.dc-trail-driving-active-r1f:not(.dc-radar-active-r2) #dcTrailSearchR2ETile{
  display:flex!important;
  position:fixed!important;
  left:max(12px,env(safe-area-inset-left,0px))!important;
  top:auto!important;
  bottom:calc(env(safe-area-inset-bottom,0px) + 206px)!important;
  width:70px!important;
  height:70px!important;
  padding:5px!important;
  border:1px solid rgba(242,206,97,.70)!important;
  border-radius:17px!important;
  background:rgba(7,16,10,.96)!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(0,0,0,.44),0 0 16px rgba(33,229,111,.10)!important;
  pointer-events:none!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
}
html.dc-trail-driving-active-r1f #dcTrailSearchR2ETile>*{display:none!important}
html.dc-trail-driving-active-r1f #dcTrailSearchR2ETile::before{
  content:attr(data-dc-route-current-mph);
  color:#fff;
  font:950 31px/.9 system-ui,-apple-system,sans-serif;
  letter-spacing:-.04em;
}
html.dc-trail-driving-active-r1f #dcTrailSearchR2ETile::after{
  content:"MPH";
  color:#f2ce61;
  font:950 9px/1 system-ui,-apple-system,sans-serif;
  letter-spacing:.08em;
}

html.dc-trail-driving-active-r1f:not(.dc-radar-active-r2) #dcWayzEndRouteR2L:not([hidden]){
  display:grid!important;
  place-items:center!important;
  top:auto!important;
  bottom:calc(env(safe-area-inset-bottom,0px) + 278px)!important;
  right:max(20px,calc(env(safe-area-inset-right,0px) + 8px))!important;
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  padding:0!important;
  border:2px solid rgba(255,116,128,.95)!important;
  border-radius:50%!important;
  background:rgba(151,16,34,.96)!important;
  color:#fff!important;
  box-shadow:0 7px 20px rgba(0,0,0,.48),0 0 13px rgba(255,49,78,.22)!important;
  font:950 25px/1 system-ui,-apple-system,sans-serif!important;
  letter-spacing:0!important;
  z-index:2147483360!important;
}

/* SOURCE_END dc-route-stable-maneuver-r1d.css */

/* SOURCE_BEGIN dc-standalone-authority-r2a.css */
/* VELVET_DIRECT_STANDALONE_R2A_20260909 */
:root{
  color-scheme:dark;
  --dc-black:#020403;
  --dc-black-2:#050805;
  --dc-panel:#07100a;
  --dc-panel-2:#0a160e;
  --dc-green:#21e56f;
  --dc-green-2:#0fa84d;
  --dc-green-dark:#075c2a;
  --dc-gold:#efc45f;
  --dc-gold-2:#b88b2b;
  --dc-white:#fff;
  --dc-muted:#a6aea8;
  --dc-line:rgba(33,229,111,.25);
  --purple:var(--dc-green)!important;
  --purple2:var(--dc-green-2)!important;
  --purple-soft:rgba(33,229,111,.10)!important;
  --vw-purple:var(--dc-green)!important;
  --vw-purple-dark:var(--dc-green-dark)!important;
  --vw-purple-bright:#63ff9f!important;
  --gold:var(--dc-gold)!important;
}
html,body{background-color:var(--dc-black)!important}
body{accent-color:var(--dc-green)}
::selection{background:rgba(33,229,111,.28);color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid var(--dc-green)!important;outline-offset:2px
}
.dc29c1-nav,.dc29c2-nav,.bottom-nav,.nav-bar,.bottom-bar,.dc-bottom-nav{
  background:rgba(2,4,3,.96)!important;
  border-color:rgba(239,196,95,.20)!important;
  box-shadow:none!important
}
.dc29c1-nav-item.is-active,.dc29c2-nav a.is-active,[aria-current="page"]{color:var(--dc-green)!important}
.dc29c1-nav-mark,.dc29c2-mark{color:var(--dc-gold)}
.dc29c1-nav-item.is-active .dc29c1-nav-mark,.dc29c2-nav a.is-active .dc29c2-mark{color:var(--dc-green)!important}
.dc-voice-avatar-r2,.av{
  background:linear-gradient(145deg,#0d321b,#061309)!important;
  border-color:rgba(239,196,95,.55)!important
}
.dc-voice-play-r2,.filter[aria-pressed="true"],.primary,.vw-signup-btn{
  background:linear-gradient(135deg,var(--dc-green-dark),var(--dc-green))!important;
  color:#001b0b!important;
  border-color:rgba(33,229,111,.55)!important;
  box-shadow:0 0 24px rgba(33,229,111,.16)!important
}
.secondary{background:#050805!important;border-color:rgba(239,196,95,.28)!important}
.gold{color:var(--dc-gold)!important}
@media (display-mode:standalone){html,body{background:#020403!important}}

/* SOURCE_END dc-standalone-authority-r2a.css */

/* SOURCE_BEGIN dc-trail-contextual-iview-t4.css */
/* DIRECT_CONNECT_TRAIL_MIC_CONTEXT_IVIEW_T4_20260826 */
#dcTrailVelvetMicT4{
  position:fixed;top:calc(env(safe-area-inset-top,0px) + 76px);right:14px;z-index:1205;
  min-width:62px;height:58px;border:1px solid rgba(255,255,255,.24);border-radius:20px;
  background:rgba(13,15,24,.88);color:#fff;box-shadow:0 8px 28px rgba(0,0,0,.34);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  font:700 9px/1 system-ui,-apple-system,sans-serif;letter-spacing:.08em;
  -webkit-tap-highlight-color:transparent;backdrop-filter:blur(12px)
}
#dcTrailVelvetMicT4 span{font-size:23px;line-height:1}
#dcTrailVelvetMicT4[data-state="listening"],#dcTrailVelvetMicT4[data-state="thinking"]{transform:scale(1.04)}
#dcTrailIViewT4[hidden]{display:none!important}
#dcTrailIViewT4{
  position:fixed;inset:0;z-index:2147482000;background:#000;overflow:hidden;
  display:block;color:#fff;font-family:system-ui,-apple-system,sans-serif
}
#dcTrailIViewT4 #vwEyeCamera,#dcTrailIViewT4 #vwVisionCanvas{
  position:absolute;inset:0;width:100%;height:100%;display:block
}
#dcTrailIViewT4 #vwEyeCamera{z-index:1;object-fit:cover;background:#000}
#dcTrailIViewT4 #vwVisionCanvas{z-index:2;pointer-events:none}
.dc-t4-eye-top{
  position:absolute;z-index:4;top:0;left:0;right:0;padding:calc(env(safe-area-inset-top,0px) + 12px) 14px 18px;
  display:flex;align-items:center;justify-content:space-between;
  background:linear-gradient(to bottom,rgba(0,0,0,.78),rgba(0,0,0,0))
}
.dc-t4-eye-top strong{font-size:13px;letter-spacing:.12em}
#dcTrailIViewCloseT4{
  width:44px;height:44px;border:1px solid rgba(255,255,255,.35);border-radius:50%;
  background:rgba(0,0,0,.58);color:#fff;font-size:30px;line-height:38px
}
.dc-t4-eye-readout{
  position:absolute;z-index:4;left:14px;right:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);
  border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:12px 14px;
  background:rgba(0,0,0,.62);backdrop-filter:blur(12px)
}
#dcTrailIViewQuestionT4{font-size:12px;font-weight:750;opacity:.84;margin-bottom:6px}
#dcTrailIViewStatusT4{font-size:14px;font-weight:650;line-height:1.3}
html.dc-trail-iview-active-t4,body.dc-trail-iview-active-t4{overflow:hidden!important}
body.dc-trail-iview-active-t4 #dcTrailVelvetMicT4{visibility:hidden!important}

/* SOURCE_END dc-trail-contextual-iview-t4.css */

/* SOURCE_BEGIN dc-map-mobile-layout-r3b6j.css */
/* VELVET_DIRECT_MAP_MOBILE_LAYOUT_R3C3_20260913
   Canonical standalone Trail Guide mobile geometry.
   One 8px rhythm; no relief/layers control. */
@media (max-width:760px){
  html:not(.dc-radar-active-r2) #dcTrailHudR5 #dcR5Radar{
    top:calc(env(safe-area-inset-top,0px) + 8px)!important;
    right:max(12px,env(safe-area-inset-right,0px))!important;
  }
  html:not(.dc-radar-active-r2) #dcTrailHudR5 .dc-r5-mode{
    top:calc(env(safe-area-inset-top,0px) + 47px)!important;
  }
  html:not(.dc-radar-active-r2) #dcDirectConnectProfileBtnR7F{
    position:fixed!important;
    top:calc(env(safe-area-inset-top,0px) + 80px)!important;
    left:max(12px,env(safe-area-inset-left,0px))!important;
    margin:0!important;
  }
  html:not(.dc-radar-active-r2) #vwWeatherChip,
  html:not(.dc-radar-active-r2) .vw-r9d-weather-source{
    position:fixed!important;
    top:calc(env(safe-area-inset-top,0px) + 66px)!important;
    right:max(12px,env(safe-area-inset-right,0px))!important;
    left:auto!important;
    bottom:auto!important;
    margin:0!important;
    max-width:72px!important;
    z-index:2147483001!important;
  }
  html:not(.dc-radar-active-r2) #dcTrailHudR5 #dcR5Hazard{
    top:calc(env(safe-area-inset-top,0px) + 148px)!important;
    right:max(12px,env(safe-area-inset-right,0px))!important;
  }
  html:not(.dc-radar-active-r2) #dcTrailHudR5 #dcR5Recenter{
    position:fixed!important;
    top:auto!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 284px)!important;
    left:max(12px,env(safe-area-inset-left,0px))!important;
  }
  html:not(.dc-radar-active-r2) #dcTrailSearchR2ETile{
    top:auto!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 206px)!important;
    left:max(12px,env(safe-area-inset-left,0px))!important;
  }
  body:not(.dc-trail-iview-active-t4) #dcTrailVelvetMicT4{
    top:auto!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 206px)!important;
    right:max(12px,env(safe-area-inset-right,0px))!important;
  }
  #dcR17APttZone .dc-r20c-copy{padding-right:0!important}
  #dcR17APttZone .dc-r20c-wave{
    right:10px!important;bottom:8px!important;width:56px!important;max-width:56px!important;
    height:10px!important;max-height:10px!important;
  }
  html:not(.dc-radar-active-r2) #dcR17AActionZone #dcR5ShareBadge{
    top:-22px!important;right:-5px!important;min-width:22px!important;height:22px!important;
    padding:0 5px!important;font-size:10px!important;
  }
}
@media (max-width:370px){
  #dcR17APttZone .dc-r20c-wave{right:8px!important;width:44px!important;max-width:44px!important}
}

/* SOURCE_END dc-map-mobile-layout-r3b6j.css */