/* Earth exploration: retain the selected navy card and make room for the globe. */
.brand-en { display:block; font-size:14px; letter-spacing:1.6px; white-space:nowrap; }
.brand-type { display:grid; grid-template-columns:max-content; }
.wordmark .brand-cn { display:block; font-size:14px; line-height:1.3; letter-spacing:0; margin-top:5px; color:#b7cbd4; font-weight:500; text-align:justify; text-align-last:justify; }
/* The information dialog shares the site's bilingual identity on every screen. */
#source-dialog .source-brand-type {display:grid;grid-template-columns:max-content;min-width:0;}
#source-dialog .source-brand-heading {width:fit-content;max-width:calc(100% - 44px);margin-bottom:12px;}
#source-dialog .source-brand-en {display:block;margin:0;color:#e6edf3;font-size:clamp(10px,3.3vw,14px);font-weight:700;line-height:1.3;letter-spacing:1.2px;white-space:nowrap;}
#source-dialog .source-brand-cn {display:block;margin:5px 0 0;color:#b7cbd4;font-size:clamp(11px,3.4vw,14px);font-weight:500;line-height:1.3;letter-spacing:0;text-align:justify;text-align-last:justify;}
#source-dialog .source-signature {gap:13px;}
#source-dialog .source-brand-mark {position:relative;width:40px;height:40px;flex-shrink:0;overflow:hidden;border-radius:50%;}
#source-dialog .source-brand-mark img {position:absolute;left:50%;top:50%;width:140%;height:140%;max-width:none;transform:translate(-50%,-50%);object-fit:cover;display:block;}
.long-target-name .object-info h1,.facts-panel #facts-name,.destination-name { text-wrap:balance; }
@media(max-width:1100px) { .brand-en { font-size:11px; letter-spacing:.8px; } }
@media(max-width:1100px) { .wordmark .brand-cn { font-size:12px; } }
@media(max-width:760px) { .brand-en { font-size:10px; letter-spacing:.6px; } }
@media(max-width:760px) { .wordmark .brand-cn { font-size:11px; margin-top:4px; } }
@media(max-width:420px) { .brand-en { font-size:8.5px; letter-spacing:.35px; } }
@media(max-width:370px) {
  .guide-entry > span { display:none; }
  .guide-entry > svg:first-child { display:block; }
}
body.page-idle *,body.page-idle *::before,body.page-idle *::after,body.motion-paused .space-background *{animation-play-state:paused!important}
.dock-heading > span { display: flex; align-items: center; gap: 10px; min-width: 0; }
.dock-context { margin-left: 0; }
.dock-scroll-controls { display: inline-flex; gap: 3px; margin-left: 3px; }
.dock-scroll-controls button { width: 25px; height: 26px; border: 1px solid rgba(145, 204, 230, .18); border-radius: 6px; background: rgba(87, 137, 162, .09); color: #bbdbe9; font: 20px/1 "Segoe UI", sans-serif; }
.dock-scroll-controls button:hover { background: rgba(130, 198, 226, .16); }
.dock-scroll-controls button:disabled { opacity: .27; }
.destination-list { gap: 5px; scroll-padding-inline: 6px; }
.destination-list button { flex-basis: 88px; gap: 8px; min-height: 78px; padding: 9px 4px 7px; font-size: 11px; letter-spacing: .1px; }
.destination-list .destination-name { line-height: 1.5; }
.destination-icon.craft-thumbnail { width: 48px; height: 36px; background: none; border: 0; border-radius: 0; box-shadow: none; transform: none; }
.destination-icon.craft-thumbnail img { display: block; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 2px 6px rgba(92, 178, 226, .2)); pointer-events: none; }
.destination-list .craft-thumbnail { margin-block: -6px; }
.catalog-card .craft-thumbnail { flex: 0 0 48px; }
.near-earth-scene .earth-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 7px; width: 100%; }
.near-earth-scene .earth-actions button { min-width: 0; width: 100%; min-height: 36px; padding: 8px; gap: 5px; letter-spacing: 0; font-size: 11px; line-height: 1.5; justify-content: flex-start; }
.near-earth-scene .earth-actions .action-arrow { display: none; }
#open-earth-environment { border-color: rgba(138, 188, 223, .3); }
#open-continents { grid-column: 1 / -1; justify-content: center; border-color: rgba(116,211,242,.4); background: linear-gradient(110deg,rgba(73,153,195,.17),rgba(84,105,179,.10)); color:#c3ebff; }
.earthsense-continent-selector { grid-template-columns:repeat(4,minmax(0,1fr)); }
.earthsense-continent-option,.earthsense-continent-option:last-child { grid-column:auto; justify-content:center; min-height:40px; padding:8px 4px; }
@media(max-width:760px){.earthsense-continent-option,.earthsense-continent-option:last-child{min-height:44px}}
.earthsense-continent-number { display:none; }
body.earth-environment-active .facts-panel,
body.earth-environment-active .destination-dock { visibility: hidden; pointer-events: none; }
body.earth-environment-active .view-tools { right: 390px; }
body.ui-hidden .earth-environment-panel,
body.clean-view .earth-environment-panel { visibility: hidden; pointer-events: none; }

@media (min-width: 761px) {
  .near-earth-scene .facts-panel:not(.collapsed) { max-height: calc(100dvh - 380px); }
  .compact-object-intro .object-info { width: 230px; }
  .compact-object-intro .object-info h1 { font-size: 64px; }
  .compact-object-intro.long-target-name .object-info h1 { font-size: 38px; line-height: 1.3; }
  .compact-object-intro .object-description { font-size: 12px; line-height: 1.9; }
  .facts-panel.collapsed { width: 128px; max-height: 58px; border-radius: 17px; overflow: hidden; }
  .facts-panel.collapsed .facts-toolbar { min-height: 54px; padding: 10px 15px; border-radius: 16px; }
  .facts-panel.collapsed .facts-toggle { width: 100%; justify-content: space-between; font-size: 11px; }
  .facts-panel.collapsed .card-toggle-label { display: inline-flex; align-items: center; gap: 7px; }
  .facts-panel.collapsed .card-toggle-label svg { width: 14px; height: 14px; }
}
@media (min-width: 761px) and (max-width: 1300px) {
  .compact-object-intro .object-info { left: 30px; width: 190px; }
  .compact-object-intro .object-info h1 { font-size: 56px; letter-spacing: 5px; }
  .compact-object-intro.long-target-name .object-info h1 { font-size: 34px; letter-spacing: 1px; }
  .compact-object-intro .object-english { letter-spacing: 3px; font-size: 10px; }
  .compact-object-intro .object-description { font-size: 11px; letter-spacing: .1px; }
  .near-earth-scene .earth-actions button { font-size: 10px; padding-inline: 6px; gap: 4px; }
  .near-earth-scene .earth-actions svg { width: 13px; height: 13px; }
  .near-earth-scene .facts-panel:not(.collapsed) { width: 290px; right: 28px; }
  .near-earth-scene .facts-panel .facts-content { padding-inline: 18px; }
  .near-earth-scene .facts-panel .facts-toolbar { padding-inline: 18px; }
  .near-earth-scene .facts-panel #facts-name { font-size: 25px; }
  .near-earth-scene .facts-panel .facts-summary { font-size: 13px; }
  .near-earth-scene .facts-panel .object-stats { gap: 8px; }
  .near-earth-scene .facts-panel .object-stats dd { font-size: 14px; }
  body.near-earth-scene:not(.guide-active):not(.earthsense-active):not(.earth-environment-active) .explorer:has(.facts-panel:not(.collapsed):not([hidden])) .view-tools { right: 331px; }
}
@media (min-width: 761px) and (max-width: 1100px) {
  .compact-object-intro .object-info { left: 22px; width: 166px; }
  .compact-object-intro .object-info h1 { font-size: 49px; }
  .compact-object-intro.long-target-name .object-info h1 { font-size: 29px; }
  .compact-object-intro .object-description { font-size: 10px; line-height: 1.85; }
  .near-earth-scene .earth-actions { gap: 6px; }
  .near-earth-scene .earth-actions button { font-size: 10px; padding-inline: 5px; gap: 3px; }
  .near-earth-scene .earth-actions svg { display: none; }
  .compact-object-intro .object-navigation { gap: 5px; margin-top: 14px; }
  .compact-object-intro .object-navigation button { font-size: 10px; padding: 7px 9px; }
  .near-earth-scene .facts-panel { right: 22px; }
  .near-earth-scene .facts-panel:not(.collapsed) { width: 280px; right: 22px; }
  .near-earth-scene .cosmic-breadcrumb { left: 22px; }
  .site-header { padding-inline: 22px; }
  .wordmark { gap: 9px; }
  .brand-type { font-size: 13px; letter-spacing: 3px; }
  .brand-mark { width: 31px; height: 31px; }
  .mode-nav { left: 47%; }
  .mode-nav button { padding-inline: 9px; font-size: 11px; }
  .guide-entry { min-height: 37px; margin-right: 78px; padding: 8px 9px; font-size: 10px; }
  .guide-entry svg { width: 14px; height: 14px; }
  .display-tools { right: 20px; }
  body.near-earth-scene:not(.guide-active):not(.earthsense-active):not(.earth-environment-active) .explorer:has(.facts-panel:not(.collapsed):not([hidden])) .view-tools { right: 315px; }
  body.earth-environment-active .view-tools { right: 349px; }
}
@media (min-width: 761px) and (max-height: 800px) {
  .compact-object-intro .object-info { top: 65px; }
  .compact-object-intro .object-info h1 { margin-top: 12px; font-size: 49px; }
  .compact-object-intro.long-target-name .object-info h1 { font-size: 30px; }
  .compact-object-intro .object-english { margin-bottom: 16px; }
  .compact-object-intro .object-description { margin-bottom: 17px; }
  .near-earth-scene .earth-actions { margin-top: 16px; }
}
@media (min-width: 761px) and (min-height: 601px) and (max-height: 800px) {
  .near-earth-scene .cosmic-breadcrumb { top: 25px; }
}
@media (max-width: 760px) {
  .dock-heading { gap: 8px; padding-inline: 3px; }
  .dock-heading > span { gap: 5px; }
  .dock-scroll-controls { margin-left: 0; gap: 2px; }
  .dock-scroll-controls button { width: 23px; height: 24px; }
  .destination-search { min-width: 0; }
  .destination-search input { width: min(132px, 34vw); }
  .destination-list button { flex-basis: 84px; min-height: 72px; font-size: 11px; gap: 8px; }
  .destination-icon.craft-thumbnail { width: 45px; height: 34px; }
  .catalog-card .craft-thumbnail { width: 40px; height: 30px; flex-basis: 40px; }
  .compact-object-intro .object-info { width: calc(100vw - 48px); }
  .compact-object-intro .eyebrow { max-width: calc(100vw - 110px); }
  .compact-object-intro .object-info h1 { max-width: calc(100vw - 110px); }
  .compact-object-intro .object-english { max-width: calc(100vw - 110px); }
  .near-earth-scene .earth-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); width: min(100%, 460px); margin-top: 12px; gap: 5px; }
  .near-earth-scene .earth-actions button { min-height: 33px; padding: 6px; font-size: 10px; gap: 4px; justify-content: center; }
  .near-earth-scene .earth-actions svg { width: 13px; height: 13px; }
  .compact-object-intro .object-navigation { max-width: calc(100vw - 76px); margin-top: 9px; }
  body[data-destination="earth"]:not(.solar-near-orbit) .object-info { top: 40px !important; }
  body[data-destination="earth"]:not(.solar-near-orbit) .object-info .eyebrow,
  body[data-destination="earth"]:not(.solar-near-orbit) .object-english { display: none; }
  body[data-destination="earth"]:not(.solar-near-orbit) .object-info h1 { margin: 0; font-size: 30px; line-height: 1.2; letter-spacing: 3px; }
  body[data-destination="earth"]:not(.solar-near-orbit) .earth-actions { margin-top: 8px; }
  body[data-destination="earth"]:not(.solar-near-orbit) .object-navigation { margin-top: 6px; }
  body.earth-environment-active .object-info,
  body.earth-environment-active .cosmic-breadcrumb,
  body.earthsense-active .object-info,
  body.earthsense-active .cosmic-breadcrumb { display: none; }
  body.earth-environment-active .view-tools,
  body.earthsense-active .view-tools { right: 15px; top: 24px; bottom: auto; }
  body.near-earth-scene:not(.guide-active):not(.earthsense-active):not(.earth-environment-active) .facts-panel:not(.collapsed):not([hidden]) {
    position: fixed; top: auto; bottom: 82px; left: 12px; right: 12px;
    width: auto; max-height: 44dvh; border-radius: 21px;
  }
  body.near-earth-scene:not(.guide-active):not(.earthsense-active):not(.earth-environment-active):has(.facts-panel:not(.collapsed):not([hidden])) :is(.object-info,.destination-dock,.cosmic-breadcrumb) { display: none; }
  body.near-earth-scene:not(.guide-active):not(.earthsense-active):not(.earth-environment-active):has(.facts-panel:not(.collapsed):not([hidden])) .view-tools { top: 24px; bottom: auto; }
}
@media (max-width: 370px) {
  .near-earth-scene .earth-actions svg { display: none; }
  .dock-heading > span { gap: 3px; }
  .dock-scroll-controls button { width: 21px; }
  .catalog-card .craft-thumbnail { width: 32px; height: 24px; flex-basis: 32px; }
}
@media (max-height: 500px) and (orientation: landscape) {
  .near-earth-scene .earth-actions { display: none; }
  .compact-object-intro .object-info { width: 175px; }
  .compact-object-intro .object-info h1,
  .compact-object-intro.long-target-name .object-info h1 { font-size: 29px; }
  .destination-list button { min-height: 60px; flex-basis: 82px; }
  body.earth-environment-active .view-tools { display: none; }
}

/* Help remains reachable on a phone as well as with a keyboard. */
#help-dialog { width: min(740px, calc(100vw - 32px)); }
#help-dialog .help-grid p { font-size: 12px; line-height: 1.85; }
.display-tools .help-button { color: #b8d9e6; font-size: 17px; }
@media (min-width:761px) { .guide-entry { margin-right: 120px; } }
@media (max-width:760px) {
 .display-tools { gap: 0; }
 #help-dialog .help-grid { grid-template-columns: 1fr; gap: 18px; }
 #help-dialog .help-grid > div { padding-bottom: 15px; border-bottom: 1px solid #93c8eb1c; }
 #help-dialog .help-grid h3 { margin-top: 5px; font-size: 13px; }
}
@media(max-width:760px){.guide-entry{right:116px;padding-inline:8px;gap:4px}}