/* De la Tierra al agujero negro — añadidos sobre model-lite.css */
.side-card {
  position: fixed; left: 14px; bottom: 96px; z-index: 9;
  width: min(330px, calc(100vw - 28px)); max-height: 48vh; overflow-y: auto;
  padding: 14px 16px; background: var(--space-panel);
  border: 1px solid var(--line); border-radius: 14px;
  box-shadow: var(--shadow); backdrop-filter: blur(8px); scrollbar-width: thin;
}
.side-card h2 { margin: 0 0 2px; font-size: 1.2rem; }
.card-sub { margin: 0 0 8px; font-size: 0.7rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ion-teal); }
#card-rows { margin: 0; padding: 0; }
#card-rows .info-row { display: grid; grid-template-columns: 112px 1fr; gap: 10px; padding: 6px 0; border-bottom: 1px solid rgba(245,233,208,0.08); font-size: 0.83rem; }
#card-rows dt { color: var(--starlight-dim); font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.06em; }
#card-rows dd { margin: 0; font-family: var(--font-mono); font-size: 0.8rem; }
.card-blurb { font-size: 0.86rem; line-height: 1.55; font-style: italic; border-top: 1px solid var(--line); padding-top: 9px; }
.card-src { font-size: 0.72rem; color: var(--starlight-faint); line-height: 1.45; margin: 6px 0 0; }
#step { width: min(280px, 36vw); accent-color: var(--sol-amber); }
.hint { position: fixed; right: 16px; bottom: 100px; z-index: 8; margin: 0; font-size: 0.74rem; color: var(--starlight-faint); max-width: 210px; text-align: right; }
.tag-obj { pointer-events: none; }
@media (max-width: 760px) { .hint { display: none; } .side-card { bottom: 132px; max-height: 34vh; } }