/* The discovery shell shares the existing single 3D renderer. */
#discovery-shell { --ds-muted: #a5b2c2; position: fixed; inset: 0; z-index: 100; overflow: auto; background: #03030c; color: #f0f4f8; font-family: Inter, sans-serif; font-size: 16px; }
#discovery-shell *, #discovery-shell *::before, #discovery-shell *::after { box-sizing: border-box; }
#discovery-shell button, #discovery-shell select, #discovery-shell textarea { font: inherit; }
#discovery-shell button { cursor: pointer; transition: background-color .16s, border-color .16s; }
#discovery-shell button:disabled { opacity: .45; cursor: default; }
#discovery-shell button:focus-visible, #discovery-shell select:focus-visible, #discovery-shell textarea:focus-visible, #discovery-shell summary:focus-visible { outline: 3px solid #ffbe0b; outline-offset: 5px; }
#discovery-shell h1:focus { outline: none; }
#discovery-shell button:hover:not(:disabled) { border-color: #00d2ff; }
.discovery-header { height: 88px; padding: 0 4%; display: flex; align-items: center; gap: 28px; border-bottom: 1px solid #202a39; position: sticky; top: 0; z-index: 3; background: #03030c; }
.discovery-brand { color: #f0f4f8; border: 0; background: none; font-family: Orbitron, sans-serif !important; text-align: left; font-size: 17px !important; letter-spacing: .12em; line-height: 1.65; margin-right: auto; }
.discovery-brand span { color: #00d2ff; display: block; font-size: 13px; letter-spacing: .34em; }
.discovery-header nav { display: flex; align-self: stretch; gap: 24px; }
.discovery-header nav button { border: 0; border-bottom: 3px solid transparent; color: #acb8c6; background: none; padding: 8px 0; }
.discovery-header nav button[aria-current] { color: #00d2ff; border-bottom-color: #00d2ff; }
.discovery-grade select { background: #0a101c; color: #f0f4f8; border: 1px solid #384758; border-radius: 9px; padding: 12px 32px 12px 14px; min-height: 46px; }
.discovery-eyebrow { color: #00d2ff; text-transform: uppercase; letter-spacing: .17em; font-size: 12px; font-weight: 600; margin: 0 0 22px; }
.discovery-primary, .discovery-secondary { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 52px; padding: 14px 24px; border-radius: 9px; border: 1px solid #405166; font-weight: 600 !important; }
.discovery-primary { background: #00d2e8; border-color: #00d2e8; color: #031019; }
.discovery-primary:hover:not(:disabled) { background: #4de6f5; }
.discovery-secondary { color: #eff5fb; background: #0a111d; }
.discovery-meta { color: var(--ds-muted); font-size: 14px; line-height: 1.6; }
.discovery-home { position: relative; min-height: calc(100dvh - 88px); max-width: 1700px; margin: auto; padding: 65px 5% 42px; isolation: isolate; }
.home-worlds { position: absolute; width: 68%; height: 83%; right: 0; top: 0; object-fit: contain; z-index: -1; }
.home-copy { width: 47%; }
.home-copy h1 { font-size: clamp(48px, 5.8vw, 88px); letter-spacing: -.055em; line-height: 1.04; font-weight: 700; margin: 0 0 30px; }
.home-copy em { color: #00d2e8; font-style: normal; }
.home-description { color: #b6c0cb; font-size: 20px; margin: 0 0 30px; line-height: 1.6; }
.home-start { min-height: 68px; padding: 18px 30px; width: 92%; max-width: 440px; justify-content: space-between; font-size: 21px !important; }
.home-guide { color: #c7d5e4; font-size: 15px; line-height: 1.7; margin: 22px 0; display: flex; align-items: center; gap: 18px; }
.home-guide img { width: 115px; height: 115px; object-fit: contain; }
.home-guide p { border-left: 1px solid #00d2ff; padding-left: 18px; }
.home-paths { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; margin-top: 38px; }
.home-paths button { text-align: left; min-height: 108px; padding: 24px; display: flex; align-items: center; gap: 24px; border: 1px solid #334556; border-radius: 13px; background: #09101b; color: #eff5fb; }
.home-paths strong, .home-paths small { display: block; }
.home-paths strong { font-size: 20px; margin-bottom: 8px; }
.home-paths small { font-size: 14px; color: var(--ds-muted); }
.home-paths button > span:last-child { margin-left: auto; color: #00d2ff; font-size: 28px; }
.path-image { width: 82px; height: 62px; object-fit: contain; }
.discovery-remove { border: 0; background: transparent; color: #a5b2c2; text-decoration: underline; margin-left: 20px; min-height: 44px; padding: 10px; }
body[data-discovery-view] #app {
  top: env(safe-area-inset-top, 88px);
  left: env(safe-area-inset-left, 0);
  right: env(safe-area-inset-right, 0);
  bottom: env(safe-area-inset-bottom, 0);
  height: calc(100dvh - env(safe-area-inset-top, 88px) - env(safe-area-inset-bottom, 0));
}
body[data-discovery-view]:not([data-discovery-view="simulator"]) #app { display: none !important; }
#discovery-shell[data-view="simulator"] { bottom: auto; overflow: visible; }
.discovery-adventure { max-width: 1600px; margin: auto; padding: 10px 0 30px; text-align: center; }
.discovery-back { color: #b6c2d0; background: none; border: 0; padding: 10px 0; min-height: 44px; display: block; margin-left: 5%; }
.discovery-steps { display: flex; list-style: none; justify-content: center; gap: 90px; padding: 0; margin: 4px 0 24px; }
.discovery-steps li { color: #9aaabc; font-size: 14px; display: grid; justify-items: center; gap: 9px; }
.discovery-steps li > span { border: 2px solid currentColor; border-radius: 50%; width: 36px; height: 36px; display: grid; place-items: center; font-size: 18px; }
.discovery-steps li[aria-current] { color: #00d2e8; }
.discovery-adventure h1 { font-size: clamp(28px, 3.3vw, 48px); letter-spacing: -.04em; padding: 0 24px; margin: 16px 0; }
.adventure-question { max-width: 800px; margin: 0 auto 12px; padding: 0 24px; line-height: 1.65; color: #acbbce; font-size: 18px; }
.discovery-listen { border: 0; background: none; color: #b5c7d9; padding: 8px 16px; min-height: 44px; text-decoration: underline; text-underline-offset: 5px; }
.discovery-voice-status { margin: 0; font-size: 13px; color: #ffda87; }
.discovery-jump-scene { display: grid; grid-template-columns: 1fr 1fr; height: clamp(245px, 26vw, 365px); background: #141f2b url('./discovery/jump-landscapes.png') center / 100% 100% no-repeat; margin-top: 14px; }
.discovery-jump-world { position: relative; min-width: 0; }
.discovery-jump-world h2 { position: absolute; top: 8px; left: 5%; margin: 0; font-size: 22px; text-shadow: 0 2px 5px #000; }
.discovery-jump-world:last-child h2 { left: auto; right: 5%; }
.discovery-astronaut { position: absolute; bottom: 4%; height: 54%; width: 30%; object-fit: contain; left: 35%; filter: drop-shadow(0 4px 3px #0005); will-change: transform; }
.discovery-height { position: absolute; right: 10px; bottom: 15px; background: #03030cd9; color: #f0f4f8; font-size: 16px; border-radius: 5px; padding: 6px 10px; }
.discovery-height:empty { display: none; }
.adventure-controls { max-width: 1100px; margin: 0 auto; padding: 22px 30px 0; }
.discovery-predictions { border: 0; padding: 0; margin: 0 0 24px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; }
.discovery-predictions label { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 72px; padding: 14px; border: 1px solid #53657b; border-radius: 10px; background: #0b121e; font-size: 21px; cursor: pointer; }
.discovery-predictions label:has(input:checked) { border: 2px solid #00d2e8; background: #08232f; color: #73edf8; }
.discovery-predictions label:has(input:focus-visible) { outline: 3px solid #ffbe0b; outline-offset: 4px; }
.discovery-predictions input { width: 19px; height: 19px; accent-color: #00d2e8; }
.adventure-actions { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }
.adventure-actions .discovery-primary { min-width: 280px; }
.discovery-model-note { font-size: 13px; max-width: 700px; color: #98aabe; margin: 24px auto 0; line-height: 1.7; }
.discovery-model-note summary { cursor: pointer; padding: 10px; min-height: 44px; }
.discovery-model-note p { text-align: left; }
.jump-status { margin: 0 0 18px; color: #d8e7f6; line-height: 1.6; }
.discovery-feedback { color: #69e5d8; margin: 0 0 20px; }
.discovery-reflection { display: block; text-align: left; max-width: 680px; margin: 0 auto 20px; color: #d5e1ed; }
.discovery-reflection textarea { display: block; width: 100%; margin-top: 10px; border: 1px solid #40546b; border-radius: 8px; padding: 14px; resize: vertical; background: #0b1421; color: #f0f4f8; line-height: 1.6; }
.discovery-journal { max-width: 1000px; padding: 70px 40px; margin: auto; }
.discovery-journal h1 { font-size: clamp(36px, 4vw, 58px); letter-spacing: -.05em; margin: 0 0 15px; }
.discovery-journal p { line-height: 1.75; color: #b4c4d4; }
.discovery-empty, .discovery-journal-entry { padding: 32px 0; margin-top: 30px; border-block: 1px solid #2c3d50; }
.discovery-journal h2 { font-size: 24px; margin-bottom: 16px; }
.discovery-journal-entry blockquote { margin: 20px 0; padding-left: 20px; border-left: 2px solid #00d2e8; white-space: pre-wrap; overflow-wrap: anywhere; }
.journal-worlds-title { margin-top: 38px; }
.journal-worlds { display: flex; gap: 12px; flex-wrap: wrap; }
@media (min-width: 1500px) { .discovery-home { padding-top: 90px; } .home-paths { margin-top: 60px; } }
@media (max-width: 1000px) {
  .discovery-header { padding-inline: 24px; gap: 20px; }
  .discovery-brand { font-size: 13px !important; }
  .discovery-header nav { gap: 16px; font-size: 14px; }
  .discovery-grade select { padding-right: 8px; font-size: 14px !important; }
  .discovery-home { padding-top: 44px; }
  .home-copy { width: 53%; }
  .home-worlds { width: 68%; right: -4%; }
}
@media (max-width: 700px) {
  .discovery-header { height: calc(116px + env(safe-area-inset-top, 0px)); padding: calc(12px + env(safe-area-inset-top, 0px)) 18px 0; display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; }
  .discovery-brand { font-size: 11px !important; letter-spacing: .07em; }
  .discovery-brand span { font-size: 10px; }
  .discovery-grade { grid-column: 2; grid-row: 1; }
  .discovery-grade select { padding: 10px 4px; min-height: 42px; font-size: 12px !important; }
  .discovery-header nav { grid-column: 1 / -1; grid-row: 2; justify-content: space-between; gap: 18px; min-height: 45px; }
  .discovery-header nav button { font-size: 14px !important; }
  .discovery-home { min-height: calc(100dvh - 116px); padding: 28px 24px; }
  .home-copy { width: 100%; }
  .home-copy h1 { font-size: clamp(43px, 10.5vw, 65px); line-height: 1.02; width: 100%; margin-bottom: 24px; }
  .home-copy .discovery-eyebrow { font-size: 9px; margin-bottom: 22px; }
  .home-worlds { top: 145px; right: 0; width: 100%; height: 290px; }
  .home-description { font-size: 17px; margin-bottom: 20px; }
  .home-start { min-height: 58px; font-size: 18px !important; width: 100%; max-width: none; }
  .home-guide { margin: 18px 0; font-size: 13px; }
  .home-guide img { width: 90px; height: 90px; }
  .home-paths { grid-template-columns: 1fr; gap: 14px; margin-top: 25px; }
  .home-paths button { min-height: 90px; padding: 18px; gap: 18px; }
  .home-paths strong { font-size: 17px; }
  .home-paths small { font-size: 12px; }
  body[data-discovery-view] #app { top: 116px; height: calc(100dvh - 116px); }
  .discovery-adventure { padding-top: 6px; }
  .discovery-back { margin-left: 22px; font-size: 13px !important; }
  .discovery-steps { gap: 50px; margin: 12px 0 22px; }
  .discovery-steps li { font-size: 12px; }
  .discovery-steps li > span { width: 30px; height: 30px; font-size: 15px; }
  .discovery-adventure h1 { font-size: 29px; }
  .adventure-question { font-size: 15px; }
  .discovery-listen { font-size: 14px !important; }
  .discovery-jump-scene { height: 245px; background-size: auto 100%; }
  .discovery-astronaut { height: 40%; width: 48%; left: 26%; }
  .discovery-jump-world h2 { font-size: 17px; }
  .discovery-height { font-size: 12px; right: 5px; bottom: 5px; }
  .adventure-controls { padding: 20px 20px 0; }
  .discovery-predictions { gap: 8px; }
  .discovery-predictions label { font-size: 14px; padding: 12px 6px; min-height: 65px; gap: 6px; flex-direction: column; }
  .discovery-predictions input { width: 16px; height: 16px; }
  .adventure-actions { gap: 12px; }
  .adventure-actions button { width: 100%; min-width: 0 !important; }
  .discovery-journal { padding: 36px 24px; }
  .discovery-journal h1 { font-size: 38px; }
  .discovery-reflection { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) { #discovery-shell *, #discovery-shell *::before, #discovery-shell *::after { transition: none !important; scroll-behavior: auto !important; } }

.experiment-world-selector { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 12px 20px 20px; color: #c1d0df; }
.experiment-world-selector select { padding: 10px 14px; min-height: 44px; background: #0b1523; border: 1px solid #496077; border-radius: 8px; color: #eff6fc; }
.experiment-surface-note { max-width: 690px; margin: 0 auto 16px; padding: 0 20px; font-size: 13px; color: #e8c88e; line-height: 1.5; }
.discovery-jump-scene:not([data-target="mars"]) .discovery-jump-world:last-child { background: #111a24 url('./discovery/gravity-chamber.png') center / cover no-repeat; }
@media (max-width: 700px) {
  .discovery-header nav { gap: 9px; }
  .discovery-header nav button { font-size: 12px !important; }
  .experiment-world-selector { font-size: 14px; gap: 10px; }
  .experiment-world-selector select { min-width: 0; max-width: 170px; }
}

@media (max-width: 700px) { .path-image { width: 46px; height: 52px; flex-shrink: 0; } }

/* Home app gateway and persistent independent workspaces. */
.discovery-header { gap: 20px; }
.discovery-header nav { align-items: center; gap: 18px; }
.current-app { color: #e3edf6; font-size: 14px; max-width: 230px; }
.app-switch select { max-width: 170px; min-height: 44px; padding: 10px; color: #e3edf6; background: #101928; border: 1px solid #405166; border-radius: 8px; }
.notebook-link { background: none; color: #a5b2c2; border: 0; min-height: 44px; }
.home-worlds { height: 540px; }
.home-copy { min-height: 470px; }
.home-app-groups { position: relative; }
.home-app-groups h2 { margin: 30px 0 14px; font-size: 16px; color: #c1d3e6; letter-spacing: .05em; }
.home-paths { grid-template-columns: repeat(3, minmax(0,1fr)); margin: 0; gap: 16px; }
.home-paths button { padding: 20px 14px; gap: 12px; }
.home-paths strong { font-size: 17px; line-height: 1.4; }
.home-paths small { line-height: 1.6; }
.path-image { width: 58px; flex-shrink: 0; }
.continue-activity { margin-bottom: 14px; }
.app-screen { max-width: 1080px; padding: 48px 32px 80px; margin: auto; }
#discovery-shell .app-screen .tab-panel { display: block; animation: none; }
.app-screen h2 { font-size: clamp(26px,4vw,42px); margin-bottom: 18px; }
.app-screen .tab-instructions { font-size: 17px; line-height: 1.7; }
.app-screen .hud-select { min-height: 48px; width: 100%; }
.app-screen .tab-panel { padding: 0; }
.app-screen .compare-selectors { gap: 24px; }
.app-screen .compare-stat-block { margin-top: 24px; }
.app-screen .exoplanet-preview-card { max-width: 900px; margin: 24px auto; padding: 16px; border-color: rgba(74,182,227,.42); box-shadow: 0 24px 70px rgba(0,0,0,.34), inset 0 0 36px rgba(0,210,255,.06); }
.app-screen .options-list { gap: 14px; }
.app-screen .option-btn { min-height: 54px; white-space: normal; }
.compare-worlds { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 28px 0; }
.compare-world { text-align: center; background: #09121f; border: 1px solid #263b51; border-radius: 18px; padding: 24px 18px; }
.compare-world img { width: 150px; height: 150px; max-width: 100%; }
.compare-world h3 { font-size: 21px; margin: 16px 0; }
.compare-world p { color: #b0c0d3; line-height: 1.7; font-size: 15px; }
.texture-credit { color: #9eacc0; font-size: 12px; line-height: 1.6; }
.texture-credit a { color: #8cdbec; }
.scene-return { display: flex; gap: 16px; align-items: center; padding: 8px 4%; background: #07101c; font-size: 13px; color: #a5b2c2; }
.scene-return .discovery-secondary { min-height: 36px; padding: 8px 14px; }
.scene-return[hidden] { display: none; }
body[data-active-app] .sidebar-tabs { display: none !important; }
@media (min-width: 1025px) {
  body[data-active-app] .sidebar-hud #btn-sidebar-sheet-handle {
    position: absolute;
    z-index: 12;
    top: 50%;
    right: auto;
    left: 8px;
    display: grid;
    width: 40px;
    height: 64px;
    color: #bceaff;
    border: 1px solid rgba(0, 210, 255, .42);
    border-radius: 0 14px 14px 0;
    background: rgba(5, 15, 31, .92);
    box-shadow: 0 0 22px rgba(0, 210, 255, .18);
    cursor: pointer;
    transform: translateY(-50%);
  }
  body[data-active-app] .sidebar-hud #btn-sidebar-sheet-handle::before {
    content: '›';
    font: 700 32px/1 Inter, sans-serif;
  }
  body[data-active-app] .sidebar-hud.collapsed #btn-sidebar-sheet-handle::before { content: '‹'; }
  body[data-active-app] .sidebar-hud #btn-sidebar-sheet-handle span { display: none; }
}
body[data-active-app] #tab-overview .overview-intro { display: none; }
body:not([data-active-app="tour"]) .overview-tour-controller { display: none !important; }
body:not([data-active-app="storm"]) #btn-solar-storm { display: none !important; }
body:not([data-active-app="comet"]) #btn-comet-sandbox,
body:not([data-active-app="comet"]) .comet-heading-control,
body:not([data-active-app="comet"]) #comet-destination-banner { display: none !important; }
body:not([data-active-app="storm"]):not([data-active-app="comet"]) .action-tools-group { display: none !important; }
.scene-tools { display: flex; gap: 8px; padding: 10px 16px; border-bottom: 1px solid #263b51; }
.scene-tools button { min-height: 42px; background: #102032; color: #d9f5ff; border: 1px solid #405166; border-radius: 8px; padding: 8px 14px; cursor: pointer; }
body:not([data-active-app="explore"]):not([data-active-app="tour"]) .scene-planet-tools { display: none; }
body:not([data-active-app="mission"]) .scene-mission-tools { display: none; }
body[data-active-app="storm"] .controls-tab-intro h2,
body[data-active-app="comet"] .controls-tab-intro h2 { font-size: 24px; }
@media (max-width: 1000px) {
  .discovery-header { gap: 12px; }
  .current-app { max-width: 160px; }
  .notebook-link { font-size: 13px !important; }
  .home-paths { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
  .discovery-header { height: 132px; padding: 12px 5%; display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; }
  .discovery-brand { font-size: 13px !important; }
  .discovery-brand span { font-size: 10px; }
  .discovery-header nav { grid-row: 2; grid-column: 1 / 3; gap: 14px; min-width: 0; }
  .current-app { max-width: none; font-size: 13px; }
  .app-switch { grid-column: 2; grid-row: 1; }
  .app-switch select { max-width: 118px; font-size: 13px !important; }
  .notebook-link { display: none; }
  body[data-discovery-view] #app { top: 132px; height: calc(100dvh - 132px); }
  .home-copy { width: 100%; min-height: 0; }
  .home-worlds { height: 280px; width: 100%; position: relative; display: block; margin: -20px 0 18px; }
  .home-copy h1 { font-size: clamp(44px,11vw,66px); }
  .discovery-home { display: flex; flex-direction: column; padding-top: 24px; }
  .home-copy { order: -1; }
  .home-guide { margin: 0; }
  .home-paths { grid-template-columns: 1fr; }
  .home-paths button { min-height: 108px; padding: 18px; }
  .app-screen { padding: 26px 18px 60px; }
  .compare-worlds { gap: 10px; }
  .compare-world { padding: 16px 10px; }
  .compare-world p { font-size: 13px; }
  .compare-world img { width: 115px; height: 115px; }
  .scene-return { padding: 8px 12px; }
  .scene-return span { display: none; }
}
body[data-active-app] #sidebar { flex-direction: column; justify-content: flex-start; }
body[data-active-app] .scene-tools { flex: 0 0 auto; width: 100%; }
body[data-active-app] .sidebar-scroll-container { min-height: 0; width: 100%; height: auto; flex: 1 1 auto; }
body[data-discovery-view] #app { position: fixed; left: 0; bottom: 0; }
body:has(.scene-return:not([hidden])) #app { top: 141px; height: calc(100dvh - 141px); }
#discovery-shell .app-screen h2:focus { outline: none; }
body[data-active-app] .sidebar-hud.collapsed .scene-tools { display: none; }
body[data-active-app] #app .planet-moon-actions.hidden::before { content: none; }
@media (max-width: 700px) {
  .home-worlds { top: auto; }
  body:has(.scene-return:not([hidden])) #app { top: 185px; height: calc(100dvh - 185px); }
  body[data-active-app] #sidebar .scene-tools { gap: 6px; padding: 8px 12px; }
  body[data-active-app] #sidebar .scene-tools button { font-size: 12px; }
}

body:not([data-active-app="comet"]) #btn-comet-keyboard { display: none !important; }
.app-screen:focus, .current-app:focus { outline: none; }

body[data-active-app="storm"] .action-tools-group,
body[data-active-app="comet"] .action-tools-group { order: -1; flex-wrap: wrap; }

/* Full-width comparison lab: two worlds, one shared evidence surface. */
.compare-lab { position: relative; }
.compare-lab::before {
  content: '';
  position: absolute;
  inset: 120px -24px auto;
  height: 430px;
  pointer-events: none;
  background: radial-gradient(circle at 20% 50%, rgba(0,210,255,.12), transparent 34%), radial-gradient(circle at 80% 50%, rgba(158,91,255,.13), transparent 34%);
  filter: blur(18px);
}
.compare-lab .compare-selectors { position: relative; z-index: 2; margin-bottom: 4px; }
.compare-versus { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; margin: 0 0 -52px; padding: 0 32px; color: #6f8298; font: 700 11px 'Orbitron', sans-serif; letter-spacing: .12em; }
.compare-versus span:last-child { text-align: right; }
.compare-versus strong { position: relative; z-index: 3; display: grid; place-items: center; width: 52px; aspect-ratio: 1; border: 1px solid #476077; border-radius: 50%; background: #081321; color: #f6c95f; box-shadow: 0 0 24px rgba(255,190,11,.16); font-size: 13px; }
.compare-worlds { position: relative; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 56px; margin: 28px 0 18px; }
.compare-world { min-width: 0; padding: 38px 24px 24px; overflow: hidden; background: linear-gradient(155deg, rgba(10,29,49,.96), rgba(3,8,19,.94)); border-color: rgba(78,139,181,.38); box-shadow: 0 24px 50px rgba(0,0,0,.24); }
.compare-world-2 { background: linear-gradient(205deg, rgba(31,18,53,.92), rgba(3,8,19,.94)); border-color: rgba(153,96,211,.38); }
.compare-planet-orbit { display: grid; place-items: center; min-height: 190px; background: radial-gradient(circle, rgba(59,179,225,.14), transparent 62%); }
.compare-world-2 .compare-planet-orbit { background: radial-gradient(circle, rgba(160,98,231,.15), transparent 62%); }
.compare-world img { width: clamp(150px,22vw,220px); height: clamp(150px,22vw,220px); object-fit: contain; filter: drop-shadow(0 0 28px rgba(97,205,255,.23)); }
.compare-type { margin: 4px 0 0 !important; min-height: 18px; color: #77dff5 !important; font: 700 10px 'Orbitron', sans-serif !important; letter-spacing: .11em; }
.compare-world-2 .compare-type { color: #c58cff !important; }
.compare-world h3 { margin: 8px 0 10px; font-family: 'Orbitron', sans-serif; }
.compare-world > p:last-child { max-width: 430px; margin: auto; }
.compare-insight { position: relative; margin: 18px 0 26px; padding: 18px 22px; border: 1px solid rgba(255,190,11,.34); border-radius: 14px; background: linear-gradient(110deg, rgba(255,190,11,.11), rgba(0,210,255,.06)); }
.compare-insight span { color: #f6c95f; font: 700 10px 'Orbitron', sans-serif; letter-spacing: .12em; }
.compare-insight p { margin: 7px 0 0; color: #e5eef7; font-size: 16px; line-height: 1.65; }
.compare-lab .comparison-display { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.compare-lab .compare-stat-block { margin: 0 !important; padding: 16px; border: 1px solid #23384d; border-radius: 12px; background: rgba(5,14,26,.72); }
.compare-lab .compare-stat-block:first-child { grid-column: 1 / -1; }

@media (max-width: 700px) {
  .compare-versus { gap: 8px; padding: 0 12px; margin-bottom: -42px; }
  .compare-versus strong { width: 42px; }
  .compare-worlds { gap: 10px; }
  .compare-world { padding: 30px 10px 16px; }
  .compare-planet-orbit { min-height: 118px; }
  .compare-world h3 { font-size: 16px; }
  .compare-world > p:last-child { font-size: 12px; line-height: 1.5; }
  .compare-lab .comparison-display { grid-template-columns: 1fr; }
  .compare-lab .compare-stat-block:first-child { grid-column: auto; }
  .compare-insight { padding: 15px 16px; }
  .compare-insight p { font-size: 14px; }
}
body[data-active-app="comet"] .action-tools-group > button { min-height: 44px; }
body[data-active-app] .comet-destination-banner:empty { display: none; }