/* "İlk gün" card (public/day-one-card.js): a <dialog> in the guest-save dialog's mould, theme variables only (no fixed text colours). 390x844 and 360x640: scrolls inside itself, nothing overflows sideways. */
dialog.day-one-card {
  box-sizing: border-box; position: fixed; width: min(420px, calc(100vw - 24px)); max-height: calc(var(--visible-h, 100dvh) - 24px); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain;
  margin: auto; padding: 0; border: 1px solid var(--border, rgba(255, 255, 255, .25)); border-radius: 14px; background: var(--surface, #1b262b); color: var(--ink, #eee); box-shadow: 0 24px 60px rgba(0, 0, 0, .45);
}
dialog.day-one-card::backdrop { background: rgba(0, 0, 0, .45); }
dialog.day-one-card .day1-card { position: relative; padding: 16px 16px 12px; text-align: left; }
dialog.day-one-card .panel-close { position: absolute; top: 6px; right: 6px; min-width: 44px; min-height: 44px; }
dialog.day-one-card .day1-icon { font-size: 30px; line-height: 1; margin: 0 0 4px; }
dialog.day-one-card h2 { margin: 0 44px 6px 0; font: 700 19px/1.25 var(--font-display, var(--font-body, sans-serif)); overflow-wrap: anywhere; outline: 0; }
dialog.day-one-card h3 { margin: 0 0 6px; font: 700 14px/1.3 var(--font-body, sans-serif); overflow-wrap: anywhere; }
dialog.day-one-card p { margin: 0 0 8px; font: 500 13px/1.45 var(--font-body, sans-serif); overflow-wrap: anywhere; }
dialog.day-one-card .day1-lead { color: var(--muted, inherit); margin-bottom: 12px; }
dialog.day-one-card .day1-block { margin: 0 0 10px; padding: 10px 12px; border: 1px solid var(--border, rgba(255, 255, 255, .2)); border-radius: 12px; background: var(--surface-inset, rgba(255, 255, 255, .06)); }
dialog.day-one-card .day1-block > :last-child { margin-bottom: 0; }
dialog.day-one-card ul { margin: 0; padding: 0; list-style: none; }
dialog.day-one-card li { display: flex; align-items: baseline; gap: 6px; margin: 0 0 4px; font: 600 13px/1.4 var(--font-body, sans-serif); overflow-wrap: anywhere; }
dialog.day-one-card .day1-job-eta { font-weight: 600; }
dialog.day-one-card .day1-job-next { margin: 8px 0 0; color: var(--muted, inherit); }
dialog.day-one-card button:not(.panel-close) {
  box-sizing: border-box; display: block; width: 100%; min-height: 44px; padding: 6px 12px; border: 1px solid var(--border, rgba(255, 255, 255, .3)); border-radius: 12px; background: var(--surface-inset, rgba(255, 255, 255, .06));
  color: var(--ink, #eee); font: 700 14px/1.25 var(--font-body, sans-serif); white-space: normal; overflow-wrap: anywhere; text-align: center; cursor: var(--cursor-pointer, pointer);
}
dialog.day-one-card button.primary:enabled { background: var(--a-accent, #38b2c9); border-color: var(--a-accent, #38b2c9); color: var(--a-on-accent, #06222a); }
dialog.day-one-card .day1-actions { margin-top: 4px; }
dialog.day-one-card :is(button, a):focus-visible { outline: 2px solid var(--a-accent-text, currentColor); outline-offset: 2px; }
/* The quest tracker's shield line: it may wrap, never push the card wider (longest in DE/FR). */
.quest-tracker-links .day1-chip { max-width: 100%; text-align: left; white-space: normal; overflow-wrap: anywhere; line-height: 1.25; padding-block: 4px; }