/* Starship and First Landing: this stop's own drawings (05-17 sections.ships). Shared looks are in living/explain.css. */
.sh-tower { display: grid; grid-template-columns: minmax(0, 300px) minmax(0, 1fr); gap: 26px; align-items: center; }
.sh-svg { width: 100%; height: auto; display: block; border-radius: 16px; background: #1A1418; }
.sh-lift.go { animation: shRide 6s cubic-bezier(.45,0,.55,1) forwards; }
@keyframes shRide { to { transform: translateY(var(--drop)); } }
.dread { display: grid; align-content: center; gap: 12px; padding: 22px; border-radius: 16px; background: #FBF8F3; border: 1px solid var(--rule); }
.dread p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--muted); }
.sh-ride { justify-self: start; padding: 10px 16px; border-radius: 999px; border: 0; background: var(--ink); color: #FFF4EA; font: 600 14px/1 var(--wum-body); cursor: pointer; }
.sh-ride:hover { background: var(--rust); }
.sh-count { min-height: 1.5em; font: 600 14px/1.5 var(--wum-mono) !important; color: var(--ink) !important; }
.sh-cut { width: 100%; height: auto; display: block; }
.sh-empty { display: grid; gap: 16px; }
.sh-row { display: grid; grid-template-columns: 120px minmax(0, 1fr) 72px; gap: 12px; align-items: center; }
.sh-row b { font: 600 13px/1.3 var(--wum-body); color: #CFE3FF; }
.sh-blocks { display: grid; grid-template-columns: repeat(20, minmax(0, 1fr)); gap: 3px; }
.sh-blocks i { aspect-ratio: 1; border-radius: 2px; border: 1px solid rgba(207,227,255,0.34); background: transparent; transition: background 0.4s, border-color 0.4s; }
.sh-row.fast .sh-blocks i.on { background: #74E3A6; border-color: #74E3A6; }
.sh-row.slow .sh-blocks i.on { background: #FFC25C; border-color: #FFC25C; }
.sh-day { font: 600 13px/1 var(--wum-mono); color: #FFE3A0; text-align: right; }
.bob { animation: pulse 2.4s ease-in-out infinite; }
.rove2 { animation: rove 9s linear infinite; }
@media (max-width: 960px) { .sh-tower { grid-template-columns: minmax(0, 1fr); } .sh-svg { max-width: 320px; justify-self: center; } }
@media (max-width: 700px) { .sh-row { grid-template-columns: minmax(0, 1fr) 60px; } .sh-row b { grid-column: 1 / -1; } }
@media (prefers-reduced-motion: reduce) { .sh-lift.go, .bob, .rove2 { animation: none; } }