/* A quiet display case for the site's existing insignia. */
.badge-info-card {
  position: fixed;
  inset: auto;
  z-index: 2147483646;
  box-sizing: border-box;
  width: min(328px, calc(100vw - 24px));
  min-width: 0;
  margin: 0;
  padding: 18px;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid #ccb17b80;
  border-radius: 12px;
  background: radial-gradient(ellipse at 50% 0, #674d7c25, transparent 65%), linear-gradient(145deg, #211b36, #121126 80%);
  box-shadow: 0 14px 44px #03030eb3, 0 0 22px #bb8bda16, inset 0 0 0 4px #08091a55, inset 0 1px #fff2c21a;
  color: #f1edff;
  color-scheme: dark;
  font: 13px/1.75 -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
  text-align: left;
  text-shadow: none;
  letter-spacing: normal;
  white-space: normal;
  overflow-wrap: anywhere;
  scrollbar-width: thin;
  scrollbar-color: #776384 #121126;
  animation: badgeInfoReveal 140ms ease-out;
}
.badge-info-card[hidden] { display: none !important; }
.badge-info-card::backdrop { background: transparent; pointer-events: none; }
.badge-info-card *, .badge-info-card *::before, .badge-info-card *::after { box-sizing: border-box; }
.badge-info-art {
  display: grid;
  place-items: center;
  min-height: 108px;
  padding: 7px 0 17px;
  margin-bottom: 15px;
  border-bottom: 1px solid #a8875b40;
  background: radial-gradient(ellipse at center, #dbac6110, transparent 70%);
}
.badge-info-art .player-title-badge {
  width: 100%; height: auto; aspect-ratio: 336 / 96; max-width: 100%;
  padding: 0 8% 0 26%; font-size: 30px; cursor: default;
}
.badge-info-art .player-title-badge[data-title-art="zhuque"] {
  width: 100%; height: auto; aspect-ratio: 3 / 1; padding: 0; font-size: 32px;
}
.badge-info-art .player-title-badge[data-title-art="plain"] {
  min-height: 72px; aspect-ratio: auto; padding: 12px; font-size: 24px; white-space: normal;
}
.badge-info-art .admin-identity-nameplate { width: 100%; max-width: 100%; cursor: default; }
.badge-info-art .admin-identity-nameplate img { width: 100%; height: auto; object-fit: contain; }
.badge-info-card .badge-info-name {
  margin: 0 0 7px; padding: 0; border: 0; color: #f0d292;
  font: 600 21px/1.5 "Noto Serif SC", "Songti SC", "STSong", serif;
  letter-spacing: .07em; text-shadow: none;
}
.badge-info-card .badge-info-meaning { margin: 0; padding: 0; color: #e5deef; font: inherit; }
.badge-info-rule { margin-top: 16px; padding-top: 12px; border-top: 1px solid #c7bfd81f; }
.badge-info-card .badge-info-rule h3 { margin: 0 0 5px; padding: 0; color: #d6bd8d; font: inherit; font-size: 11px; font-weight: 600; line-height: 1.7; letter-spacing: .08em; }
.badge-info-card .badge-info-rule p { margin: 0; padding: 0; color: #c7bfd8; font: inherit; font-size: 12px; line-height: 1.85; }
[data-badge-info]:focus-visible { outline: 2px solid #f0d292; outline-offset: 3px; border-radius: 4px; }
@keyframes badgeInfoReveal { from { opacity: 0; } to { opacity: 1; } }
.badge-info-card[data-motion="off"] { animation: none; }
@media (prefers-reduced-motion: reduce) { .badge-info-card { animation: none; transition: none; } }