/* Credits window (shared/credits.js). Same card as What's new; a game can override the --wn-* colours. */
.cr-modal { position: fixed; inset: 0; z-index: 900; display: grid; place-items: center; padding: max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));
  background: rgba(10, 20, 26, .55); }
.cr-panel { width: min(620px, 100%); max-height: min(86vh, 900px); display: flex; flex-direction: column; overflow: hidden;
  background: var(--wn-bg, #fff8ea); color: var(--wn-ink, #1d2a2f); border: 3px solid var(--wn-edge, #1d2a2f); border-radius: 18px; box-shadow: 0 12px 40px rgba(0,0,0,.35); font: 15px/1.45 system-ui, sans-serif; }
.cr-head { display: flex; align-items: center; gap: 10px; padding: 12px 12px 10px 18px; border-bottom: 2px solid rgba(0,0,0,.08); }
.cr-modal .cr-head h2 { margin: 0; font-size: 20px; flex: 1; color: var(--wn-ink, #1d2a2f); }
.cr-x { width: 44px; height: 44px; border-radius: 50%; border: 2px solid currentColor; background: transparent; color: inherit; font-size: 22px; line-height: 1; cursor: pointer; }
.cr-body { overflow-y: auto; overscroll-behavior: contain; padding: 12px 16px 16px; }
.cr-made { font-weight: 700; margin: 0 0 10px; }
.cr-section h3 { margin: 14px 0 4px; font-size: 16px; }
.cr-note { margin: 0 0 6px; font-size: 13px; opacity: .75; }
.cr-list { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 6px; }
.cr-lic { font-size: 12px; opacity: .7; margin-left: 4px; }
.cr-works { display: block; font-size: 12.5px; opacity: .85; overflow-wrap: anywhere; }
.cr-section a { color: inherit; }
.cr-empty { opacity: .7; }