/* Minimal original crew. DESIGN.md: Daniel's 2026-09-09 ruling. */
.landing [data-crew-showcase] .crew-art { display: block; margin-top: var(--space-8); }
.landing [data-crew-showcase] .crew-toolbar { display: flex; align-items: center; justify-content: center; margin: var(--space-2) 0 0; }
.landing [data-crew-showcase] .crew-toolbar[hidden] { display: none; }
.landing [data-crew-showcase] .crew-pose-options { flex-wrap: nowrap; justify-content: center; gap: var(--space-4); width: min(100%, 360px); padding: 0; border: 0; background: transparent; }
.landing [data-crew-showcase] .crew-timer { --crew-tint: #AAF26D; position: relative; display: inline-flex; flex: 1 1 0; align-items: center; justify-content: center; min-width: 0; height: 44px; min-height: 44px; padding: 9px 4px; border: 0; border-radius: var(--radius-control); color: var(--color-support); background: transparent; font: 500 13px/1.35 var(--font-body); white-space: nowrap; transition: color 140ms var(--ease-out); }
.landing [data-crew-showcase] .crew-timer[data-crew-pose="idle"] { --crew-tint: #9BAEEA; }
.landing [data-crew-showcase] .crew-timer[data-crew-pose="needsYou"] { --crew-tint: #E9BF73; }
.landing [data-crew-showcase] .crew-timer::after { content: ""; position: absolute; bottom: 0; left: 20%; right: 20%; height: 2px; border-radius: 1px; background: var(--crew-tint); transform: scaleX(0); transition: transform 160ms var(--ease-out); pointer-events: none; }
.landing [data-crew-showcase] .crew-timer[aria-pressed="true"] { color: var(--color-text); background: transparent; text-decoration: none; box-shadow: none; }
.landing [data-crew-showcase] .crew-timer[aria-pressed="true"] .final-pose-icon { color: var(--crew-tint); }
.landing [data-crew-showcase] .crew-timer[aria-pressed="true"]::after { transform: scaleX(1); }
.landing [data-crew-showcase] .crew-timer:active:not(:disabled):not(:focus-visible) { transform: none; }
.landing [data-crew-showcase] .crew-timer:active { color: var(--crew-tint); }
.landing [data-crew-showcase] .crew-window { padding: 0 var(--space-1) var(--space-2); }
.landing [data-crew-showcase] .creature-ensemble { justify-content: space-between; min-width: max-content; padding: 0 0 var(--space-4); }
.landing [data-crew-showcase] .crew-sprite { width: 64px; height: 104px; margin-inline: auto; overflow: hidden; }
.landing [data-crew-showcase] .crew-sprite img { width: 64px; height: 64px; inset: auto 0 12px; opacity: 1; }
.landing [data-crew-showcase] .crew-sprite img[data-clawd-fallback] { width: 58px; height: 58px; left: 3px; bottom: 15px; }
.landing [data-crew-showcase] .crew-sprite canvas { position: absolute; inset: 0 auto auto 0; display: block; width: 64px; height: 120px; image-rendering: pixelated; }
.landing [data-crew-showcase][data-crew-ready="true"] .crew-sprite img { visibility: hidden; }
.landing [data-crew-showcase] .creature-ensemble p { margin-top: var(--space-2); font-size: 16px; }
.landing [data-crew-showcase] .creature-ensemble p span { font-size: 14px; }
@media (hover: hover) and (pointer: fine) {
  .landing [data-crew-showcase] .crew-timer:hover { color: var(--color-text); }
}
@media (max-width: 359px) {
  .landing [data-crew-showcase] .crew-pose-options { width: 100%; gap: 0; }
  .landing [data-crew-showcase] .crew-timer { padding-inline: 0; }
}
@media (forced-colors: active) {
  .landing [data-crew-showcase] .crew-timer[aria-pressed="true"] { color: Highlight; }
  .landing [data-crew-showcase] .crew-timer[aria-pressed="true"]::after { background: Highlight; forced-color-adjust: none; }
}
@media (prefers-reduced-motion: reduce) {
  .landing [data-crew-showcase] .crew-timer,
  .landing [data-crew-showcase] .crew-timer::after { transition: none; }
}