/* Minimal scoped Player ID card. Survives the legacy theme's form selectors. */
.playerid-wrapper.bd-player-card {
    --bd-ink: var(--ast-global-color-2, #172328);
    --bd-surface: var(--ast-global-color-5, #fff);
    --bd-line: #dfe5e4; --bd-accent: #167868; --bd-muted: #687571;
    box-sizing: border-box; width: 100%; min-width: 0; margin: 16px 0;
    padding: 18px; border: 1px solid var(--bd-line); border-radius: 16px;
    background: var(--bd-surface); color: var(--bd-ink); text-align: start;
}
.bd-player-card *, .bd-player-card *::before, .bd-player-card *::after { box-sizing: border-box; }
.bd-player-card .bd-player-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
.bd-player-card .bd-player-heading label { margin:0; font-size:14px; font-weight:600; color:inherit; }
.bd-player-heading label > span { color:var(--bd-accent); }
.bd-player-status { font-size:11px; color:var(--bd-muted); white-space:nowrap; }
.bd-player-card .bd-player-input-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:stretch; }
.bd-player-card input.bd-playerid-input {
    display:block; width:100%; min-width:0; max-width:none; height:48px; margin:0;
    padding:10px 12px; border:1px solid var(--bd-line); border-radius:10px; box-shadow:none;
    background:var(--bd-surface); color:var(--bd-ink); font:inherit; font-size:16px; line-height:1.4; text-align:start; direction:ltr;
}
.bd-player-card input.bd-playerid-input:focus { outline:0; border-color:var(--bd-accent); box-shadow:0 0 0 3px #16786814; }
.bd-player-card button.bd-check-player-id {
    display:inline-flex; align-items:center; justify-content:center; min-width:76px; min-height:48px;
    margin:0; padding:10px 14px; border:1px solid var(--bd-line); border-radius:10px; box-shadow:none;
    background:transparent; color:var(--bd-ink) !important; font:inherit; font-size:13px; font-weight:600; cursor:pointer;
}
.bd-player-card button.bd-check-player-id:hover { border-color:var(--bd-accent); background:#16786808; }
.bd-player-card button:focus-visible, .bd-player-guide summary:focus-visible { outline:2px solid var(--bd-accent); outline-offset:3px; }
.bd-player-card button:disabled { opacity:.55; cursor:wait; }
.bd-player-card .bd-player-hint { margin:9px 0 0; color:var(--bd-muted); font-size:11px; line-height:1.9; }
.bd-player-card .bd-player-id-result { margin:14px 0 0; overflow-wrap:anywhere; }
.bd-player-id-result:empty { display:none; }
.bd-player-card .bd-player-account { display:flex; gap:10px; align-items:center; padding:12px; border-radius:10px; background:#16786808; }
.bd-player-account > div { display:flex; flex-direction:column; gap:3px; min-width:0; }
.bd-player-account strong { font-size:14px; color:inherit; }
.bd-player-account span { font-size:12px; color:var(--bd-muted); overflow-wrap:anywhere; }
.bd-player-account img { flex:none; border-radius:50%; object-fit:cover; }
.bd-player-card .bd-player-confirm { display:flex; align-items:flex-start; gap:9px; margin:12px 0 0; padding:0; border:0; color:inherit; font-size:12px; line-height:1.8; cursor:pointer; }
.bd-player-card .bd-player-confirm input { flex:0 0 18px; width:18px; height:18px; margin:2px 0 0; accent-color:var(--bd-accent); }
.bd-player-confirm input::after { content:none !important; }
.bd-player-card .bd-player-message { margin:0; padding:10px 12px; border-radius:10px; color:#9b3931; background:#b8423510; font-size:12px; line-height:1.9; }
.bd-player-card[data-state="success"] .bd-player-status { color:var(--bd-accent); }
.bd-player-card[data-state="error"] .bd-player-status { color:#a83f37; }
.bd-player-card[data-state="loading"] .bd-player-status::before { content:""; display:inline-block; width:10px; height:10px; margin-inline-end:5px; border:1.5px solid currentColor; border-inline-end-color:transparent; border-radius:50%; animation:bd-player-spin .8s linear infinite; }
.bd-player-saved-ids { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }
.bd-player-saved-ids:empty { display:none; }
.bd-player-chip { display:inline-flex; align-items:center; max-width:100%; border:1px solid var(--bd-line); border-radius:20px; overflow:hidden; }
.bd-player-card .bd-player-chip button { min-height:34px; margin:0; padding:5px 10px; border:0; border-radius:0; background:transparent; color:var(--bd-ink); font-size:11px; line-height:1.5; box-shadow:none; cursor:pointer; overflow-wrap:anywhere; }
.bd-player-card .bd-player-chip button:last-child { min-width:34px; padding:5px; font-size:17px; color:var(--bd-muted); }
.bd-player-guide { margin-top:12px; color:var(--bd-muted); font-size:11px; }
.bd-player-guide summary { cursor:pointer; min-height:30px; padding:4px 0; }
.bd-player-guide p { margin:8px 0; line-height:1.9; }
.bd-player-guide img { display:block; width:100%; max-width:360px; height:auto; border-radius:10px; }
@keyframes bd-player-spin { to { transform:rotate(360deg); } }
@media(max-width:480px) {
    .playerid-wrapper.bd-player-card { margin:12px 0; padding:14px; border-radius:14px; }
    .bd-player-card .bd-player-heading { gap:8px; }
    .bd-player-card .bd-player-heading label { font-size:13px; }
    .bd-player-card button.bd-check-player-id { min-width:66px; padding:10px; }
}
@media(prefers-reduced-motion:reduce) { .bd-player-card[data-state="loading"] .bd-player-status::before { animation:none; } }