/* DART Meadow — the sky's marker tool (index.html: startLandPick) and the
 * DART cruise flash. The land map that lived here is now the landing globe
 * (ui/dm-globe.js / dm-globe.css). */
.lm-ico{display:block;}
/* the marker tool: a bar across the top and a ring-and-dot cursor */
#land-pick{position:fixed;inset:0;z-index:3600;pointer-events:none;display:none;}
#land-pick.on{display:block;}
.lp-bar{position:absolute;left:50%;top:116px;transform:translateX(-50%);pointer-events:auto;display:flex;align-items:center;gap:10px;
  padding:6px 8px 6px 14px;font-family:var(--font-hud);font-size:.55rem;letter-spacing:.12em;color:#fff;
  background:linear-gradient(180deg,rgba(var(--hi-rgb),.3),rgba(var(--panel-rgb),.7));box-shadow:inset 0 -2px 0 var(--gold),0 0 18px rgba(var(--hi-rgb),.35);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);
  animation:lpIn .35s cubic-bezier(.2,.9,.25,1) both;white-space:nowrap;}
@keyframes lpIn{from{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translateX(-50%)}}
.lp-bar .lm-ico{width:18px;height:18px;color:var(--gold);}
.lp-bar button{height:24px;border:none;cursor:pointer;padding:0 10px;color:#fff;font-family:var(--font-hud);font-size:.5rem;letter-spacing:.1em;background:rgba(0,0,0,.35);}
.lp-bar button:hover{background:rgba(var(--hi-rgb),.4);}
.lp-cursor{position:absolute;left:-22px;top:-22px;width:44px;height:44px;color:rgba(255,255,255,.75);transform:translate(50vw,50vh);
  filter:drop-shadow(0 0 6px rgba(0,0,0,.6));transition:color .12s;}
.lp-cursor .lm-ico{width:44px;height:44px;}
.lp-cursor.ok{color:var(--gold);filter:drop-shadow(0 0 8px rgba(var(--hi-rgb),.9));}
.lp-cursor.far{color:rgba(255,90,100,.9);}
.lp-cursor.nope .lm-ico{animation:lpNope .35s ease;}
@keyframes lpNope{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
body.lp-active #atmo-canvas{cursor:none;}
@media (hover:none){.lp-bar{font-size:.5rem;}}
/* the DART cruise skipping ahead on a long trip */
#atmo-overlay.lm-warp::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:40;
  background:radial-gradient(circle at 50% 50%,rgba(255,255,255,0) 20%,rgba(160,220,255,.55) 70%,rgba(255,255,255,.9));
  animation:lmWarp .9s ease-out both;}
@keyframes lmWarp{0%{opacity:0}25%{opacity:1}100%{opacity:0}}