dialog.match-player-card { box-sizing:border-box; width:min(460px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; margin:auto; border:1px solid #435b70; border-radius:22px; padding:24px; color:#eef3f8; background:#14212d; font-family:var(--ui,system-ui,sans-serif); box-shadow:0 28px 100px #0007; }
dialog.match-player-card::backdrop { background:rgba(7,17,31,.68); backdrop-filter:blur(3px); }
.player-card-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; }
.player-card-eyebrow { margin:0; color:#aab9c8; text-transform:uppercase; font-size:11px; font-weight:800; letter-spacing:.12em; }
.player-card-close { flex:none; width:44px; height:44px; border:1px solid #435b70; background:#192b3d; color:#eef3f8; border-radius:50%; font-size:27px; cursor:pointer; }
.player-card-hero { display:flex; gap:16px; align-items:center; }
.player-card-initials { display:grid; place-items:center; flex:none; width:70px; height:70px; border-radius:20px; font-size:27px; font-weight:800; color:white; background:linear-gradient(135deg,#334b62,#101e2d); border-bottom:4px solid #f3c72b; }
.player-card-identity { min-width:0; }
dialog.match-player-card h2 { margin:0 0 4px; font-size:27px; line-height:1.15; overflow-wrap:anywhere; }
.player-card-team { margin:0 0 5px; font-size:15px; font-weight:700; }
.player-card-meta { margin:0; color:#aab9c8; font-size:13px; }
.player-card-context { background:#192b3d; padding:14px; border:1px solid #435b70; border-radius:12px; margin-top:22px; font-size:14px; }
.player-card-context p { margin:6px 0 0; color:#aab9c8; font-size:12px; line-height:1.5; }
.player-card-status { display:table; margin:16px 0; padding:7px 10px; font-size:12px; font-weight:700; border-radius:6px; background:#e8f5ee; color:#106343; }
.player-card-status.bench { background:#fff5d9; color:#79560a; }
.player-card-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:18px 0; }
.player-card-stat { display:flex; flex-direction:column-reverse; justify-content:space-between; gap:8px; padding:13px 10px; border:1px solid #435b70; border-radius:12px; min-height:82px; }
.player-card-stat dt { font-size:11px; line-height:1.4; color:#aab9c8; }
.player-card-stat dd { margin:0; font-size:26px; font-weight:800; line-height:1.2; }
.player-card-stat.rating { background:#344230; border-color:#6b8057; color:#fff; }
.player-card-stat.rating dt { color:#c8d4e6; }
.player-card-stat dd.unknown { font-size:12px; font-weight:600; color:#aab9c8; }
.player-card-note { margin:10px 0; font-size:12px; line-height:1.6; color:#aab9c8; }
.player-card-source { border-top:1px solid #435b70; margin:20px 0 0; padding-top:13px; font-size:10px; line-height:1.5; color:#aab9c8; }
.player-card-close:focus-visible,.player-card-trigger:focus-visible { outline:3px solid #c62839; outline-offset:3px; }
.player-card-trigger { cursor:pointer; }
.event-player-trigger { border:0; background:transparent; color:inherit; font:inherit; text-align:left; padding:4px; text-decoration:underline; text-underline-offset:4px; }
@media(max-width:600px) {
 dialog.match-player-card { width:100%; max-width:100%; margin:auto 0 0; max-height:calc(100dvh - 20px); border-radius:22px 22px 0 0; padding:20px 20px max(20px,env(safe-area-inset-bottom)); }
 dialog.match-player-card h2 { font-size:25px; }
 .player-card-context { margin-top:18px; }
}
@media(prefers-reduced-motion:reduce) { dialog.match-player-card { scroll-behavior:auto; } }