/* Launch Radar / time-and-evidence scope --------------------------------- */
.radar-page { padding:clamp(2.25rem,5vw,4.5rem) 0 5rem; }.radar-hero { align-items:start; }.radar-page h1 { max-width:12ch; font-size:clamp(3rem,6vw,5.6rem); letter-spacing:-.035em; }.radar-lead { max-width:38rem; }.radar-stats div { min-width:9rem; }.radar-controls { display:flex; flex-wrap:wrap; align-items:center; gap:.35rem; margin-top:1.4rem; }.radar-controls-label { margin-right:.25rem; color:var(--muted); font:800 .62rem/1 var(--mono); letter-spacing:.1em; text-transform:uppercase; }.radar-controls button { min-height:2rem; padding:0 .7rem; border:1px solid var(--line); border-radius:999px; background:transparent; color:var(--muted); font:700 .7rem/1 var(--body); cursor:pointer; }.radar-controls button:hover,.radar-controls button.is-active { border-color:var(--y-line); background:var(--y-dim); color:var(--text); }.radar-refresh-state { display:flex; align-items:center; gap:.55rem; margin:1rem 0 0; color:var(--muted); font:700 .68rem/1 var(--mono); letter-spacing:.06em; text-transform:uppercase; }.radar-state-dot { width:.4rem; height:.4rem; box-shadow:0 0 0 .2rem var(--y-dim); }.radar-refresh-state.is-stale .radar-state-dot { background:var(--faint); box-shadow:0 0 0 .2rem color-mix(in srgb,var(--faint) 18%,transparent); }
.radar-scope { width:min(100%,27rem); }.radar-disc { box-shadow:inset 0 0 3rem var(--y-dim),0 0 1.5rem var(--y-dim); }.radar-legend { position:absolute; right:1rem; bottom:-2rem; left:1rem; display:flex; justify-content:space-between; gap:.6rem; color:var(--muted); font:700 .6rem/1 var(--mono); letter-spacing:.04em; text-transform:uppercase; }.radar-legend span { display:inline-flex; align-items:center; gap:.35rem; }.legend-dot,.legend-line { display:inline-block; }.legend-dot { width:.45rem; height:.45rem; border-radius:50%; }.legend-dot-clean { background:var(--low); box-shadow:0 0 0 .2rem color-mix(in srgb,var(--low) 18%,transparent); }.legend-line { width:1rem; height:1px; background:var(--y); }
.radar-refresh-state.is-error .radar-state-dot { background:var(--high); box-shadow:0 0 0 .2rem color-mix(in srgb,var(--high) 18%,transparent); }
.radar-grid { margin-top:4.2rem; }.radar-card { position:relative; display:flex; min-height:100%; flex-direction:column; box-shadow:0 .9rem 2.5rem rgba(0,0,0,.12); transition:border-color .18s ease,transform .18s ease; }.radar-card:hover,.radar-card:focus-within,.radar-card.is-selected { border-color:var(--y-line); transform:translateY(-2px); }.radar-blip.is-selected .radar-face { box-shadow:0 0 0 4px var(--y-dim),0 0 1rem var(--y); }.radar-actions { margin-top:auto; padding-top:1rem; }.radar-act:first-child { border-color:var(--y-line); }.radar-empty { min-height:10rem; display:grid; place-items:center; gap:.7rem; padding:1.25rem; border:1px dashed var(--line); border-radius:1rem; text-align:center; }.radar-empty button { min-height:44px; padding:0 1rem; border:1px solid var(--y-line); border-radius:999px; background:var(--y-dim); color:var(--text); font-weight:750; cursor:pointer; }
@media (max-width: 980px) { .radar-scope { width:min(100%,24rem); margin-top:1rem; }.radar-grid { margin-top:4rem; } }
@media (max-width: 640px) { .radar-page { padding-top:2rem; }.radar-page h1 { font-size:clamp(2.8rem,14vw,4.2rem); }.radar-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }.radar-stats div { min-width:0; }.radar-controls { gap:.45rem; }.radar-controls-label { width:100%; margin-bottom:.15rem; }.radar-controls button { min-height:2.75rem; padding-inline:.85rem; }.radar-scope { width:100%; max-width:20rem; margin-top:1.5rem; }.radar-grid { gap:.75rem; margin-top:4.2rem; }.radar-card { padding:1rem; }.radar-actions { display:grid; grid-template-columns:1fr 1fr; }.radar-actions .radar-act { min-height:44px; height:auto; padding-block:.55rem; }.radar-actions .radar-act:last-child { grid-column:1/-1; }.radar-legend { right:0; left:0; font-size:.56rem; } }
@media (max-width: 360px) { .radar-actions { grid-template-columns:minmax(0,1fr); }.radar-actions .radar-act:last-child { grid-column:auto; } }
@media (prefers-reduced-motion: no-preference) { .radar-sweep { animation-duration:6s; }.radar-card { transition: border-color .18s ease, transform .18s ease; } }
@media (prefers-reduced-motion: reduce) { .radar-page * { animation:none!important; transition-duration:.01ms!important; }.radar-sweep { opacity:.2; transform:rotate(20deg); } }