/* BMFL карточка игрока (15.11.2026). Подключается bmfl-player.php */
.bp-wrap {
	--bp-primary: var(--bmfl-primary, #007fe8);
	--bp-card: var(--bmfl-row, #0a2236);
	--bp-line: var(--bmfl-line, #1e3242);
	--bp-muted: var(--bmfl-muted, #8ea3b8);
	--bp-win: #2fbf71; --bp-draw: #8ea3b8; --bp-loss: #e5534b; --bp-assist: #f5b301;
	margin: 24px 0 28px; color: #fff; display: flex; flex-direction: column; gap: 16px;
}
.sp-section-content-bmfl_card { clear: both; }
.bp-head { margin: 0 !important; font-family: "Oswald", sans-serif; font-size: 22px !important; text-transform: uppercase; letter-spacing: .03em; color: #fff !important; }
.bp-block { background: var(--bp-card); border: 1px solid var(--bp-line); border-radius: 8px; padding: 14px 16px; min-width: 0; }
.bp-title { font-family: "Oswald", sans-serif; font-size: 16px !important; margin: 0 0 12px !important; text-transform: uppercase; letter-spacing: .03em; color: #fff !important; }
.bp-title small { font-family: inherit; font-size: 12px; color: var(--bp-muted); text-transform: none; letter-spacing: 0; margin-left: 6px; }
.bp-wrap a { color: #fff; text-decoration: none; }
.bp-wrap a:hover { color: var(--bp-primary); }

.bp-tiles { display: grid; gap: 8px; }
.bp-tiles + .bp-tiles { margin-top: 8px; }
.bp-tiles--main { grid-template-columns: repeat(4, 1fr); }
.bp-tiles--score { grid-template-columns: repeat(3, 1fr) .9fr; }
.bp-tile {
	display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 2px;
	padding: 10px 6px; border-radius: 8px; background: rgba(255, 255, 255, .03); border: 1px solid var(--bp-line); min-width: 0;
}
.bp-tile b { font-family: "Oswald", sans-serif; font-size: 26px; line-height: 1.1; font-weight: 600; font-variant-numeric: tabular-nums; color: #fff; white-space: nowrap; }
.bp-tile--big b { font-size: 32px; color: var(--bp-primary); }
.bp-tile span { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: var(--bp-muted); }
.bp-tile small { display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: 11.5px; color: var(--bp-muted); line-height: 1.25; }
.bp-tile--w b { color: var(--bp-win); } .bp-tile--l b { color: var(--bp-loss); }
.bp-rank { font-style: normal; font-size: 11.5px; font-weight: 600; color: #fff; background: rgba(0, 127, 232, .2); border-radius: 10px; padding: 2px 8px; white-space: nowrap; }
.bp-rank--top { background: #c9a227; color: #10202f; }
.bp-card { display: inline-block; width: 11px; height: 15px; border-radius: 2px; margin: 0 4px 0 2px; vertical-align: 2px; }
.bp-card--y { background: #f5c518; } .bp-card--r { background: #e5534b; margin-left: 10px; }

/* Диаграммы */
.bp-charts { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 14px; }
.bp-chart { min-width: 0; }
.bp-chart__head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; flex-wrap: wrap; margin-bottom: 6px; }
.bp-chart__title { margin: 0 !important; font-size: 12px !important; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: var(--bp-muted) !important; font-family: inherit; }
.bp-legend { font-size: 11px; color: var(--bp-muted); }
.bp-k { display: inline-block; width: 9px; height: 9px; border-radius: 2px; margin: 0 3px 0 8px; vertical-align: -1px; }
.bp-k--p, .bp-bar--p { background: #3a5874; } .bp-k--g, .bp-bar--g { background: var(--bp-primary); } .bp-k--a, .bp-bar--a { background: var(--bp-assist); }
.bp-chart__rows { display: flex; flex-direction: column; gap: 6px; }
.bp-row { display: grid; grid-template-columns: minmax(0, 42%) 1fr auto; gap: 8px; align-items: center; font-size: 12.5px; }
.bp-row__label { display: flex; align-items: center; gap: 6px; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #dfe7ef; }
.bp-row__label a { overflow: hidden; text-overflow: ellipsis; }
.bp-row__label .bm-logo { width: 20px; height: 20px; object-fit: contain; flex: none; margin: 0 !important; }
.bp-row__label .bm-logo--empty { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--bp-line); font-size: 10px; }
.bp-row__bars { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.bp-bar { display: block; height: 6px; border-radius: 3px; min-width: 2px; }
.bp-bar--ga { display: flex; height: 6px; background: none; }
.bp-bar--ga > span { display: block; height: 6px; }
.bp-bar--ga > span:first-child { border-radius: 3px 0 0 3px; }
.bp-bar--ga > span:last-child { border-radius: 0 3px 3px 0; }
.bp-row__nums { font-size: 12px; color: var(--bp-muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
.bp-row__nums b { color: #fff; }

/* Сезон */
.bp-season__name { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px; font-size: 13px; color: var(--bp-muted); margin: 0 0 10px; text-transform: uppercase; letter-spacing: .04em; font-weight: 600; }
.bp-season__team { display: inline-flex; align-items: center; gap: 6px; color: #fff; text-transform: none; letter-spacing: 0; }
.bp-season__team .bm-logo { width: 20px; height: 20px; object-fit: contain; margin: 0 !important; }
.bp-tabs { display: flex; flex-wrap: wrap; gap: 6px; }
.bp-tab__input { position: absolute; opacity: 0; pointer-events: none; }
.bp-tab__label { cursor: pointer; padding: 7px 14px; border-radius: 20px; font-size: 13px; font-weight: 600; background: rgba(255, 255, 255, .03); border: 1px solid var(--bp-line); color: var(--bp-muted); margin: 0 !important; }
.bp-tab__input:checked + .bp-tab__label { background: var(--bp-primary); border-color: var(--bp-primary); color: #fff; }
.bp-tab__input:focus-visible + .bp-tab__label { outline: 2px solid #fff; }
.bp-tabs .bp-panel { order: 1; width: 100%; display: none; margin-top: 8px; }
.bp-tab__input:checked + .bp-tab__label + .bp-panel { display: block; }

@media (max-width: 900px) { .bp-charts { grid-template-columns: 1fr; } }
@media (max-width: 600px) {
	.bp-block { padding: 12px; }
	.bp-tiles--main { grid-template-columns: repeat(2, 1fr); }
	.bp-tiles--score { grid-template-columns: 1fr 1fr; }
	.bp-tile b { font-size: 22px; } .bp-tile--big b { font-size: 26px; }
	.bp-row { grid-template-columns: minmax(0, 40%) 1fr auto; }
}