/* Earth Full Exploration: real DEM / bathymetry terrain, scoped to Earth only.
   The panorama entry intentionally reuses Mars' .mars-explore-stack and
   .mars-full-explore-button geometry so both worlds expose Full Exploration
   with the same hierarchy and responsive behavior. Only the Earth accent differs. */
.mars-caption.earth-caption .earth-full-explore-button {
  border-color:#80b9e266;
  background:#07141dcc;
  color:#c9ecf8;
}
.mars-caption.earth-caption .earth-full-explore-button:hover:not(:disabled) {
  border-color:#9ed8f1aa;
  background:#0d2230e8;
  color:#effbff;
}

.earth-scene.is-full-focus .earth-caption { opacity:0 !important; pointer-events:none !important; transition:opacity .35s ease; }
.earth-scene.is-full-descending .earth-viewport { transform:scale(1.78); filter:saturate(1.06) contrast(1.02); transition:transform 1.35s cubic-bezier(.2,.72,.2,1), filter .8s ease; }
.earth-scene.is-full-surface-active .earth-viewport { opacity:.08; filter:blur(8px) saturate(.7); transform:scale(2.05); }

.earth-full-exploration { --surface:0; position:absolute; inset:0; z-index:30; overflow:hidden; isolation:isolate; color:#eef8fb; background:transparent; }
.earth-full-exploration[hidden] { display:none; }
.earth-full-exploration.is-active, .earth-full-exploration.is-preparing { background:#07131b; }
.earth-full-viewport { position:absolute; inset:0; z-index:1; opacity:var(--surface); background:linear-gradient(#6f9aaf 0 36%, #6e7167 58%, #38433f 100%); transition:opacity .55s ease; touch-action:none; }
.earth-full-canvas { display:block; width:100%; height:100%; }
.earth-full-exploration.is-active { --surface:1; }
.earth-full-exploration.is-preparing { --surface:.18; }
.earth-full-exploration.is-exiting { opacity:0; transition:opacity .5s ease; }
.earth-full-exploration.is-underwater .earth-full-viewport { filter:saturate(.86) contrast(1.05); }
.earth-full-atmosphere { position:absolute; inset:0; z-index:2; pointer-events:none; opacity:var(--surface); background:linear-gradient(180deg,#b9d2df16,transparent 42%,#0e2d3c18 75%,#03101866 100%); }

.earth-region-selector { position:absolute; z-index:40; left:50%; top:50%; width:min(1040px,calc(100vw - 48px)); max-height:min(82vh,760px); overflow:auto; transform:translate(-50%,-50%); padding:28px; border:1px solid #a9d9ea3d; background:linear-gradient(145deg,#07111be8,#0d1e2bd9); box-shadow:0 34px 120px #01070c99; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
.earth-region-selector[hidden] { display:none; }
.earth-full-exploration.is-selecting { background:radial-gradient(circle at center,#10293a22,transparent 55%); }
.earth-full-exploration.is-selecting .earth-full-viewport, .earth-full-exploration.is-selecting .earth-full-atmosphere { opacity:0; }
.earth-region-selector-topline { display:flex; align-items:center; justify-content:space-between; gap:20px; color:#7ea9bd; font-size:6px; letter-spacing:2.2px; }
.earth-region-selector-topline button { width:32px; height:32px; border:1px solid #9ecfe13d; background:transparent; color:#c7eaf6; font-size:20px; }
.earth-region-selector h3 { margin:12px 0 8px; color:#f0fbff; font:400 clamp(31px,4vw,54px)/1 Georgia,"Times New Roman",serif; letter-spacing:-1px; }
.earth-region-selector>p { max-width:760px; margin:0; color:#96afbd; font-size:10px; line-height:1.7; }
.earth-region-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-top:24px; }
.earth-region-card { min-height:180px; display:grid; align-content:start; gap:8px; padding:16px; text-align:left; border:1px solid #9bcce338; background:linear-gradient(160deg,#0c1d28d9,#07121bd9); color:#d9eff8; transition:transform .22s ease,border-color .22s ease,background .22s ease; }
.earth-region-card:hover { transform:translateY(-3px); border-color:#8ed9f49a; background:#102a39e8; }
.earth-region-index { color:#6b8b9b; font-size:6px; letter-spacing:1.5px; }
.earth-region-card strong { font:400 20px/1.08 Georgia,"Times New Roman",serif; color:#eefbff; }
.earth-region-card small { color:#9bb6c3; font-size:6.2px; line-height:1.5; }
.earth-region-card em { width:max-content; padding:4px 6px; border:1px solid #8cc8df3b; color:#aee0ef; font-style:normal; font-size:5.3px; letter-spacing:1.15px; }
.earth-region-source { margin-top:auto; color:#668492; font-size:5.3px; line-height:1.45; }
.earth-region-provenance { display:grid; grid-template-columns:auto 1fr; gap:3px 14px; margin-top:18px; padding-top:14px; border-top:1px solid #9ecce522; }
.earth-region-provenance strong { grid-row:1/3; color:#8cc8dc; font-size:6px; letter-spacing:1.3px; }
.earth-region-provenance span { color:#b6cfda; font-size:7px; }
.earth-region-provenance small { color:#6f8995; font-size:5.7px; line-height:1.55; }

.earth-full-hud,.earth-full-actions,.earth-control-hints,.earth-mobile-controls,.earth-full-loading,.earth-full-error,.earth-full-tutorial,.earth-landmark-card { position:absolute; z-index:12; }
.earth-full-hud { left:clamp(16px,3.2vw,48px); top:clamp(18px,4.5vh,52px); width:min(340px,43vw); padding:16px 18px; border:1px solid #b8dfeb2e; border-left-color:#8ed7ed8c; background:linear-gradient(145deg,#06141cd9,#0a2430a8); box-shadow:0 18px 60px #0110185c; backdrop-filter:blur(11px); -webkit-backdrop-filter:blur(11px); opacity:var(--surface); pointer-events:none; }
.earth-hud-kicker { color:#8dc9dc; font-size:6px; letter-spacing:2.5px; }
.earth-full-hud h3 { margin:7px 0 2px; font:400 clamp(25px,3vw,39px)/1 Georgia,"Times New Roman",serif; }
.earth-hud-mode { color:#6c94a4; font-size:5.7px; letter-spacing:1.6px; }
.earth-hud-location { margin-top:13px; color:#d9f4fb; font-size:8px; letter-spacing:1.2px; text-transform:uppercase; }
.earth-hud-coordinates { margin-top:4px; color:#a2bac6; font-size:7px; font-variant-numeric:tabular-nums; }
.earth-hud-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:12px; }
.earth-hud-metrics div { padding-top:8px; border-top:1px solid #9bcde122; }
.earth-hud-metrics small { display:block; color:#688390; font-size:5.2px; letter-spacing:1.05px; text-transform:uppercase; }
.earth-hud-metrics strong { display:block; margin-top:4px; color:#dceff5; font-size:8.2px; font-weight:550; letter-spacing:.3px; }
.earth-hud-data { display:grid; gap:3px; margin-top:10px; padding-top:8px; border-top:1px solid #9bcde11b; }
.earth-hud-data small { color:#5e7a87; font-size:5px; letter-spacing:1px; }
.earth-hud-data span { color:#8eaab7; font-size:5.8px; line-height:1.45; }

.earth-full-actions { right:clamp(16px,3.2vw,48px); top:clamp(18px,4.5vh,52px); display:flex; gap:7px; opacity:var(--surface); }
.earth-full-actions button { min-height:37px; padding:0 12px; border:1px solid #b5ddea3c; background:#06161ec2; color:#c3dee8; font-size:5.8px; letter-spacing:.9px; text-transform:uppercase; backdrop-filter:blur(10px); }
.earth-full-actions button:hover { border-color:#9bdcf398; background:#0c2937e5; color:#effcff; }
.earth-full-exit { border-color:#cce6ec66 !important; color:#e7f8fb !important; }

.earth-control-hints { left:50%; bottom:25px; display:flex; gap:18px; transform:translateX(-50%); color:#a9bdc6; font-size:5.8px; letter-spacing:.8px; text-transform:uppercase; opacity:calc(var(--surface)*.78); white-space:nowrap; pointer-events:none; }
.earth-control-hints b { color:#d7eef5; }

.earth-landmark-card { right:clamp(16px,3.2vw,48px); bottom:67px; width:min(320px,38vw); padding:15px 17px; border:1px solid #b8dfeb2c; border-right-color:#8ed7ed77; background:#061720c4; box-shadow:0 16px 55px #0110185e; backdrop-filter:blur(10px); opacity:var(--surface); }
.earth-landmark-card small { color:#7296a5; font-size:5.2px; letter-spacing:1.3px; }
.earth-landmark-card h4 { margin:6px 0; color:#e8f8fc; font:400 21px/1.05 Georgia,"Times New Roman",serif; }
.earth-landmark-card p { margin:5px 0; color:#91a9b4; font-size:6.3px; line-height:1.5; }
.earth-landmark-card a { display:inline-block; margin-top:8px; color:#79a9ba; font-size:5.3px; letter-spacing:.55px; text-decoration:none; text-transform:uppercase; }

.earth-full-loading,.earth-full-error { left:50%; top:50%; width:min(440px,calc(100vw - 42px)); transform:translate(-50%,-50%); padding:28px 30px; border:1px solid #acd9e83b; background:#06141de8; box-shadow:0 28px 100px #0109108c; backdrop-filter:blur(16px); text-align:center; z-index:35; }
.earth-full-loading[hidden],.earth-full-error[hidden] { display:none; }
.earth-full-loading-kicker { color:#7094a3; font-size:5.8px; letter-spacing:2.2px; }
.earth-full-loading h3,.earth-full-error h3 { margin:10px 0 8px; font:400 28px/1.1 Georgia,"Times New Roman",serif; color:#e9f8fc; }
.earth-full-loading-status,.earth-full-error p { color:#94aeb9; font-size:8.5px; line-height:1.6; }
.earth-loading-track { height:1px; margin-top:18px; overflow:hidden; background:#9ecde52a; }
.earth-loading-progress { width:100%; height:100%; transform:scaleX(0); transform-origin:left; background:#8ed8ef; box-shadow:0 0 14px #79c9e88c; transition:transform .18s linear; }
.earth-full-error button { margin-top:18px; padding:10px 16px; border:1px solid #a7d9e870; background:transparent; color:#d8f3fa; font-size:6.5px; letter-spacing:1.1px; text-transform:uppercase; }

.earth-full-tutorial { left:50%; top:50%; width:min(560px,calc(100vw - 44px)); transform:translate(-50%,-50%); padding:22px 24px; border:1px solid #aedbe936; background:#061720df; box-shadow:0 24px 90px #0109107a; backdrop-filter:blur(14px); opacity:1; transition:opacity .25s ease; }
.earth-full-tutorial.is-dismissed { opacity:0; pointer-events:none; }
.earth-tutorial-header { display:flex; justify-content:space-between; align-items:center; }
.earth-tutorial-header span { color:#93c5d6; font-size:6px; letter-spacing:2px; text-transform:uppercase; }
.earth-tutorial-header button { width:28px; height:28px; border:1px solid #a9d3df38; background:transparent; color:#c7e6ee; }
.earth-tutorial-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:18px; }
.earth-tutorial-grid div { padding-top:10px; border-top:1px solid #acd4df25; }
.earth-tutorial-grid b { display:block; color:#d8f3fa; font-size:7.5px; }
.earth-tutorial-grid span { display:block; margin-top:4px; color:#7895a1; font-size:5.6px; text-transform:uppercase; }
.earth-tutorial-mobile { display:none; }

.earth-mobile-controls { display:none; inset:0; pointer-events:none; opacity:var(--surface); }
.earth-mobile-dpad { position:absolute; left:20px; bottom:22px; width:146px; height:146px; }
.earth-mobile-dpad button,.earth-mobile-altitude button { position:absolute; width:46px; height:46px; border:1px solid #b7dfea48; border-radius:50%; background:#061720b5; color:#d9f4fb; pointer-events:auto; touch-action:none; }
.earth-mobile-dpad [data-earth-control="forward"] { left:50px; top:0; }
.earth-mobile-dpad [data-earth-control="left"] { left:0; top:50px; }
.earth-mobile-dpad [data-earth-control="right"] { right:0; top:50px; }
.earth-mobile-dpad [data-earth-control="backward"] { left:50px; bottom:0; }
.earth-mobile-dpad span { position:absolute; left:63px; top:63px; width:20px; height:20px; border:1px solid #9ecdd94a; border-radius:50%; }
.earth-mobile-altitude { position:absolute; right:22px; bottom:28px; width:52px; height:122px; }
.earth-mobile-altitude button { left:3px; }
.earth-mobile-altitude [data-earth-control="up"] { top:0; }
.earth-mobile-altitude [data-earth-control="down"] { bottom:0; }
.earth-mobile-altitude span { position:absolute; top:54px; width:100%; text-align:center; color:#83a2af; font-size:5.3px; letter-spacing:1px; }

.mission.is-earth-full .masthead,.mission.is-earth-full .mission-footer,.mission.is-earth-full-selecting .mission-footer { opacity:0 !important; pointer-events:none !important; transition:opacity .3s ease; }

@media (max-width:1000px) { .earth-region-grid { grid-template-columns:repeat(3,1fr); } }
@media (pointer:coarse),(max-width:760px) {
  .earth-control-hints { display:none; }
  .earth-mobile-controls { display:block; }
  .earth-full-hud { left:12px; top:12px; width:min(270px,55vw); padding:12px; }
  .earth-full-hud h3 { font-size:24px; }
  .earth-full-actions { right:12px; top:12px; max-width:42vw; flex-wrap:wrap; justify-content:flex-end; }
  .earth-full-actions button { min-height:33px; padding:0 9px; font-size:5px; }
  .earth-landmark-card { right:12px; bottom:18px; width:min(265px,48vw); }
  .earth-region-selector { width:calc(100vw - 24px); max-height:88vh; padding:18px; }
  .earth-region-grid { grid-template-columns:repeat(2,1fr); }
  .earth-region-card { min-height:145px; padding:12px; }
  .earth-region-card strong { font-size:17px; }
  .earth-tutorial-desktop { display:none; }
  .earth-tutorial-mobile { display:grid; grid-template-columns:repeat(3,1fr); }
}
@media (max-width:520px) {
  .earth-region-grid { grid-template-columns:1fr; }
  .earth-region-card { min-height:120px; }
  .earth-full-hud { width:min(230px,61vw); }
  .earth-hud-metrics { grid-template-columns:1fr 1fr; }
  .earth-landmark-card { display:none; }
}
@media (prefers-reduced-motion:reduce) { .earth-full-exploration *, .earth-full-exploration *::before, .earth-full-exploration *::after { transition-duration:.01ms !important; animation-duration:.01ms !important; } }

/* Destination-first Earth Full Exploration polish. The selector is intentionally
   visual, not a generic list, while terrain geometry remains sourced from DEM. */
.earth-full-exploration.is-selecting {
  background:
    radial-gradient(circle at 50% 45%,#75b7d018 0 18%,transparent 48%),
    linear-gradient(180deg,#02080daa,#041018cc);
}
.earth-region-selector {
  border-color:#b6deed4a;
  background:linear-gradient(145deg,#061019f2,#0b1d29ee 62%,#07141de8);
}
.earth-region-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.earth-region-card {
  min-height:286px;
  padding:0 14px 14px;
  overflow:hidden;
  border-color:#9bcce33a;
  background:linear-gradient(180deg,#0b1c27ed,#07131ce8);
  box-shadow:0 12px 38px #01070d44;
}
.earth-region-card:hover,.earth-region-card:focus-visible {
  transform:translateY(-4px);
  outline:none;
  border-color:#9fe2f6a8;
  box-shadow:0 20px 52px #01070d70,0 0 0 1px #8bdcf030 inset;
}
.earth-region-preview {
  position:relative;
  display:block;
  height:105px;
  margin:0 -14px 3px;
  overflow:hidden;
  border-bottom:1px solid #a9dbe82c;
  background:#0d2530;
}
.earth-region-preview::before,.earth-region-preview::after,.earth-region-preview i { content:""; position:absolute; inset:0; pointer-events:none; }
.earth-region-preview b {
  position:absolute; left:10px; bottom:8px; z-index:3;
  color:#f3fbff; font:600 6px/1.1 system-ui,sans-serif; letter-spacing:1.25px; text-transform:uppercase;
  text-shadow:0 2px 10px #000c;
}
.earth-region-preview-everest {
  background:linear-gradient(180deg,#6c9dbd 0 44%,#d9e9ef 45% 52%,#7b8280 53% 100%);
}
.earth-region-preview-everest::before {
  clip-path:polygon(0 100%,22% 58%,34% 77%,53% 27%,72% 68%,84% 51%,100% 100%);
  background:linear-gradient(150deg,#f7fbfc 0 27%,#aeb7b8 28% 48%,#5f6562 49% 100%);
  filter:drop-shadow(0 -6px 14px #dff5ff55);
}
.earth-region-preview-everest::after { background:linear-gradient(180deg,#ffffff10,transparent 45%,#07121c33); }
.earth-region-preview-mariana { background:linear-gradient(180deg,#2b7790 0 12%,#0e485f 13% 42%,#062635 43% 72%,#03141d 100%); }
.earth-region-preview-mariana::before { background:radial-gradient(ellipse at 52% 78%,#4d798166 0 8%,transparent 9%),linear-gradient(160deg,transparent 0 48%,#1f3d44 49% 58%,#0c252d 59% 100%); clip-path:polygon(0 35%,100% 28%,100% 100%,0 100%); }
.earth-region-preview-mariana::after { background:repeating-radial-gradient(circle at 30% 20%,#bfe4eb44 0 1px,transparent 1px 14px); opacity:.32; }
.earth-region-preview-maunakea { background:linear-gradient(180deg,#67a9c9 0 45%,#2c88a1 46% 70%,#174f63 71% 100%); }
.earth-region-preview-maunakea::before { clip-path:polygon(0 78%,18% 73%,38% 64%,54% 33%,69% 62%,84% 71%,100% 78%,100% 100%,0 100%); background:linear-gradient(160deg,#4d6550 0 34%,#443f36 35% 62%,#292b29 63% 100%); }
.earth-region-preview-maunakea::after { background:linear-gradient(180deg,transparent 55%,#7ed1db22 56% 65%,transparent 66%); }
.earth-region-preview-grandcanyon { background:linear-gradient(180deg,#78a6bf 0 40%,#d79c70 41% 100%); }
.earth-region-preview-grandcanyon::before { clip-path:polygon(0 42%,24% 50%,34% 65%,45% 55%,55% 83%,66% 59%,76% 68%,100% 47%,100% 100%,0 100%); background:repeating-linear-gradient(180deg,#b96745 0 10px,#d1875a 10px 19px,#8f4837 19px 28px,#c6764f 28px 36px); }
.earth-region-preview-grandcanyon::after { background:linear-gradient(145deg,transparent 0 55%,#4f2b2444 56% 100%); }
.earth-region-preview-antarctica { background:linear-gradient(180deg,#8ebbd2 0 45%,#eff9fd 46% 100%); }
.earth-region-preview-antarctica::before { clip-path:polygon(0 82%,16% 66%,27% 72%,45% 48%,59% 68%,72% 52%,100% 78%,100% 100%,0 100%); background:linear-gradient(160deg,#ffffff 0 45%,#c9e4ef 46% 72%,#99c7d9 73% 100%); }
.earth-region-preview-antarctica::after { background:linear-gradient(120deg,transparent 0 47%,#8ed0e744 48% 52%,transparent 53% 100%); }
.earth-region-descriptor { min-height:47px; color:#b4cbd5; font-size:6.4px; line-height:1.55; }
.earth-region-card small { color:#8ba8b5; }
.earth-region-source { font-size:5px; line-height:1.4; }

.earth-control-hints { gap:16px; padding:8px 11px; border:1px solid #b4dce41c; background:#03101852; backdrop-filter:blur(6px); }
.earth-control-hints .earth-exit-hint { color:#d8e9ee; }
.earth-control-hints .earth-exit-hint b { color:#f4d8b2; }
.earth-tutorial-desktop { grid-template-columns:repeat(5,1fr); }

/* Earth-specific atmosphere treatment. These overlays are intentionally subtle;
   the DEM and Three.js material system still carry the terrain itself. */
.earth-full-exploration[data-region="everest"] .earth-full-atmosphere { background:linear-gradient(180deg,#dff3ff24 0,#dceaf218 34%,transparent 58%,#7d97a311 100%); }
.earth-full-exploration[data-region="maunakea"] .earth-full-atmosphere { background:linear-gradient(180deg,#d9f5ff21 0,transparent 45%,#0d758922 78%,#073b4a45 100%); }
.earth-full-exploration[data-region="grandcanyon"] .earth-full-atmosphere { background:linear-gradient(180deg,#f8dfc522 0,transparent 47%,#a8643a18 78%,#512a1c3c 100%); }
.earth-full-exploration[data-region="antarctica"] .earth-full-atmosphere { background:linear-gradient(180deg,#ffffff2e 0,#dff5ff22 38%,transparent 64%,#b8dce833 100%); }
.earth-full-exploration[data-region="mariana"] .earth-full-atmosphere { background:linear-gradient(180deg,#71c6df1f 0,#1e718b20 22%,#0a405729 55%,#0318247a 100%); }
.earth-full-exploration.is-underwater::after {
  content:""; position:absolute; inset:0; z-index:3; pointer-events:none;
  background:radial-gradient(circle at 50% -8%,#72c7dd25 0,transparent 38%),linear-gradient(180deg,#1a78931a,#04131e58 78%);
  mix-blend-mode:screen;
}

@media (max-width:1000px) {
  .earth-region-card { min-height:250px; }
  .earth-region-preview { height:90px; }
}
@media (pointer:coarse),(max-width:760px) {
  .earth-region-card { min-height:205px; }
  .earth-region-preview { height:76px; }
  .earth-region-descriptor { min-height:0; }
}

/* 2026-10-02: Venus-parity Earth Full Exploration rebuild. */
.earth-full-exploration {
  --surface-opacity:0;
  --entry-progress:0;
  background:#040b11;
}
.earth-full-exploration.is-configuring,
.earth-full-exploration.is-selecting,
.earth-full-exploration.is-preparing,
.earth-full-exploration.is-entering,
.earth-full-exploration.is-active,
.earth-full-exploration.is-exiting { background:#040c12; }
.earth-full-exploration.is-entering,
.earth-full-exploration.is-active,
.earth-full-exploration.is-exiting { --surface:var(--surface-opacity,1); }
.earth-full-exploration.is-active { --surface-opacity:1; }
.earth-full-exploration.is-entering .earth-full-viewport,
.earth-full-exploration.is-active .earth-full-viewport,
.earth-full-exploration.is-exiting .earth-full-viewport { opacity:var(--surface-opacity,1); }
.earth-full-exploration.is-surface-visible.is-selecting .earth-full-viewport,
.earth-full-exploration.is-surface-visible.is-selecting .earth-full-atmosphere { opacity:.72; }
.earth-full-exploration.is-surface-visible.is-selecting::before {
  content:"";position:absolute;inset:0;z-index:30;pointer-events:none;background:#02080daa;backdrop-filter:blur(4px);
}
.earth-entry-clouds,.earth-haze-vignette { position:absolute;inset:-8%;z-index:4;pointer-events:none;opacity:0; }
.earth-entry-clouds {
  background:
    radial-gradient(ellipse at 20% 42%,#f5fbff66 0 7%,transparent 22%),
    radial-gradient(ellipse at 74% 56%,#d8edf55c 0 9%,transparent 25%),
    radial-gradient(ellipse at 48% 68%,#ffffff45 0 10%,transparent 29%);
  filter:blur(20px);transform:scale(1.2) translateY(calc((1 - var(--entry-progress))*8%));
}
.earth-haze-vignette { inset:0;background:radial-gradient(circle at 50% 48%,transparent 30%,#05101940 72%,#010508b8 100%);opacity:var(--surface);z-index:5; }
.earth-full-exploration.is-entering .earth-entry-clouds { opacity:calc((1 - var(--entry-progress)) * .88);animation:earthCloudDrift 4.2s linear both; }
.earth-full-exploration[data-region="mariana"].is-entering .earth-entry-clouds { background:linear-gradient(180deg,#8bd1e255 0,#4a9fb644 30%,#0f4c622e 62%,transparent 85%);filter:blur(12px); }
@keyframes earthCloudDrift { from{transform:scale(1.28) translate3d(-4%,7%,0)} to{transform:scale(1.75) translate3d(5%,-12%,0)} }

.earth-quality-panel {
  position:absolute;z-index:42;left:50%;top:50%;width:min(760px,calc(100vw - 44px));max-height:min(86vh,720px);overflow:auto;
  transform:translate(-50%,-50%);padding:28px;border:1px solid #a9d9ea45;background:linear-gradient(145deg,#061019f4,#0b1e2bed 70%,#07131ceb);
  box-shadow:0 34px 120px #01070ca8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.earth-quality-panel[hidden]{display:none}
.earth-quality-topline{display:flex;align-items:center;justify-content:space-between;color:#78a8ba;font-size:6px;letter-spacing:2.2px}
.earth-quality-topline button{width:32px;height:32px;border:1px solid #9ecfe142;background:transparent;color:#d2edf6;font-size:20px}
.earth-quality-copy small{display:block;margin-top:16px;color:#7fb7ca;font-size:5.8px;letter-spacing:1.8px}
.earth-quality-copy h3{margin:7px 0 8px;font:400 clamp(34px,5vw,58px)/1 Georgia,"Times New Roman",serif;color:#f0fbff;letter-spacing:-1px}
.earth-quality-copy p{max-width:650px;margin:0;color:#94afbb;font-size:9px;line-height:1.72}
.earth-quality-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}
.earth-quality-option{min-height:106px;padding:16px;text-align:left;border:1px solid #a9d6e333;background:#071720bd;color:#c9e5ee;display:flex;justify-content:space-between;align-items:flex-start;transition:.2s ease}
.earth-quality-option:hover,.earth-quality-option:focus-visible{outline:none;border-color:#9dddf49a;background:#0c2735db}
.earth-quality-option.is-selected{border-color:#8ddbf6cc;background:linear-gradient(145deg,#0b2a3be8,#0b1e29dd);box-shadow:0 0 0 1px #79cfea2a inset,0 14px 38px #0006}
.earth-quality-option strong{display:block;font-size:9px;letter-spacing:1.5px}
.earth-quality-option small{display:block;margin-top:6px;color:#7e9ca9;font-size:6px;letter-spacing:.5px}
.earth-quality-option em{color:#93d9ef;font:normal 5px/1.3 system-ui,sans-serif;letter-spacing:1px;max-width:100px;text-align:right}
.earth-quality-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding-top:12px;border-top:1px solid #9bcde228;color:#7996a3;font-size:6px;line-height:1.5}
.earth-quality-summary strong{color:#d6f0f8;font-size:7px;letter-spacing:1.2px}
.earth-quality-start{width:100%;margin-top:16px;min-height:46px;border:1px solid #91d7ef8c;background:#0c2a38cc;color:#e9f9fd;font-size:7px;letter-spacing:1.7px}

.earth-full-hud,.earth-full-actions,.earth-control-hints,.earth-mobile-controls,.earth-full-tutorial,.earth-landmark-card,
.earth-objectives-panel,.earth-objectives-toggle,.earth-observation-prompt,.earth-observation-card,.earth-location-info-toggle,.earth-boundary-hint { opacity:var(--surface-opacity,0); }
.earth-full-exploration.is-active .earth-full-hud,
.earth-full-exploration.is-active .earth-full-actions,
.earth-full-exploration.is-active .earth-control-hints,
.earth-full-exploration.is-active .earth-mobile-controls,
.earth-full-exploration.is-active .earth-full-tutorial,
.earth-full-exploration.is-active .earth-landmark-card,
.earth-full-exploration.is-active .earth-objectives-panel,
.earth-full-exploration.is-active .earth-objectives-toggle,
.earth-full-exploration.is-active .earth-observation-prompt,
.earth-full-exploration.is-active .earth-observation-card,
.earth-full-exploration.is-active .earth-location-info-toggle,
.earth-full-exploration.is-active .earth-boundary-hint { opacity:1; }

.earth-full-actions{display:block;pointer-events:auto}
.earth-actions-menu-toggle{display:none}
.earth-actions-menu{display:flex;gap:7px}
.earth-actions-menu[hidden]{display:none}

.earth-objectives-panel,.earth-observation-card{
  position:absolute;z-index:16;width:min(340px,40vw);border:1px solid #addce942;background:linear-gradient(145deg,#06141de8,#0a202bdd);box-shadow:0 20px 70px #01080d78;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)
}
.earth-objectives-panel{left:clamp(16px,3.2vw,48px);bottom:62px;padding:14px 16px}
.earth-objectives-panel[hidden],.earth-objectives-toggle[hidden],.earth-observation-prompt[hidden],.earth-observation-card[hidden],.earth-location-info-toggle[hidden],.earth-landmark-card[hidden]{display:none!important}
.earth-objectives-head,.earth-observation-card-head,.earth-landmark-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.earth-objectives-head small,.earth-observation-card-head small{display:block;color:#76a6b9;font-size:5.3px;letter-spacing:1.5px}
.earth-objectives-head strong{display:block;margin-top:4px;color:#e4f7fb;font-size:9px;letter-spacing:.6px;text-transform:uppercase}
.earth-objectives-head button,.earth-landmark-minimize{padding:5px 7px;border:1px solid #9dcddb35;background:transparent;color:#87a8b5;font-size:5px;text-transform:uppercase;letter-spacing:.8px}
.earth-objectives-panel>p{margin:9px 0;color:#8ea8b4;font-size:6.2px;line-height:1.55}
.earth-discovery-progress>div:first-child{display:flex;justify-content:space-between;color:#7896a2;font-size:5px;letter-spacing:1px}
.earth-discovery-progress strong{color:#c9e8f1}
.earth-discovery-track{height:2px;margin-top:7px;background:#8fc6d524;overflow:hidden}
.earth-discovery-track i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:#8bd8ef;box-shadow:0 0 12px #72cbe7a0;transition:transform .3s ease}
.earth-objectives-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.earth-objectives-list li{display:grid;grid-template-columns:23px 1fr;gap:8px;align-items:center;padding:7px 0;border-top:1px solid #9bcde21b}
.earth-objectives-list li>span{width:21px;height:21px;display:grid;place-items:center;border:1px solid #86bad02e;color:#708d99;font-size:5.5px}
.earth-objectives-list li.is-done>span{border-color:#86d4c07a;color:#bdeedb;background:#17443555}
.earth-objectives-list strong{display:block;color:#d3eaf1;font-size:6.3px;font-weight:600}
.earth-objectives-list small{display:block;margin-top:2px;color:#66828e;font-size:4.8px;letter-spacing:.6px}
.earth-next-target{margin-top:9px;padding:8px;border:1px solid #8ec7d32a;background:#07141d82;display:grid;grid-template-columns:1fr auto;gap:3px 10px}
.earth-next-target small{grid-column:1/-1;color:#6d8e9c;font-size:4.8px;letter-spacing:1px}
.earth-next-target strong{color:#cce9f1;font-size:6px}.earth-next-target span{color:#8fb8c8;font-size:6px}
.earth-objectives-toggle,.earth-location-info-toggle{position:absolute;z-index:15;bottom:64px;min-height:34px;padding:0 11px;border:1px solid #9bd1e244;background:#061720cc;color:#bfe1ec;font-size:5.5px;letter-spacing:.9px;text-transform:uppercase;backdrop-filter:blur(10px)}
.earth-objectives-toggle{left:clamp(16px,3.2vw,48px)}
.earth-location-info-toggle{right:clamp(16px,3.2vw,48px)}

.earth-observation-prompt{position:absolute;z-index:18;left:50%;bottom:72px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid #9bd9e65e;background:#061821e6;box-shadow:0 12px 40px #0008;backdrop-filter:blur(10px)}
.earth-observation-key{width:29px;height:29px;display:grid;place-items:center;border:1px solid #9ce0f380;color:#e7faff;font-size:8px;font-weight:700}
.earth-observation-prompt div{min-width:150px}.earth-observation-prompt small{display:block;color:#6f97a8;font-size:4.8px;letter-spacing:1.2px}.earth-observation-prompt strong{display:block;margin-top:3px;color:#dff4fa;font-size:6.8px}
.earth-observation-prompt button{min-height:31px;padding:0 10px;border:1px solid #94d6e97a;background:#0c2b39;color:#e6f9fd;font-size:5.5px;letter-spacing:1px}
.earth-observation-card{left:50%;top:50%;transform:translate(-50%,-50%);width:min(580px,calc(100vw - 40px));max-height:min(78vh,680px);overflow:auto;padding:20px 22px;z-index:28}
.earth-observation-card-head span{display:block;margin-top:3px;color:#8fd5ba;font-size:5px;letter-spacing:1px}.earth-observation-card-head button{width:30px;height:30px;border:1px solid #9ecbd83d;background:transparent;color:#d7eef4;font-size:18px}
.earth-observation-card h4{margin:12px 0 4px;color:#eefbff;font:400 clamp(27px,4vw,42px)/1.04 Georgia,"Times New Roman",serif}
.earth-observation-meta{margin:0;color:#7393a0;font-size:5.6px;letter-spacing:.7px}.earth-observation-lead{margin:13px 0;color:#c1d7df;font-size:8.2px;line-height:1.65}
.earth-observation-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.earth-observation-sections section{padding:10px;border:1px solid #8fbfd02a;background:#07151d80}.earth-observation-sections small,.earth-observation-why small{color:#78acc0;font-size:5px;letter-spacing:1.1px}.earth-observation-sections p,.earth-observation-why p,.earth-observation-more p{margin:5px 0 0;color:#91abb6;font-size:6.4px;line-height:1.6}
.earth-observation-why{margin-top:10px;padding:10px;border-left:2px solid #8bd8ed80;background:#0a1e2880}.earth-observation-more{margin-top:10px;border-top:1px solid #94c7d42b;padding-top:8px}.earth-observation-more summary{cursor:pointer;color:#afd1dc;font-size:6px}.earth-observation-source{display:inline-block;margin-top:12px;color:#79aec1;font-size:5.4px;text-decoration:none;text-transform:uppercase;letter-spacing:.7px}
.earth-full-exploration.is-observation-open::before{content:"";position:absolute;inset:0;z-index:27;background:#01070c8a;backdrop-filter:blur(3px);pointer-events:none}

.earth-landmark-card{opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}
.earth-landmark-card.is-visible{opacity:1;pointer-events:auto;transform:none}
.earth-landmark-description{padding-top:7px;border-top:1px solid #9bcde21c}.earth-landmark-facts{margin:8px 0 0;padding-left:16px;color:#87a3af;font-size:5.8px;line-height:1.55}.earth-landmark-facts li+li{margin-top:4px}

.earth-boundary-hint{position:absolute;z-index:20;left:50%;bottom:118px;transform:translate(-50%,8px);padding:7px 10px;border:1px solid #91cbd842;background:#06151dd9;color:#a9c7d2;font-size:5.3px;letter-spacing:.8px;text-transform:uppercase;pointer-events:none;visibility:hidden;transition:.2s ease}
.earth-boundary-hint.is-visible{visibility:visible;transform:translate(-50%,0)}
.earth-travel-veil{position:absolute;inset:0;z-index:38;display:grid;place-items:center;opacity:0;visibility:hidden;background:radial-gradient(circle at center,#15384a88,#02070bec 70%);backdrop-filter:blur(7px);transition:opacity .32s ease,visibility .32s ease}
.earth-travel-veil span{color:#c7eaf5;font-size:7px;letter-spacing:2px}.earth-travel-veil.is-visible{opacity:1;visibility:visible}.earth-travel-veil.is-visible:not(.is-covered){opacity:0}

.earth-tutorial-grid.earth-tutorial-desktop{grid-template-columns:repeat(6,1fr)}

@media (pointer:coarse),(max-width:760px){
  .earth-quality-panel{width:calc(100vw - 22px);max-height:90vh;padding:18px}
  .earth-quality-options{grid-template-columns:1fr;gap:7px}.earth-quality-option{min-height:66px;padding:11px 12px;align-items:center}
  .earth-quality-copy h3{font-size:34px}.earth-quality-copy p{font-size:7.5px}.earth-quality-start{min-height:42px}
  .earth-full-hud{width:min(236px,62vw);padding:10px 11px}.earth-full-hud h3{font-size:22px}.earth-hud-metrics{gap:5px}.earth-hud-metrics strong{font-size:6.7px}.earth-hud-data{display:none}
  .earth-full-actions{right:10px;top:10px;max-width:none}.earth-actions-menu-toggle{display:block!important;min-height:34px!important}.earth-actions-menu{position:absolute;right:0;top:40px;display:none;min-width:150px;grid-template-columns:1fr;gap:5px}.earth-full-exploration.is-actions-open .earth-actions-menu{display:grid}.earth-actions-menu button{width:100%}
  .earth-objectives-panel{left:10px;bottom:180px;width:min(290px,74vw);max-height:38vh;overflow:auto;padding:11px 12px}.earth-objectives-toggle{left:10px;bottom:174px}
  .earth-location-info-toggle{right:10px;bottom:174px}
  .earth-observation-prompt{bottom:176px;max-width:calc(100vw - 26px);padding:7px 8px}.earth-observation-prompt div{min-width:110px}.earth-observation-key{display:none}
  .earth-observation-card{width:calc(100vw - 22px);max-height:74vh;padding:16px;top:48%}.earth-observation-card h4{font-size:29px}.earth-observation-sections{grid-template-columns:1fr}
  .earth-landmark-card{display:block;right:10px;bottom:174px;width:min(300px,78vw);max-height:42vh;overflow:auto}
  .earth-mobile-dpad{left:12px;bottom:14px;width:132px;height:132px}.earth-mobile-dpad button,.earth-mobile-altitude button{width:42px;height:42px}.earth-mobile-dpad [data-earth-control="forward"]{left:45px}.earth-mobile-dpad [data-earth-control="left"]{top:45px}.earth-mobile-dpad [data-earth-control="right"]{top:45px}.earth-mobile-dpad [data-earth-control="backward"]{left:45px}.earth-mobile-dpad span{left:57px;top:57px}
  .earth-mobile-altitude{right:14px;bottom:18px;height:112px}.earth-boundary-hint{bottom:154px;width:max-content;max-width:78vw;text-align:center}
  .earth-region-selector{z-index:41}.earth-region-grid{grid-template-columns:1fr 1fr}.earth-region-card{min-height:205px}
}
@media (max-width:520px){
  .earth-region-grid{grid-template-columns:1fr}.earth-region-card{min-height:176px}.earth-region-preview{height:70px}
  .earth-full-hud{width:min(220px,66vw)}.earth-hud-location{font-size:6.8px}.earth-hud-coordinates{font-size:5.7px}.earth-hud-metrics small{font-size:4.4px}.earth-hud-metrics strong{font-size:6px}
  .earth-objectives-panel{width:calc(100vw - 20px);left:10px;bottom:166px}.earth-landmark-card{width:calc(100vw - 20px);right:10px;bottom:166px}
  .earth-observation-prompt{bottom:160px}.earth-objectives-toggle,.earth-location-info-toggle{bottom:158px}
  .earth-tutorial-mobile{grid-template-columns:repeat(4,1fr)}
}
@media (prefers-reduced-motion:reduce){.earth-entry-clouds{animation:none!important}}

/* 2026-10-03: Full Exploration readable cards, safe wrapping, working tutorial close. */
.earth-full-exploration,
.earth-full-exploration * { box-sizing:border-box; }
.earth-full-exploration button,
.earth-full-exploration a { cursor:pointer; }
.earth-full-exploration.is-active .earth-full-tutorial.is-dismissed {
  opacity:0 !important;
  pointer-events:none !important;
  visibility:hidden;
}
.earth-full-tutorial[hidden] { display:none !important; }

.earth-region-selector,
.earth-quality-panel,
.earth-full-tutorial,
.earth-objectives-panel,
.earth-observation-card,
.earth-landmark-card { max-width:calc(100vw - 24px); }
.earth-region-selector *,
.earth-quality-panel *,
.earth-full-tutorial *,
.earth-objectives-panel *,
.earth-observation-card *,
.earth-landmark-card * { min-width:0; overflow-wrap:anywhere; }

/* Destination selector */
.earth-region-selector-topline { font-size:8px; letter-spacing:1.6px; }
.earth-region-selector>p { font-size:11px; line-height:1.7; }
.earth-region-index { font-size:7.5px; }
.earth-region-card strong { font-size:22px; line-height:1.12; }
.earth-region-descriptor { font-size:8.8px; line-height:1.6; min-height:0; }
.earth-region-card small { font-size:7.5px; line-height:1.5; }
.earth-region-card em { font-size:6.8px; }
.earth-region-source { font-size:6.7px; line-height:1.5; }
.earth-region-provenance strong { font-size:7.5px; }
.earth-region-provenance span { font-size:8.5px; }
.earth-region-provenance small { font-size:7.2px; }

/* Flight HUD + top actions */
.earth-hud-kicker { font-size:9px; }
.earth-hud-mode { font-size:8.5px; }
.earth-hud-location { font-size:12px; line-height:1.4; }
.earth-hud-coordinates { font-size:10px; }
.earth-hud-metrics small { font-size:8.2px; }
.earth-hud-metrics strong { font-size:11px; line-height:1.4; }
.earth-hud-data small { font-size:8px; }
.earth-hud-data span { font-size:9px; }
.earth-full-actions button { min-height:42px; font-size:8.5px; letter-spacing:.65px; }

/* Tutorial */
.earth-full-tutorial { width:min(680px,calc(100vw - 32px)); padding:24px 26px; z-index:32; }
.earth-tutorial-header span { font-size:10px; letter-spacing:1.5px; }
.earth-tutorial-header button { width:34px; height:34px; font-size:20px; }
.earth-tutorial-grid { gap:12px; }
.earth-tutorial-grid b { font-size:11.5px; line-height:1.35; }
.earth-tutorial-grid span { font-size:9px; line-height:1.45; }

/* Objectives */
.earth-objectives-panel { width:min(390px,calc(100vw - 32px)); max-height:min(48vh,520px); overflow:auto; padding:16px 18px; }
.earth-objectives-head small { font-size:8.8px; }
.earth-objectives-head strong { font-size:13px; line-height:1.35; }
.earth-objectives-head button,.earth-landmark-minimize { min-height:32px; padding:6px 10px; font-size:8px; }
.earth-objectives-panel>p { font-size:11px; line-height:1.65; }
.earth-discovery-progress>div:first-child { font-size:8px; }
.earth-objectives-list li { grid-template-columns:29px 1fr; gap:10px; padding:9px 0; }
.earth-objectives-list li>span { width:27px; height:27px; font-size:7px; }
.earth-objectives-list strong { font-size:10px; line-height:1.4; }
.earth-objectives-list small { font-size:8px; }
.earth-next-target small { font-size:7.8px; }
.earth-next-target strong,.earth-next-target span { font-size:9px; }
.earth-objectives-toggle,.earth-location-info-toggle { min-height:40px; font-size:8.5px; }

/* Observation prompt + discovery card */
.earth-observation-prompt { max-width:calc(100vw - 24px); }
.earth-observation-key { width:34px; height:34px; font-size:10px; }
.earth-observation-prompt small { font-size:8px; }
.earth-observation-prompt strong { font-size:10px; line-height:1.4; }
.earth-observation-prompt button { min-height:37px; font-size:8.5px; }
.earth-observation-card { width:min(720px,calc(100vw - 32px)); max-height:min(82vh,760px); padding:24px 26px; }
.earth-observation-card-head small { font-size:8.8px; }
.earth-observation-card-head span { font-size:8px; }
.earth-observation-card-head button { width:36px; height:36px; font-size:21px; }
.earth-observation-card h4 { font-size:clamp(30px,4vw,46px); }
.earth-observation-meta { font-size:8.8px; line-height:1.5; }
.earth-observation-lead { font-size:12.5px; line-height:1.72; }
.earth-observation-sections { gap:12px; }
.earth-observation-sections section { padding:13px; }
.earth-observation-sections small,.earth-observation-why small { font-size:8.5px; }
.earth-observation-sections p,.earth-observation-why p,.earth-observation-more p { font-size:10.5px; line-height:1.7; }
.earth-observation-more summary { font-size:9.5px; }
.earth-observation-source { font-size:8px; line-height:1.45; }

/* Location info card + actual reference image */
.earth-landmark-card {
  width:min(390px,calc(100vw - 32px));
  max-height:min(68vh,690px);
  overflow:auto;
  padding:17px 18px;
}
.earth-landmark-card small { font-size:8px; line-height:1.4; }
.earth-landmark-card h4 { margin:10px 0 6px; font-size:28px; line-height:1.08; }
.earth-landmark-card p { font-size:10.5px; line-height:1.65; }
.earth-landmark-facts { font-size:9.5px; line-height:1.65; }
.earth-landmark-card a { font-size:8px; line-height:1.45; }
.earth-landmark-media {
  margin:12px 0 11px;
  border:1px solid #9bd1df2f;
  background:linear-gradient(145deg,#0a1d27,#07131a);
  overflow:hidden;
}
.earth-landmark-media img {
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  background:#0a1d27;
}
.earth-landmark-media figcaption {
  padding:7px 9px;
  color:#8fb0bd;
  font-size:8px;
  line-height:1.45;
  letter-spacing:.3px;
}
.earth-landmark-media.is-error img { display:none; }
.earth-landmark-media.is-error::before {
  content:"VISUAL LOKASI TIDAK DAPAT DIMUAT";
  display:grid; place-items:center; min-height:82px; padding:12px;
  color:#7898a5; font-size:7px; letter-spacing:1px; text-align:center;
}

/* Misc readable cards */
.earth-quality-topline { font-size:9px; }
.earth-quality-copy small { font-size:8.5px; }
.earth-quality-copy p { font-size:11.5px; }
.earth-quality-option strong { font-size:11.5px; }
.earth-quality-option small { font-size:9px; }
.earth-quality-option em { font-size:8px; }
.earth-quality-summary { font-size:9px; }
.earth-quality-summary strong { font-size:10px; }
.earth-quality-start { font-size:9.5px; }
.earth-boundary-hint { font-size:8px; }

@media (pointer:coarse),(max-width:760px) {
  .earth-full-hud { width:min(285px,68vw); padding:12px 13px; }
  .earth-full-hud h3 { font-size:26px; }
  .earth-hud-location { font-size:8.8px; }
  .earth-hud-coordinates { font-size:7.2px; }
  .earth-hud-metrics small { font-size:5.8px; }
  .earth-hud-metrics strong { font-size:8px; }
  .earth-objectives-panel { width:min(330px,82vw); max-height:42vh; padding:13px 14px; }
  .earth-objectives-panel>p { font-size:8.5px; }
  .earth-objectives-list strong { font-size:8px; }
  .earth-objectives-list small { font-size:6.2px; }
  .earth-observation-card { width:calc(100vw - 18px); max-height:78vh; padding:18px; }
  .earth-observation-card h4 { font-size:31px; }
  .earth-observation-lead { font-size:10.5px; }
  .earth-observation-sections p,.earth-observation-why p,.earth-observation-more p { font-size:8.8px; }
  .earth-landmark-card { width:min(350px,88vw); max-height:52vh; padding:14px; }
  .earth-landmark-card h4 { font-size:25px; }
  .earth-landmark-card p { font-size:8.4px; }
  .earth-landmark-facts { font-size:7.8px; }
  .earth-full-tutorial { width:calc(100vw - 18px); max-height:72vh; overflow:auto; padding:18px; }
  .earth-tutorial-header span { font-size:8px; }
  .earth-tutorial-grid b { font-size:9px; }
  .earth-tutorial-grid span { font-size:7px; }
  .earth-region-card strong { font-size:19px; }
  .earth-region-descriptor { font-size:8px; }
  .earth-region-card small { font-size:7px; }
}

@media (max-width:520px) {
  .earth-full-hud { width:min(250px,72vw); }
  .earth-objectives-panel,.earth-landmark-card { width:calc(100vw - 20px); max-height:46vh; }
  .earth-landmark-media img { aspect-ratio:16/8.5; }
  .earth-observation-card { top:49%; }
  .earth-tutorial-mobile { grid-template-columns:repeat(2,1fr); }
}


/* 2026-10-03 panel state hotfix: deterministic click targets */
.earth-landmark-card.is-visible { z-index:22; pointer-events:auto; }
.earth-landmark-head { position:relative; z-index:2; }
.earth-landmark-minimize,.earth-location-info-toggle,.earth-objectives-toggle,.earth-objectives-head button { pointer-events:auto; touch-action:manipulation; }

/* 2026-10-03 Venus-parity pass: independent panels + destination selector polish. */
.earth-objectives-panel,
.earth-landmark-card {
  transition: opacity .2s ease, transform .2s ease, border-color .2s ease;
}
.earth-full-exploration.is-objectives-open .earth-objectives-panel,
.earth-full-exploration.is-info-open .earth-landmark-card {
  pointer-events:auto;
}

/* Match Venus selector rhythm while preserving Earth's blue language. */
.earth-region-selector {
  width:min(1080px,calc(100vw - 42px));
  padding:28px;
  border-color:rgba(164,216,235,.28);
  background:linear-gradient(145deg,rgba(5,16,25,.96),rgba(9,31,43,.93));
  box-shadow:0 34px 120px rgba(0,7,12,.66),0 0 0 1px rgba(135,210,235,.06) inset;
}
.earth-region-grid { gap:12px; }
.earth-region-card {
  min-height:250px;
  padding:0 14px 14px;
  gap:8px;
  overflow:hidden;
  border-color:rgba(151,205,226,.24);
  background:linear-gradient(160deg,rgba(10,31,42,.94),rgba(5,18,27,.94));
  box-shadow:0 12px 34px rgba(0,8,13,.20);
}
.earth-region-card:hover,.earth-region-card:focus-visible {
  transform:translateY(-4px);
  outline:none;
  border-color:rgba(133,218,247,.66);
  background:rgba(12,42,57,.97);
  box-shadow:0 20px 52px rgba(0,8,13,.46),0 0 0 1px rgba(110,207,238,.15) inset;
}
.earth-region-card.is-current {
  border-color:rgba(115,220,246,.82);
  box-shadow:0 0 0 1px rgba(100,211,240,.22) inset,0 18px 48px rgba(0,14,23,.42);
}
.earth-region-card-top { display:flex;align-items:center;justify-content:space-between;gap:10px; }
.earth-region-current {
  color:#9ce8f7;
  font-size:6.8px;
  letter-spacing:1.1px;
  text-transform:uppercase;
}
.earth-region-card:not(.is-current) .earth-region-current { color:#668b99; }
.earth-region-preview { height:105px;margin:0 -14px 3px; }

/* On narrow screens Info and Goals remain independent instead of closing each other. */
@media (pointer:coarse),(max-width:760px) {
  .earth-landmark-card.is-visible {
    top:72px;
    right:10px;
    bottom:auto;
    max-height:40dvh;
  }
  .earth-objectives-panel:not([hidden]) {
    left:10px;
    bottom:166px;
    max-height:38dvh;
  }
  .earth-region-selector { width:calc(100vw - 18px);padding:18px;max-height:calc(100dvh - 18px); }
  .earth-region-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
  .earth-region-card { min-height:205px;padding:0 11px 11px; }
  .earth-region-preview { height:76px;margin-inline:-11px; }
}
@media (max-width:520px) {
  .earth-region-grid { grid-template-columns:1fr; }
  .earth-region-card { min-height:160px; }
  .earth-region-preview { height:68px; }
  .earth-landmark-card.is-visible { top:64px;max-height:39dvh; }
  .earth-objectives-panel:not([hidden]) { bottom:158px;max-height:36dvh; }
}


/* 2026-10-03 Full Exploration cross-planet consistency pass.
   Same layout/size/content rhythm as Venus; Earth keeps the blue palette. */
.earth-control-hints {
  left:50%;
  bottom:max(18px,env(safe-area-inset-bottom));
  display:flex;
  gap:16px;
  transform:translateX(-50%);
  padding:9px 12px;
  border:1px solid #b4dce423;
  background:#031018b8;
  box-shadow:0 8px 30px #01091038;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  color:#a9bdc6;
  font-size:8px;
  line-height:1.4;
  letter-spacing:.7px;
  text-transform:uppercase;
  white-space:nowrap;
  pointer-events:none;
}
.earth-control-hints b { color:#d7eef5; font-size:8.5px; }
.earth-control-hints .earth-exit-hint { color:#d8e9ee; }
.earth-control-hints .earth-exit-hint b { color:#f4d8b2; }

.earth-full-tutorial {
  width:min(680px,calc(100vw - 32px));
  padding:24px 26px;
  border-radius:0;
}
.earth-tutorial-header { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.earth-tutorial-header span { font-size:10px; line-height:1.4; letter-spacing:1.5px; }
.earth-tutorial-header button { width:34px; height:34px; flex:0 0 34px; font-size:20px; }
.earth-tutorial-grid.earth-tutorial-desktop { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; margin-top:18px; }
.earth-tutorial-grid.earth-tutorial-mobile { display:none; }
.earth-tutorial-grid div { padding-top:12px; }
.earth-tutorial-grid b { font-size:11.5px; line-height:1.35; }
.earth-tutorial-grid span { margin-top:5px; font-size:9px; line-height:1.45; }

@media (pointer:coarse),(max-width:760px) {
  .earth-control-hints { display:none; }
  .earth-full-tutorial { width:calc(100vw - 18px); max-height:72dvh; overflow:auto; padding:18px; }
  .earth-tutorial-grid.earth-tutorial-desktop { display:none; }
  .earth-tutorial-grid.earth-tutorial-mobile { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:16px; }
  .earth-tutorial-header span { font-size:8px; }
  .earth-tutorial-grid b { font-size:9px; }
  .earth-tutorial-grid span { font-size:7px; }
}

/* Final shared readability metrics: controls must read at the same size on Earth and Venus. */
.earth-full-actions button { min-height:44px; font-size:9.5px; }
.earth-control-hints { font-size:8.7px; }
.earth-control-hints b { font-size:9px; }
.earth-landmark-card p,.earth-landmark-description { font-size:11.5px; line-height:1.68; }
.earth-landmark-facts { font-size:10px; line-height:1.65; }
.earth-landmark-media figcaption { font-size:8.5px; }
@media (pointer:coarse),(max-width:760px) {
  .earth-full-actions button { min-height:40px; font-size:8px; }
  .earth-landmark-card p,.earth-landmark-description { font-size:8.8px; }
  .earth-landmark-facts { font-size:8px; }
}