.crew-card[popover] {
  position: fixed;
  inset: auto;
  z-index: 1000;
  margin: 0;
  width: 380px;
  max-height: calc(100vh - 24px);
  overflow: auto;
  padding: 20px;
  color: #b4c2c9;
  background: radial-gradient(ellipse at 100% 0,#71818a20,transparent 70%),linear-gradient(135deg,#293238,#1d262b 45%,#131b20);
  border: 1px solid #72848a99;
  border-radius: 6px;
  box-shadow: 0 18px 40px #000c;
  pointer-events: none;
  scrollbar-width: thin;
  scrollbar-color: #71818a #172126;
  opacity: 0;
  transform: translateY(5px);
  transition: opacity 140ms ease, transform 140ms ease;
}
.crew-card[popover]:popover-open { opacity: 1; transform: translateY(0); }
.crew-card .briefing-bolt { position: absolute; }
.crew-card-heading { display: grid; grid-template-columns: 112px minmax(0,1fr); align-items: center; gap: 14px; padding: 1px 0 15px; border-bottom: 1px solid #72848a66; }
.crew-card-photo { display: block; width: 112px; height: 112px; border: 1px solid #72848a99; border-radius: 4px; background-image: url('assets/crew-portraits.png'); background-size: 400% 200%; background-repeat: no-repeat; box-shadow: 0 4px 12px #0009; }
.crew-card-photo.dead { filter: grayscale(1); }
.crew-card-identity { min-width: 0; }
.crew-card-number { display: block; color: #cbb584; font-size: 12px; letter-spacing: 1.2px; margin-bottom: 4px; }
.crew-card-name { margin: 0; color: #e2e8e9; font-size: 22px; line-height: 1.15; font-weight: 650; }
.crew-card-role,.crew-card-origin { margin: 6px 0 0; color: #b4c2c9; font-size: 14px; line-height: 1.3; }
.crew-card-status { display: inline-block; margin-top: 9px; padding: 4px 7px; border: 1px solid currentColor; border-radius: 3px; font-size: 12px; line-height: 1.2; }
.crew-card-status.active { color: #8fdfff; }
.crew-card-status.protected { color: #cbb584; }
.crew-card-status.dead { color: #e0aa95; }
.crew-card-details { display: grid; gap: 8px; padding-top: 14px; }
.crew-card-details section { margin: 0; }
.crew-card-details h3 { margin: 0 0 2px; color: #cbb584; font-size: 11px; line-height: 1.25; font-weight: 650; letter-spacing: 2px; }
.crew-card-details p { margin: 0; color: #b4c2c9; font-size: 14px; line-height: 1.32; }
.crew-card-quote { margin: 13px 0 0; padding-top: 10px; border-top: 1px solid #72848a55; color: #d8dfe2; font-size: 14px; line-height: 1.35; font-style: italic; }
[data-crew-id]:focus-visible { outline: 2px solid #8fdfff; outline-offset: 2px; }
.radio-message-heading b[data-crew-id] { cursor: help; }
@media (max-width: 600px) {
  .crew-card[popover] { width: auto; max-height: calc(100dvh - 24px); padding: 16px; }
  .crew-card-heading { grid-template-columns: 112px minmax(0,1fr); gap: 12px; }
  .crew-card-photo { width: 112px; height: 112px; }
  .crew-card-name { font-size: 20px; }
  .crew-card-details { gap: 7px; }
}
@media (max-height: 800px) and (min-width: 601px) {
  .crew-card[popover] { padding: 16px; }
  .crew-card-details { gap: 5px; padding-top: 10px; }
  .crew-card-details p { line-height: 1.25; }
  .crew-card-quote { margin-top: 8px; padding-top: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  .crew-card[popover] { transition: none; }
  [data-crew-id]:focus-visible { outline-offset: 2px; }
}

.crew-card.memorial-card{width:380px}
.memorial-card-title{margin:4px 0 7px;font-size:23px;line-height:1.15;color:#e1e7e7}
.memorial-card-day{margin:0 0 16px;font-size:12px;color:#b8bba9;letter-spacing:.4px}
.memorial-card-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.memorial-card-list li{display:flex;align-items:center;gap:12px;padding:6px 0;border-top:1px solid #66757144}
.memorial-card-photo{display:block;flex:none;width:42px;height:42px;border:1px solid #75817d;border-radius:3px;background-image:url('assets/crew-portraits.png');background-size:400% 200%;background-repeat:no-repeat;filter:grayscale(1);box-shadow:0 2px 4px #0008}
.memorial-card-list strong{display:block;font-size:14px;color:#dce3e2;font-weight:600}
.memorial-card-list div>span{display:block;margin-top:3px;font-size:12px;color:#a9b8ba}