/* Slate-blue menu surfaces share the game's palette. The warm illustrated
   collection display stays colorful within the same blue menu chrome. */
dialog {
  color-scheme:dark; color:#f5ecd5; background:linear-gradient(145deg,#2b455b,#20364c);
  border:2px solid #60798a; border-radius:24px; padding:24px;
  overflow-y:auto; overflow-x:hidden; scrollbar-gutter:stable;
  scrollbar-width:thin; scrollbar-color:#718e9d #20364c;
  box-shadow:0 20px 90px #071322b0; font-family:"Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif;
}
dialog::backdrop { background:#071321b8; backdrop-filter:blur(5px); }
dialog::-webkit-scrollbar { width:10px; }
dialog::-webkit-scrollbar-track { margin-block:14px; background:#20364c; border-radius:999px; }
dialog::-webkit-scrollbar-thumb { border:3px solid #20364c; background:#718e9d; border-radius:999px; }
dialog::-webkit-scrollbar-thumb:hover { background:#9db8c0; }
.dialog-toolbar { position:sticky; top:8px; z-index:50; display:flex; justify-content:flex-end; height:36px; margin:0 0 -36px; pointer-events:none; }
dialog .dialog-close {
  position:relative; inset:auto; display:grid; place-items:center; flex:0 0 36px; width:36px; height:36px; padding:0;
  border:1px solid #79929e; border-radius:11px; background:#29475d; color:#f6ecd3;
  font:500 1.6rem/1 system-ui,sans-serif; box-shadow:0 2px 6px #10223266; pointer-events:auto;
}
dialog .dialog-close:hover { color:#fff5d9; background:#3a6175; border-color:#a3d5cb; }
dialog h2 { color:#fff1cf; padding-right:42px; }
dialog h3 { color:#d7e9dc; }
dialog p,.account-dialog p,.save-prompt p,.catalog-summary,.excluded-catalog>p { color:#bed0d1; }
dialog .dialog-kicker { color:#9ed4c7; }
dialog .catalog-button,.scorecard-actions .catalog-button { color:#bce3d4; }
dialog .catalog-button:hover { color:#eddfb5; }
dialog .primary-button { color:#fff5dc; background:#298e85; border-color:#65b8a3; box-shadow:0 4px 0 #103b43; }
dialog .guess-input { color:#f6ecd9; background:#1b3348; border-color:#617d8d; }
dialog .guess-input::placeholder { color:#91aeb9; }
dialog .input-label { color:#bfd9d4; }
#infoDialog .dialog-tip { background:#33566b; color:#e3e9d7; }
.collection-tabs,.catalog-tabs { background:#172e43; border:1px solid #4f6e7e; }
.collection-tabs button,.catalog-tab { color:#b7cbd0; }
.collection-tabs button.is-active,.catalog-tab.is-active { color:#eaf8e8; background:#367c79; box-shadow:0 2px 4px #0a233044; }
.collection-range,.collection-legend,.sync-status,.calendar-caption { color:#abc1c9; }
.calendar-day { background:#2d495f; border-color:#597586; color:#f0ead7; }
.calendar-day.was-missed { background:#243d53; color:#b3c4c8; }
.was-played .calendar-caption { color:#d5e6ce; }
.calendar-day.is-today { border-color:#7cc8ae; box-shadow:0 0 0 3px #72c0ab22; }
.catalog-list li { background:#2c485e; color:#e4eddf; }
.catalog-list.is-excluded li { background:#263e55; color:#a8bdc8; }
.catalog-scope { color:#adc6ca; }
.excluded-catalog,.scorecard-stage { border-color:#526c7d; }
.trophy-room-sign,.trophy-room-sign h3 { color:#f7e8c2; }
.trophy-room-sign>span,.trophy-room-note { color:#a9c9cc; }
.trophy-room-scene { border:1px solid #69838d; }
.account-dialog .auth-message { color:#edc2ae; }
.scorecard-round-label,.expedition-summary p:not(.eyebrow),.daily-reset-note { color:#b5c9cb; }
dialog .answer-key-card { background:#254258; border-color:#5b7785; }
dialog .answer-key-card.was-correct { background:#315747; border-color:#83ae89; }
dialog .answer-key-card span { color:#b4c8cb; }
dialog .answer-key-card.was-correct span { color:#c2e6b3; }
dialog .answer-key-card path { fill:#a0c18c; }
dialog .answer-key-card.was-correct path { fill:#8acd67; }
@media(max-width:700px) {
  dialog { padding:18px; border-radius:20px; }
  .dialog-toolbar { height:34px; margin-bottom:-34px; }
  dialog .dialog-close { width:34px; height:34px; flex-basis:34px; }
}

/* Earlier UTC attempts keep their original answer key; the player confirms
   the local calendar date once rather than losing or silently moving rewards. */
.earlier-daily-runs { margin:14px 0 20px; padding:16px; border:1px solid #688594; border-radius:16px; background:#29475c; color:#e5eadb; }
.earlier-daily-runs[hidden] { display:none; }
.earlier-daily-runs h3 { margin:0 0 8px; color:#fff0cc; font-size:1rem; }
.earlier-daily-runs p { margin:0 0 12px; color:#bfd0d3; font-size:.8rem; line-height:1.5; }
.earlier-daily-row { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:10px 0; border-top:1px solid #587485; }
.earlier-daily-row label { display:flex; align-items:center; gap:7px; font-size:.78rem; }
.earlier-daily-date { color-scheme:dark; padding:8px; min-width:0; max-width:100%; border:1px solid #7794a3; border-radius:9px; background:#203b50; color:#f5ead5; font:inherit; }
.earlier-daily-row .catalog-button { padding:8px 10px; font-size:.76rem; }
@media(max-width:600px) { .earlier-daily-row { align-items:stretch; flex-direction:column; } .earlier-daily-row label { justify-content:space-between; } }