.waypoint-sections{max-width:1160px}.waypoint-game-panel{overflow:hidden}.waypoint-game-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.waypoint-game-heading h2{margin:.15rem 0}.waypoint-kicker{margin:0;color:var(--accent);font-size:.76rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.waypoint-heading-meta,.waypoint-scorebar{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.waypoint-heading-meta span,.waypoint-scorebar>span{border:1px solid var(--line);border-radius:999px;padding:.42rem .68rem;font-weight:750}.waypoint-difficulties{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1rem 0}.waypoint-difficulties button{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem .75rem;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--ink);text-align:left;cursor:pointer}.waypoint-difficulties button[aria-selected=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel));box-shadow:inset 0 0 0 1px var(--accent)}.waypoint-difficulties button:focus-visible,.waypoint-location:focus-visible,.waypoint-chart-location:focus-visible,.waypoint-fixes button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}.waypoint-difficulties span,.waypoint-difficulties strong,.waypoint-difficulties small{display:block}.waypoint-difficulties small{margin-top:.15rem;color:var(--muted);font-size:.7rem}.waypoint-difficulties em{padding:.24rem .42rem;border-radius:999px;background:color-mix(in srgb,var(--line) 55%,transparent);color:var(--muted);font-size:.62rem;font-style:normal;font-weight:850}.waypoint-difficulties button[data-status=complete] em{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.waypoint-difficulties button[data-status=playing] em{color:var(--accent-2)}.waypoint-scorebar{justify-content:flex-start;margin:.75rem 0}.waypoint-scorebar span{display:flex;gap:.3rem;align-items:baseline}.waypoint-scorebar small{color:var(--muted)}.waypoint-instruction{margin:.65rem 0 1rem;color:var(--muted)}.waypoint-play-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);gap:1rem;align-items:start}.waypoint-chart-wrap,.waypoint-controls{border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--panel) 94%,var(--surface));padding:1rem}.waypoint-chart-head{display:flex;justify-content:space-between;gap:.75rem;align-items:center;margin-bottom:.65rem}.waypoint-chart-head div{display:grid}.waypoint-chart-head span{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.waypoint-text-button{border:0;background:transparent;color:var(--accent);font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}.waypoint-text-button:disabled{opacity:.42;cursor:default}.waypoint-chart{display:block;width:100%;min-height:390px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 55%),var(--surface);overflow:hidden}.waypoint-chart-grid line{stroke:color-mix(in srgb,var(--line) 62%,transparent);stroke-width:1}.waypoint-sector{fill:color-mix(in srgb,var(--accent) 15%,transparent);stroke:color-mix(in srgb,var(--accent) 55%,transparent);stroke-width:1.5;opacity:.34}.waypoint-sector[data-latest=true]{opacity:.62;stroke-width:2.5}.waypoint-sector[data-active=true]{opacity:.78;stroke-width:3}.waypoint-compass-line{stroke:color-mix(in srgb,var(--ink) 34%,transparent);stroke-width:1.5;stroke-dasharray:7 7}.waypoint-chart-location{cursor:pointer}.waypoint-marker-ring{fill:var(--panel);stroke:var(--accent);stroke-width:2.5}.waypoint-marker-pattern{fill:url(#waypoint-ruled-pattern);stroke:var(--muted);stroke-width:1.5}.waypoint-chart-location[data-state=ruled] .waypoint-marker-ring{fill:color-mix(in srgb,var(--panel) 60%,transparent);stroke:var(--muted);stroke-dasharray:4 3}.waypoint-chart-location[data-state=fix] .waypoint-marker-ring{fill:color-mix(in srgb,var(--accent) 17%,var(--panel));stroke-width:3}.waypoint-chart-location[data-state=target] .waypoint-marker-ring{fill:color-mix(in srgb,#e7b84b 24%,var(--panel));stroke:#b58212;stroke-width:3}.waypoint-chart-location[data-focused=true] .waypoint-marker-ring{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--accent) 55%,transparent));stroke-width:4}.waypoint-marker-icon{fill:var(--ink);font-size:16px;font-weight:900;text-anchor:middle;pointer-events:none}.waypoint-marker-label{fill:var(--ink);font-size:14px;font-weight:850;paint-order:stroke;stroke:var(--surface);stroke-width:4px;stroke-linejoin:round;pointer-events:none}.waypoint-chart-location[data-state=ruled] .waypoint-marker-label{fill:var(--muted)}#waypoint-ruled-pattern line{stroke:var(--muted);stroke-width:2}.waypoint-chart-key{display:flex;gap:.75rem;flex-wrap:wrap;margin:.7rem 0;color:var(--muted);font-size:.72rem}.waypoint-chart-key span{display:flex;gap:.35rem;align-items:center}.waypoint-chart-key i{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;font-style:normal}.waypoint-key-possible{border:2px solid var(--accent)}.waypoint-key-ruled{border:2px dashed var(--muted);background:repeating-linear-gradient(45deg,transparent 0 3px,var(--line) 3px 5px)}.waypoint-key-fix{font-size:.7rem}.waypoint-key-target{color:#b58212}.waypoint-live-status{min-height:2.7rem;margin:.65rem 0 0;color:var(--muted)}.waypoint-teaching-tip{margin:.75rem 0 0;padding:.72rem .8rem;border-left:4px solid var(--accent);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--accent) 8%,transparent);font-size:.85rem}.waypoint-controls{display:grid;gap:.9rem}.waypoint-focus-card{display:grid;gap:.3rem;padding:.9rem;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.waypoint-focus-card>span,.waypoint-focus-card small{color:var(--muted);font-size:.72rem}.waypoint-focus-card .button{margin-top:.4rem;width:100%}.waypoint-candidate-heading,.waypoint-fix-heading{display:flex;justify-content:space-between;gap:.5rem;align-items:end}.waypoint-candidate-heading div,.waypoint-fix-heading{display:grid}.waypoint-candidate-heading small,.waypoint-fix-heading small{color:var(--muted);font-size:.7rem}.waypoint-locations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.waypoint-location{display:grid;grid-template-columns:auto 1fr;align-items:center;min-height:53px;gap:.1rem .55rem;padding:.5rem .6rem;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);text-align:left;cursor:pointer}.waypoint-location strong{grid-row:1/3;font-size:.9rem}.waypoint-location span{font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.waypoint-location em{font-size:.62rem;color:var(--muted);font-style:normal}.waypoint-location[data-state=ruled]{border-style:dashed;background:repeating-linear-gradient(135deg,transparent 0 9px,color-mix(in srgb,var(--line) 30%,transparent) 9px 11px)}.waypoint-location[data-state=fix]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--panel))}.waypoint-location[data-state=target]{border-color:#b58212;background:color-mix(in srgb,#e7b84b 13%,var(--panel))}.waypoint-location[data-focused=true]{box-shadow:inset 0 0 0 2px var(--accent)}.waypoint-fixes{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}.waypoint-fixes button{width:100%;display:grid;gap:.15rem;padding:.62rem .7rem;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);text-align:left;cursor:pointer}.waypoint-fixes button span{color:var(--muted);font-size:.7rem}.waypoint-fixes button[data-hidden=true]{opacity:.55;border-style:dashed}.waypoint-result{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;padding:1rem;border:1px solid var(--accent);border-radius:20px;background:color-mix(in srgb,var(--accent) 7%,var(--panel))}.waypoint-result h2{margin:.25rem 0}.waypoint-result h3{margin:.1rem 0 .65rem}.waypoint-solution-details{display:grid;gap:.45rem}.waypoint-solution-details div{display:flex;justify-content:space-between;gap:.8rem;padding-bottom:.4rem;border-bottom:1px solid var(--line)}.waypoint-solution-details dt{color:var(--muted)}.waypoint-solution-details dd{margin:0;text-align:right;font-weight:750}.waypoint-debrief{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.waypoint-debrief li{display:grid;gap:.1rem;padding:.6rem .7rem;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.waypoint-debrief span{color:var(--muted);font-size:.76rem}.waypoint-result-actions,.waypoint-share-preview{grid-column:1/-1}.waypoint-result-actions{display:flex;gap:.55rem;flex-wrap:wrap}.waypoint-share-preview{margin:0;padding:.8rem;border:1px solid var(--line);border-radius:12px;white-space:pre-wrap}.waypoint-rules summary{cursor:pointer}.waypoint-rules summary span{display:flex;justify-content:space-between}.waypoint-rules-body{padding-top:1rem}
@media(max-width:820px){.waypoint-game-heading{display:block}.waypoint-heading-meta{justify-content:flex-start}.waypoint-play-layout{grid-template-columns:1fr}.waypoint-chart{min-height:360px}.waypoint-result{grid-template-columns:1fr}}
@media(max-width:560px){.waypoint-game-panel{padding:1rem}.waypoint-difficulties{gap:.35rem}.waypoint-difficulties button{display:grid;min-height:78px;align-content:space-between;padding:.5rem}.waypoint-difficulties em{width:max-content}.waypoint-chart-wrap,.waypoint-controls{padding:.7rem}.waypoint-chart{min-height:315px}.waypoint-locations{grid-template-columns:1fr 1fr}.waypoint-location{min-height:56px}.waypoint-heading-meta span{font-size:.72rem}.waypoint-result-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.waypoint-sector,.waypoint-chart-location{transition:none!important}}
.waypoint-marker-hit{fill:transparent;stroke:none;pointer-events:all}.waypoint-marker-ring{stroke-width:2.25}.waypoint-marker-pattern{stroke-width:1.25}.waypoint-marker-icon{font-size:13px}.waypoint-marker-label{font-size:12.5px;stroke-width:3px}.waypoint-fixes button{padding:.52rem .6rem}.waypoint-fixes button strong{font-size:.9rem}

/* Supplied game-visual kit integration. */
.waypoint-chart {
  width: min(100%, 680px);
  min-height: 0;
  margin-inline: auto;
  aspect-ratio: 1;
  border: 0;
  border-radius: 50%;
  background: var(--gv-bg);
  box-shadow: inset 0 0 0 1px var(--gv-line), 0 18px 45px rgba(0, 0, 0, .16);
}

.waypoint-scope-disc { fill: url(#waypoint-scope-glow); stroke: var(--gv-line); stroke-width: 2; }
.waypoint-scope-ring { fill: none; stroke: color-mix(in srgb, var(--gv-line) 82%, transparent); stroke-width: 1.6; }
.waypoint-scope-axis { stroke: color-mix(in srgb, var(--gv-line) 72%, transparent); stroke-width: 1.4; }
.waypoint-scope-tick { stroke: var(--gv-muted); stroke-width: 1.5; opacity: .68; }
.waypoint-scope-label {
  fill: var(--gv-muted);
  font: 700 11px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: .05em;
  text-anchor: middle;
}
.waypoint-scope-label:nth-last-child(2) { text-anchor: end; }
.waypoint-scope-label:last-child { text-anchor: start; }

.waypoint-sector {
  fill: color-mix(in srgb, var(--gv-cyan) 28%, transparent);
  stroke: color-mix(in srgb, var(--gv-cyan) 70%, transparent);
  opacity: .38;
  mix-blend-mode: screen;
}
.waypoint-sector[data-fix-order="1"] { fill: color-mix(in srgb, var(--gv-blue) 28%, transparent); stroke: var(--gv-blue); }
html[data-theme="light"] .waypoint-sector { mix-blend-mode: multiply; }
.waypoint-sector[data-latest="true"] { opacity: .58; }
.waypoint-sector[data-active="true"] { opacity: .74; stroke-dasharray: 8 5; }
.waypoint-compass-line { stroke: var(--gv-muted); stroke-dasharray: 5 6; }

.waypoint-marker-ring { fill: var(--gv-bg); stroke: var(--gv-cyan); }
.waypoint-marker-symbol { color: var(--gv-cyan); pointer-events: none; }
.waypoint-chart-location[data-state="ruled"] .waypoint-marker-symbol { color: var(--gv-muted); opacity: .5; }
.waypoint-chart-location[data-state="fix"] .waypoint-marker-symbol { color: var(--gv-cyan); filter: drop-shadow(0 0 7px color-mix(in srgb, var(--gv-cyan) 42%, transparent)); }
.waypoint-chart-location[data-state="target"] .waypoint-marker-symbol { color: var(--gv-green); filter: drop-shadow(0 0 9px color-mix(in srgb, var(--gv-green) 55%, transparent)); }
.waypoint-marker-ripple { fill: none; stroke: var(--gv-cyan); stroke-width: 3; pointer-events: none; }
.waypoint-marker-label { fill: var(--gv-text); stroke: var(--gv-bg); }
.waypoint-marker-icon { fill: var(--gv-text); }
.waypoint-chart-location[data-focused="true"] .waypoint-marker-ring { stroke: var(--gv-amber); stroke-dasharray: 5 3; }

.waypoint-result { grid-template-columns: auto 1fr 1fr; align-items: start; }
.waypoint-result > .gv-completion-badge { width: 170px; }
.waypoint-difficulties { grid-template-columns: repeat(4, minmax(0, 1fr)); }
#waypoint-manual-toggle[aria-pressed="true"] { padding: .25rem .5rem; border: 1px solid var(--gv-cyan); border-radius: 999px; background: color-mix(in srgb, var(--gv-cyan) 12%, transparent); }
.waypoint-result-actions,
.waypoint-share-preview { grid-column: 1 / -1; }

@media (max-width: 820px) {
  .waypoint-result { grid-template-columns: 1fr; }
  .waypoint-difficulties { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .waypoint-result > .gv-completion-badge { width: min(220px, 100%); }
}

@media (max-width: 560px) {
  .waypoint-chart { min-height: 0; }
  .waypoint-scope-label { font-size: 9px; }
}

@media (forced-colors: active) {
  .waypoint-sector { fill: transparent; stroke: CanvasText; mix-blend-mode: normal; }
}

.waypoint-chart-tools { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px 10px; }
.waypoint-chart[data-scope-focus="true"] .waypoint-chart-location[data-state="ruled"] .waypoint-marker-label { opacity: 0; }
.waypoint-teaching-tip summary { cursor: pointer; color: var(--ink); font-weight: 800; }
.waypoint-teaching-tip p { margin: .55rem 0 0; color: var(--muted); line-height: 1.5; }
.waypoint-setting-reminder { padding: 5px 7px; border-radius: 7px; background: color-mix(in srgb, var(--accent) 8%, transparent); }
.waypoint-setting-reminder strong { color: var(--accent); }
.waypoint-classic-toggle { margin-left: .45rem; padding: .25rem .55rem; border: 1px solid var(--line); border-radius: 999px; }
.waypoint-classic-toggle[aria-pressed="true"] { border-color: var(--gv-amber); color: var(--gv-amber); background: color-mix(in srgb, var(--gv-amber) 10%, transparent); }
.waypoint-identification-settings { display: grid; gap: .4rem; margin-top: .35rem; }
.waypoint-identification-settings[hidden] { display: none; }
.waypoint-identification-settings > span { color: var(--muted); font-size: .72rem; font-weight: 750; }
.waypoint-identification-settings > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .4rem; }
.waypoint-identification-settings button {
  display: grid;
  grid-template-columns: auto 1fr;
  min-height: 46px;
  align-items: center;
  gap: .35rem;
  padding: .45rem .55rem;
  border: 1px solid currentColor;
  border-radius: 10px;
  background: color-mix(in srgb, currentColor 8%, var(--panel));
  color: var(--ink);
  cursor: pointer;
  text-align: left;
}
.waypoint-identification-settings button[hidden] { display: none; }
.waypoint-identification-settings button strong { color: var(--setting-color, var(--accent)); font: 850 .8rem/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.waypoint-identification-settings button span { font-size: .72rem; font-weight: 750; }
.waypoint-identification-settings button[data-waypoint-setting="blue"] { --setting-color: var(--gv-blue); border-color: var(--gv-blue); }
.waypoint-identification-settings button[data-waypoint-setting="amber"] { --setting-color: var(--gv-amber); border-color: var(--gv-amber); }
.waypoint-identification-settings button[data-waypoint-setting="green"] { --setting-color: var(--gv-green); border-color: var(--gv-green); }
.waypoint-identification-settings button:disabled { border-color: var(--line); opacity: .34; cursor: not-allowed; }
.waypoint-identification-settings button:focus-visible { outline: 3px solid color-mix(in srgb, var(--setting-color, var(--accent)) 48%, transparent); outline-offset: 2px; }
.waypoint-station-sheet-toggle,
.waypoint-station-sheet-close { display: none; }

@media (max-width: 700px) {
  .waypoint-game-panel { overflow: visible; padding-bottom: 270px; }
  .waypoint-chart-head { align-items: flex-start; }
  .waypoint-chart-tools { max-width: 52%; }
  .waypoint-focus-card {
    position: fixed;
    z-index: 885;
    right: 10px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    left: 10px;
    max-width: 660px;
    margin-inline: auto;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 3px 10px;
    padding: 10px;
    background: color-mix(in srgb, var(--panel-strong) 95%, transparent);
    box-shadow: 0 16px 42px rgba(0, 0, 0, .26);
    backdrop-filter: blur(16px);
  }
  .waypoint-focus-card > span,
  .waypoint-focus-card > strong,
  .waypoint-focus-card > small { grid-column: 1; }
  .waypoint-focus-card .button { grid-column: 2; grid-row: 1 / span 3; min-height: 48px; margin: 0; width: min(42vw, 250px); }
  .waypoint-setting-reminder { grid-column: 1 / -1 !important; }
  .waypoint-identification-settings { grid-column: 1 / -1; }
  .waypoint-station-sheet-toggle { display: inline-flex; grid-column: 1 / -1; justify-self: start; }
  .waypoint-station-sheet-close { display: inline-flex; }
  .waypoint-stations-wrap[data-mobile-open="true"] {
    position: fixed;
    z-index: 884;
    right: 10px;
    bottom: calc(150px + env(safe-area-inset-bottom));
    left: 10px;
    display: grid !important;
    max-width: 660px;
    max-height: min(55dvh, 480px);
    margin-inline: auto;
    padding: 14px;
    overflow: auto;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--panel-strong);
    box-shadow: 0 20px 52px rgba(0, 0, 0, .32);
  }
}

/* Expert: persistent receiver calibration and separate information sources. */
.waypoint-stations-wrap { display: grid; gap: .55rem; }
.waypoint-stations {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .45rem;
}
.waypoint-station {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  min-height: 53px;
  gap: .1rem .55rem;
  padding: .5rem .6rem;
  border: 1px solid var(--gv-line);
  border-radius: 12px;
  background: color-mix(in srgb, var(--gv-blue) 7%, var(--panel));
  color: var(--ink);
  text-align: left;
  cursor: pointer;
}
.waypoint-station strong { grid-row: 1 / 3; color: var(--gv-blue); font: 800 .86rem/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.waypoint-station span { overflow: hidden; color: var(--ink); font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.waypoint-station em { color: var(--muted); font-size: .62rem; font-style: normal; }
.waypoint-station[data-called="true"] { border-style: dashed; opacity: .62; }
.waypoint-station[data-recommended="true"] { border-color: var(--gv-green); background: color-mix(in srgb, var(--gv-green) 12%, var(--panel)); }
.waypoint-station[data-recommended="true"] em { color: var(--gv-green); font-weight: 850; text-transform: uppercase; letter-spacing: .04em; }
.waypoint-station[data-callable="false"]:not([data-called="true"]) { opacity: .48; cursor: not-allowed; }
.waypoint-station[data-focused="true"] { box-shadow: inset 0 0 0 2px var(--gv-amber); }
.waypoint-station:focus-visible,
.waypoint-chart-station:focus-visible { outline: 3px solid color-mix(in srgb, var(--gv-blue) 48%, transparent); outline-offset: 2px; }

.waypoint-chart-station { cursor: pointer; }
.waypoint-station-hit { fill: transparent; pointer-events: all; }
.waypoint-station-marker { fill: var(--gv-bg); stroke: var(--gv-blue); stroke-width: 3; }
.waypoint-station-icon { fill: var(--gv-blue); font-size: 16px; font-weight: 900; text-anchor: middle; pointer-events: none; }
.waypoint-station-label { fill: var(--gv-text); font: 800 12px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; paint-order: stroke; stroke: var(--gv-bg); stroke-width: 3px; pointer-events: none; }
.waypoint-chart-station[data-called="true"] .waypoint-station-marker { stroke: var(--gv-muted); stroke-dasharray: 4 3; opacity: .72; }
.waypoint-chart-station[data-recommended="true"] .waypoint-station-marker { stroke: var(--gv-green); filter: drop-shadow(0 0 7px color-mix(in srgb, var(--gv-green) 46%, transparent)); }
.waypoint-chart-station[data-callable="false"]:not([data-called="true"]) .waypoint-station-marker { stroke: var(--gv-muted); opacity: .5; }
.waypoint-chart-station[data-focused="true"] .waypoint-station-marker { stroke: var(--gv-amber); filter: drop-shadow(0 0 7px color-mix(in srgb, var(--gv-amber) 52%, transparent)); }

.waypoint-channel-pips { grid-column: 1 / -1; display: flex; gap: .28rem; padding-top: .15rem; }
.waypoint-channel-pips i,
.waypoint-chart-key i[class^="waypoint-key-"] { font-style: normal; font-weight: 900; }
.waypoint-channel-pips i {
  display: grid;
  width: 17px;
  height: 17px;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  font: 800 9px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.waypoint-channel-pips i[data-surviving="false"],
.waypoint-channel-pip[data-surviving="false"] { opacity: .16; }
.waypoint-channel-pip { stroke: var(--gv-bg); stroke-width: 1; pointer-events: none; }
[data-channel="blue"], .waypoint-key-blue { color: var(--gv-blue); fill: var(--gv-blue); }
[data-channel="amber"], .waypoint-key-amber { color: var(--gv-amber); fill: var(--gv-amber); }
[data-channel="green"], .waypoint-key-green { color: var(--gv-green); fill: var(--gv-green); }
.waypoint-key-station { color: var(--gv-blue); }

.waypoint-sector[data-channel="blue"] { fill: color-mix(in srgb, var(--gv-blue) 28%, transparent); stroke: var(--gv-blue); stroke-dasharray: none; }
.waypoint-sector[data-channel="amber"] { fill: color-mix(in srgb, var(--gv-amber) 24%, transparent); stroke: var(--gv-amber); stroke-dasharray: 9 6; }
.waypoint-sector[data-channel="green"] { fill: color-mix(in srgb, var(--gv-green) 24%, transparent); stroke: var(--gv-green); stroke-dasharray: 2 7; stroke-linecap: round; }

@media (max-width: 560px) {
  .waypoint-stations { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .waypoint-station { min-height: 56px; }
  .waypoint-channel-pips i { width: 16px; height: 16px; }
}

@media (forced-colors: active) {
  .waypoint-station-marker,
  .waypoint-channel-pips i,
  .waypoint-channel-pip { fill: Canvas; stroke: CanvasText; color: CanvasText; }
  .waypoint-identification-settings button { border-color: ButtonText; background: ButtonFace; color: ButtonText; }
}