.cup-player-card.has-player-details { cursor: pointer; }
.cup-player-card.has-player-details:focus-visible { outline: 3px solid var(--lime,#b7f34a); outline-offset: 4px; border-radius: 12px; }
dialog.player-details {
  /* Fit the same 3:4 card plus its close control inside even a short window. */
  width: min(600px,calc(100vw - 32px),calc(75dvh - 60px)); max-width: none; max-height: none;
  padding: 0; margin: auto; overflow: visible; color: #f4f6f8; background: transparent;
  /* Blur belongs to ::backdrop; a filter here would offset fixed tooltips. */
  border: 0; box-shadow: none; backdrop-filter: none; font-family: "Segoe UI","Microsoft YaHei",sans-serif;
  text-align: left; overscroll-behavior: contain;
}
dialog.player-details::backdrop { background: #03101dce; backdrop-filter: blur(7px); }
html[data-theme] dialog.player-details[open] { background: transparent; border: 0; box-shadow: none; backdrop-filter: none; }
dialog.player-details[open] { animation: playerDetailsAppear .16s ease-out; }
@keyframes playerDetailsAppear { from { opacity: 0; } to { opacity: 1; } }
.player-details *, .player-details *::before, .player-details *::after { box-sizing: border-box; }
.player-details .player-details-title { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.player-details .player-details-close { display: grid; place-items: center; width: 36px; min-width: 36px; height: 36px; margin: 0 0 8px auto; padding: 0; background: #142737; color: #f4f6f8; border: 1px solid #9cacb8; border-radius: 50%; font: 400 25px/1 "Segoe UI",sans-serif; cursor: pointer; }
.player-details .player-details-close:hover { background: #263f50; border-color: #e7edf1; }
.player-details .player-details-close:focus-visible { outline: 3px solid #b7f34a; outline-offset: 4px; }
.player-details .player-details-preview { width: 100%; min-width: 0; }
.catalog-player-card.is-shared-card .catalog-card-status .catalog-card-edit { color: var(--text-1); font-size: 11px; line-height: 14px; font-weight: 650; flex-shrink: 0; padding: 0 6px; border: 1px solid var(--line-strong); border-radius: 4px; text-decoration: none; }
.catalog-player-card.is-shared-card .catalog-card-status .catalog-card-edit:hover { border-color: var(--lime); color: var(--lime); }
@media (prefers-reduced-motion:reduce) { dialog.player-details[open] { animation: none; } }