/* Next chapter layer: agenda, authored opportunities and city colour identity. */
.daily-agenda { flex: 0 0 38px; display: flex; align-items: center; gap: 10px; min-width: 0; padding: 3px 18px; background: #10211f; border-bottom: 1px solid #3c685a; color: #e7f3e5; }
.daily-agenda .agenda-kicker { color: #e7c76d; font: 10px/1 var(--font-display); letter-spacing: .03em; }
.daily-agenda strong { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 600; }
.agenda-action { width: 30px; height: 30px; display: grid; place-items: center; flex-shrink: 0; border: 1px solid #769b87; background: #1b3b34; color: #ffe186; cursor: pointer; border-radius: 3px; }
.agenda-action:hover, .agenda-action:focus-visible { background: #356151; outline: 2px solid #f0ce79; outline-offset: 2px; }
.event-card { display: grid; gap: 16px; min-width: 0; }
.event-location { color: #f0ce79; font-size: 12px; letter-spacing: .02em; }
.event-copy { font-size: 16px; line-height: 1.65; max-width: 680px; }
.event-choices { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.event-choices .pixel-btn { min-height: 52px; white-space: normal; line-height: 1.35; }
.city-tone-neon #lifeScene { background: #27334e; }
.city-tone-neon .scene-tab[aria-pressed="true"] { background: #d69a7a; }
.city-tone-indigo #lifeScene { background: #273052; }
.city-tone-indigo .scene-tab[aria-pressed="true"] { background: #aab9e5; }
.city-tone-amber #lifeScene { background: #504032; }
.city-tone-amber .scene-tab[aria-pressed="true"] { background: #e1c47d; }
.city-tone-rain #lifeScene { background: #2b3d4a; }
.city-tone-rain .scene-tab[aria-pressed="true"] { background: #a7c5c1; }
.city-tone-tropical #lifeScene { background: #224b45; }
.city-tone-tropical .scene-tab[aria-pressed="true"] { background: #9fd1a1; }
.city-tone-lake #lifeScene { background: #334d5a; }
.city-tone-lake .scene-tab[aria-pressed="true"] { background: #b0d4cf; }
.city-tone-stone #lifeScene { background: #303b40; }
.city-tone-stone .scene-tab[aria-pressed="true"] { background: #c6dbb9; }
@media (max-width: 600px) {
  .daily-agenda { flex-basis: 34px; padding: 2px 10px; gap: 7px; }
  .daily-agenda strong { font-size: 11px; }
  .event-choices { grid-template-columns: minmax(0,1fr); }
  .event-copy { font-size: 14px; }
}
@media (max-height: 480px) and (orientation: landscape) {
  .scene-caption { top: 38px; }
  #sceneCalendar { top: 18px; }
}
@media (prefers-reduced-motion: no-preference) {
  .daily-agenda { animation: agenda-in .28s ease-out both; }
  .event-card { animation: event-in .2s ease-out both; }
  @keyframes agenda-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
  @keyframes event-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
}