/* Patch notes (client-patch-notes.js): the same gilded card as Stats. */

#patch-overlay {
  position: fixed;
  inset: 0;
  z-index: 62;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(6, 4, 2, 0.55);
  pointer-events: auto;
}
#patch-overlay.hidden { display: none !important; }
#patch-card {
  width: min(520px, 92vw);
  max-height: 86vh;
  display: flex;
  flex-direction: column;
  padding: 8px 18px 16px;
  box-sizing: border-box;
  background: linear-gradient(180deg, rgba(36, 24, 12, 0.97), rgba(10, 7, 5, 0.97));
  border: 1px solid #c4a050;
  border-radius: 6px;
  box-shadow: 0 0 0 1px #1a1208, 0 0 0 3px rgba(90, 64, 24, 0.85), 0 18px 40px rgba(0, 0, 0, 0.6);
}
#patch-title { flex: 0 0 auto; margin: 6px 0 8px; text-align: center; }
#patch-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding-right: 6px;
}
#patch-list .patch-ver + .patch-ver { margin-top: 12px; padding-top: 10px; border-top: 1px solid rgba(196, 160, 80, 0.25); }
#patch-list h3 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin: 0 0 6px;
  color: #ffd774;
  font-family: var(--ui-label, inherit);
  letter-spacing: 0.08em;
}
#patch-list .patch-date { font-size: 11px; color: #a8916a; letter-spacing: 0.04em; }
#patch-list ul { margin: 0; padding-left: 18px; }
#patch-list li { margin: 3px 0; color: #e8dcc2; font-size: 13px; line-height: 1.35; }
#btn-patch-close { flex: 0 0 auto; margin-top: 10px; }
#patch-list::-webkit-scrollbar { width: 8px; }
#patch-list::-webkit-scrollbar-thumb { background: rgba(196, 160, 80, 0.45); border-radius: 4px; }

#btn-patch-notes { white-space: nowrap; }

/* Unread notes: a gold NEW on the menu item. */
#btn-patch-notes.is-new::after {
  content: "NEW";
  margin-left: 8px;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 9px;
  letter-spacing: 0.1em;
  color: #1a1008;
  background: #ffd774;
  vertical-align: middle;
}

html.touch-play #patch-card { max-height: calc(var(--app-h, 100dvh) - 12px - var(--sat) - var(--sab)); width: min(620px, calc(100vw - 12px)); }