/* BSS Verified — Admin Test Page (v12 — mockup-matched). */

.bssv-admin-test {
	--bssv-bg: #08090f;
	--bssv-bg-2: #0a0c14;
	--bssv-surface: #0d1018;
	--bssv-surface-2: #11151f;
	--bssv-surface-3: #181d2b;
	--bssv-line: #1f2434;
	--bssv-line-strong: #2b3148;
	--bssv-text: #f0f3fa;
	--bssv-muted: #6c7591;
	--bssv-muted-2: #8993ac;
	--bssv-accent: #e11d48;
	--bssv-accent-2: #ff3a6a;
	--bssv-verified: #2ad7a0;
	--bssv-elite: #f7c645;
	--bssv-warn: #ffb15c;
	--bssv-radius: 14px;
	--bssv-radius-sm: 10px;

	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;
	color: var(--bssv-text);
	background:
		radial-gradient(ellipse 80% 40% at 50% 0%, rgba(225,29,72,0.06) 0%, transparent 60%),
		linear-gradient(180deg, var(--bssv-bg) 0%, var(--bssv-bg-2) 100%);
	border-radius: var(--bssv-radius);
	padding: 28px;
	margin: 24px 0;
	max-width: 1240px;
	box-shadow: 0 4px 40px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.03) inset;
}

/* ── Top header / banner ────────────────────────────────────────── */
.bssv-at-banner {
	display: inline-block;
	background: linear-gradient(135deg, var(--bssv-accent) 0%, var(--bssv-accent-2) 100%);
	color: white; font-weight: 800; font-size: 11px;
	letter-spacing: 0.14em; padding: 6px 14px;
	border-radius: 20px; margin-bottom: 16px;
	text-transform: uppercase;
	box-shadow: 0 4px 16px rgba(225,29,72,0.35);
}
.bssv-at-header h1 { margin: 0 0 6px 0; font-size: 26px; font-weight: 800; letter-spacing: -0.02em; }
.bssv-at-trust { margin: 0 0 14px 0; font-size: 13px; color: var(--bssv-verified); font-weight: 600; }
.bssv-at-meta { margin: 0 0 24px 0; font-size: 12px; color: var(--bssv-muted); }
.bssv-at-meta a { color: var(--bssv-text); border-bottom: 1px dashed var(--bssv-muted); text-decoration: none; }

/* ── Search ─────────────────────────────────────────────────────── */
.bssv-at-search-section {
	background: var(--bssv-surface);
	border: 1px solid var(--bssv-line);
	border-radius: var(--bssv-radius);
	padding: 22px;
	margin-bottom: 22px;
}
.bssv-at-label { display: block; font-size: 11px; font-weight: 700; color: var(--bssv-muted); text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 10px; }
.bssv-at-search-row { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }
#bssv-at-search {
	flex: 1 1 320px;
	background: var(--bssv-bg);
	border: 1px solid var(--bssv-line);
	color: var(--bssv-text);
	border-radius: var(--bssv-radius-sm);
	padding: 13px 18px; font-size: 16px; outline: none;
	transition: border-color .15s ease, box-shadow .15s ease;
}
#bssv-at-search:focus { border-color: var(--bssv-verified); box-shadow: 0 0 0 3px rgba(42,215,160,0.15); }
.bssv-at-checkbox { display: flex; gap: 8px; align-items: center; font-size: 13px; color: var(--bssv-muted); cursor: pointer; }
.bssv-at-quicktests { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 14px; font-size: 12px; color: var(--bssv-muted); }
.bssv-at-qt {
	background: var(--bssv-surface-2);
	color: var(--bssv-text);
	border: 1px solid var(--bssv-line);
	border-radius: 20px; padding: 7px 14px; font-size: 12px; cursor: pointer;
	transition: border-color .15s ease, transform .1s ease, background .15s ease;
}
.bssv-at-qt:hover { border-color: var(--bssv-verified); background: var(--bssv-surface-3); }
.bssv-at-qt:active { transform: scale(0.97); }

.bssv-at-results { margin-top: 18px; display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap: 12px; }
.bssv-at-result {
	background: var(--bssv-surface-2);
	border: 1px solid var(--bssv-line);
	border-radius: var(--bssv-radius-sm);
	padding: 14px 18px; cursor: pointer;
	display: flex; justify-content: space-between; align-items: center; gap: 14px;
	color: var(--bssv-text); width: 100%; text-align: left;
	transition: border-color .15s ease, transform .1s ease;
}
.bssv-at-result:hover { border-color: var(--bssv-verified); }
.bssv-at-result-l { flex: 1 1 auto; min-width: 0; }
.bssv-at-result-r { display: flex; flex-direction: column; gap: 4px; align-items: flex-end; }
.bssv-at-result-name { font-weight: 700; font-size: 15px; display: flex; align-items: center; gap: 6px; }
.bssv-at-result-team { font-size: 12px; color: var(--bssv-muted); margin-top: 3px; }
.bssv-at-result-stat-row { display: flex; gap: 12px; font-size: 12px; color: var(--bssv-muted); }
.bssv-at-result-stat-row span { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.1; }
.bssv-at-result-stat-row b { color: var(--bssv-text); font-weight: 700; font-size: 13px; }
.bssv-at-result-stat-row i { font-style: normal; font-size: 9px; letter-spacing: 0.08em; text-transform: uppercase; }
.bssv-at-result-rank { font-size: 10px; font-weight: 800; color: var(--bssv-elite); background: rgba(247,198,69,0.14); border: 1px solid rgba(247,198,69,0.3); padding: 4px 9px; border-radius: 999px; letter-spacing: 0.06em; }

.bssv-at-empty-search { padding: 32px 16px; text-align: center; color: var(--bssv-muted); font-size: 14px; background: var(--bssv-surface-2); border: 1px dashed var(--bssv-line); border-radius: var(--bssv-radius-sm); font-style: italic; }

.bssv-at-status { margin-top: 12px; font-size: 13px; color: var(--bssv-muted); padding: 14px; }
.bssv-at-error  { color: var(--bssv-accent); font-weight: 600; }
.bssv-at-dashboard { background: transparent; border: none; padding: 0; }
.bssv-at-empty { color: var(--bssv-muted); text-align: center; padding: 60px; }

/* ── Tier pills (small) ─────────────────────────────────────────── */
.bssv-at-pill {
	display: inline-flex; align-items: center; gap: 4px;
	font-size: 10px; font-weight: 800; letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 4px 10px; border-radius: 999px;
	vertical-align: middle;
}
.bssv-at-pill i { font-style: normal; }
.bssv-at-pill-verified { background: rgba(225,29,72,0.16); color: var(--bssv-accent-2); border: 1px solid rgba(225,29,72,0.4); }
.bssv-at-pill-elite    { background: rgba(247,198,69,0.16); color: var(--bssv-elite); border: 1px solid rgba(247,198,69,0.4); }
.bssv-at-pill-free     { background: var(--bssv-surface-2); color: var(--bssv-muted); border: 1px solid var(--bssv-line); }

/* ── Breadcrumb ─────────────────────────────────────────────────── */
.bssv-at-breadcrumb {
	display: flex; flex-wrap: wrap; gap: 10px;
	font-size: 11px; color: var(--bssv-muted);
	letter-spacing: 0.04em;
	padding: 0 4px;
	margin: 4px 0 18px;
	align-items: center;
}
.bssv-at-breadcrumb em { font-style: normal; opacity: 0.4; padding: 0 2px; }
.bssv-at-breadcrumb code { font-family: SF Mono, Menlo, monospace; background: var(--bssv-surface-2); padding: 1px 5px; border-radius: 3px; font-size: 10px; color: var(--bssv-muted-2); }
.bssv-at-bc-star { color: var(--bssv-accent); font-style: normal; }

/* ── HERO (mockup-matched) ──────────────────────────────────────── */
.bssv-at-hero {
	position: relative; overflow: hidden;
	background: linear-gradient(180deg, #11141d 0%, #0d1018 100%);
	border: 1px solid var(--bssv-line);
	border-radius: var(--bssv-radius);
	padding: 32px;
	margin-bottom: 22px;
	box-shadow: 0 4px 32px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03) inset;
}
.bssv-at-hero-glow {
	position: absolute; top: 0; right: 0; width: 600px; height: 600px;
	background: radial-gradient(circle, rgba(225,29,72,0.32) 0%, rgba(225,29,72,0) 65%);
	pointer-events: none; z-index: 0;
}
.bssv-at-hero-glow-2 {
	position: absolute; bottom: -200px; right: 200px; width: 500px; height: 500px;
	background: radial-gradient(circle, rgba(225,29,72,0.18) 0%, rgba(225,29,72,0) 60%);
	pointer-events: none; z-index: 0;
}
.bssv-at-hero-grain {
	position: absolute; inset: 0;
	background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,0.025) 1px, transparent 0);
	background-size: 20px 20px;
	pointer-events: none; z-index: 0;
	mix-blend-mode: overlay;
}
.bssv-at-hero-top {
	position: relative; z-index: 1;
	display: grid; grid-template-columns: auto 1fr auto;
	gap: 28px; align-items: flex-start;
}
.bssv-at-hero-avatar {
	width: 200px; height: 200px;
	border-radius: 14px;
	background: linear-gradient(180deg, var(--bssv-surface-3) 0%, var(--bssv-surface-2) 100%);
	border: 2px solid var(--bssv-accent);
	display: flex; align-items: center; justify-content: center;
	flex-shrink: 0;
	box-shadow: 0 0 40px rgba(225,29,72,0.25), 0 0 0 1px rgba(225,29,72,0.4) inset;
}
.bssv-at-hero-avatar span {
	font-size: 64px; font-weight: 900;
	color: rgba(108,117,145,0.55);
	letter-spacing: -0.04em;
}
.bssv-at-hero-id { min-width: 0; }
.bssv-at-hero-tagline {
	display: flex; align-items: center; gap: 10px;
	font-size: 11px; font-weight: 800;
	color: var(--bssv-accent-2);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	margin-bottom: 12px;
}
.bssv-at-hero-tag-sep { color: var(--bssv-muted); opacity: 0.6; }
.bssv-at-hero-meta {
	display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
	font-size: 11px; color: var(--bssv-muted);
	letter-spacing: 0.12em;
	margin-bottom: 14px;
	font-weight: 600;
}
.bssv-at-hero-meta em { font-style: normal; opacity: 0.4; }
.bssv-at-hero-pidpill {
	font-family: SF Mono, Menlo, monospace;
	font-size: 10px;
	background: var(--bssv-surface-2);
	border: 1px solid var(--bssv-line);
	color: var(--bssv-muted-2);
	padding: 3px 9px; border-radius: 4px;
	letter-spacing: 0.08em;
}
.bssv-at-hero-name {
	margin: 0 0 14px 0;
	font-family: 'Playfair Display', 'Charter', 'Iowan Old Style', Georgia, serif;
	font-size: clamp(48px, 7.5vw, 88px);
	line-height: 0.95;
	font-weight: 800;
	letter-spacing: -0.025em;
	color: var(--bssv-text);
}
.bssv-at-hero-sub {
	font-size: 14px;
	color: var(--bssv-muted-2);
	margin-bottom: 16px;
	font-weight: 500;
}
.bssv-at-hero-sub b { color: var(--bssv-text); font-weight: 700; }
.bssv-at-hero-sub em { font-style: normal; opacity: 0.5; padding: 0 4px; }
.bssv-at-hero-chips { display: flex; gap: 8px; flex-wrap: wrap; }
.bssv-at-hero-chip {
	background: var(--bssv-surface-2);
	border: 1px solid var(--bssv-line);
	border-radius: 999px;
	padding: 6px 14px;
	font-size: 11px;
	font-weight: 700;
	color: var(--bssv-muted-2);
	letter-spacing: 0.06em;
	display: inline-flex; gap: 6px;
}
.bssv-at-hero-chip b { color: var(--bssv-text); font-weight: 800; }
.bssv-at-hero-chip.is-verified {
	background: rgba(225,29,72,0.16);
	border-color: rgba(225,29,72,0.5);
	color: var(--bssv-accent-2);
}
.bssv-at-hero-cta-wrap {
	display: flex; flex-direction: column; gap: 10px;
	align-items: flex-end; align-self: flex-end;
	padding-top: 130px;
}
.bssv-at-cta {
	border: none;
	border-radius: 999px;
	padding: 13px 28px;
	font-size: 14px;
	font-weight: 800;
	cursor: pointer;
	letter-spacing: 0.02em;
	transition: transform .12s ease, box-shadow .15s ease;
}
.bssv-at-cta.cta-share, .bssv-at-cta.cta-claim {
	background: linear-gradient(135deg, var(--bssv-accent) 0%, var(--bssv-accent-2) 100%);
	color: white;
	box-shadow: 0 8px 28px rgba(225,29,72,0.45);
}
.bssv-at-cta.cta-share:hover, .bssv-at-cta.cta-claim:hover { transform: translateY(-1px); box-shadow: 0 10px 32px rgba(225,29,72,0.55); }
.bssv-at-cta-flash { animation: bssv-flash 0.36s ease; }
@keyframes bssv-flash { 0% { transform: scale(1); } 50% { transform: scale(1.04); } 100% { transform: scale(1); } }

/* Hero stats grid (6 columns inside hero) */
.bssv-at-hero-stats {
	position: relative; z-index: 1;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 0;
	margin-top: 32px;
	border-top: 1px solid var(--bssv-line);
	padding-top: 22px;
}
.bssv-at-hero-stat {
	padding: 4px 18px;
	border-right: 1px solid var(--bssv-line);
}
.bssv-at-hero-stat:first-child { padding-left: 0; }
.bssv-at-hero-stat:last-child  { padding-right: 0; border-right: none; }
.bssv-at-hero-stat-label {
	font-size: 10px;
	color: var(--bssv-muted);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 10px;
}
.bssv-at-hero-stat-value {
	font-size: 36px;
	font-weight: 800;
	line-height: 1;
	color: var(--bssv-text);
	letter-spacing: -0.025em;
	margin-bottom: 8px;
}
.bssv-at-hero-stat-sub {
	font-size: 11px;
	color: var(--bssv-muted);
	font-weight: 500;
}
.bssv-at-hero-stat.is-rank .bssv-at-hero-stat-value { color: var(--bssv-accent-2); }
.bssv-at-hero-stat.is-primary .bssv-at-hero-stat-value { color: var(--bssv-text); }

.bssv-at-hero-foot {
	position: relative; z-index: 1;
	margin-top: 18px;
	padding-top: 14px;
	font-size: 11px;
	color: var(--bssv-muted);
	font-style: italic;
	text-align: right;
}
.bssv-at-hero-foot code { font-style: normal; font-family: SF Mono, Menlo, monospace; background: var(--bssv-surface-2); padding: 1px 5px; border-radius: 3px; font-size: 10px; }

/* ── IMPACT SUMMARY ─────────────────────────────────────────────── */
.bssv-at-impact-card {
	background: var(--bssv-surface);
	border: 1px solid var(--bssv-line);
	border-left: 3px solid var(--bssv-accent);
	border-radius: var(--bssv-radius-sm);
	padding: 18px 28px;
	margin-bottom: 22px;
	box-shadow: 0 6px 24px rgba(0,0,0,0.25);
}
.bssv-at-impact-header {
	font-size: 11px;
	color: var(--bssv-accent-2);
	letter-spacing: 0.18em;
	font-weight: 800;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.bssv-at-impact-text {
	font-size: 16px;
	line-height: 1.65;
	color: var(--bssv-muted-2);
	font-weight: 500;
	margin: 0;
}
.bssv-at-impact-text b {
	color: var(--bssv-text);
	font-weight: 800;
}

/* ── PROFILE STRENGTH (circular meter) ──────────────────────────── */
.bssv-at-strength-section { margin-bottom: 22px; }
.bssv-at-strength-head {
	display: flex; justify-content: space-between; align-items: center;
	margin-bottom: 14px;
	padding: 0 4px;
}
.bssv-at-strength-head h3 {
	margin: 0;
	font-size: 12px;
	color: var(--bssv-text);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-weight: 800;
	display: flex; align-items: center; gap: 10px;
}
.bssv-at-strength-head h3::before {
	content: '';
	display: inline-block;
	width: 24px; height: 2px;
	background: var(--bssv-accent);
}
.bssv-at-strength-formula {
	font-size: 10px;
	color: var(--bssv-muted);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-weight: 700;
}
.bssv-at-strength-card {
	background: var(--bssv-surface);
	border: 1px solid var(--bssv-line);
	border-radius: var(--bssv-radius-sm);
	padding: 22px 28px;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 26px;
	align-items: center;
	box-shadow: 0 6px 24px rgba(0,0,0,0.25);
}
.bssv-at-strength-meter { width: 130px; height: 130px; flex-shrink: 0; }
.bssv-at-strength-svg { width: 100%; height: 100%; color: var(--bssv-text); }
.bssv-at-strength-tags {
	font-size: 11px;
	color: var(--bssv-accent-2);
	letter-spacing: 0.16em;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.bssv-at-strength-title {
	font-size: 22px;
	font-weight: 800;
	line-height: 1.3;
	color: var(--bssv-text);
	letter-spacing: -0.01em;
	margin-bottom: 6px;
}
.bssv-at-strength-desc {
	font-size: 13px;
	color: var(--bssv-muted-2);
	line-height: 1.55;
}

/* ── Generic section ────────────────────────────────────────────── */
.bssv-at-section { margin-bottom: 22px; }
.bssv-at-section h3 {
	font-size: 12px;
	color: var(--bssv-muted);
	text-transform: uppercase;
	letter-spacing: 0.14em;
	margin: 0 0 12px 0;
	font-weight: 800;
}
.bssv-at-section h4 { font-size: 13px; font-weight: 700; margin: 0 0 8px 0; color: var(--bssv-text); }
.bssv-at-subhead { font-size: 11px; color: var(--bssv-muted); text-transform: uppercase; letter-spacing: 0.12em; margin: 22px 0 10px 0; font-weight: 800; }

/* ── Rank chips, charts, rivalry, awards, best, game log, tables ─ */
.bssv-at-rank-chips { display: flex; gap: 10px; flex-wrap: wrap; }
.bssv-at-rank-chip {
	background: var(--bssv-surface);
	border: 1px solid var(--bssv-line);
	border-radius: var(--bssv-radius-sm);
	padding: 14px 18px; font-size: 12px;
	display: flex; flex-direction: column; gap: 4px; align-items: flex-start; min-width: 110px;
}
.bssv-at-rank-chip b { color: var(--bssv-elite); font-size: 22px; font-weight: 800; line-height: 1; letter-spacing: -0.02em; }
.bssv-at-rank-chip span { color: var(--bssv-muted); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 700; }

.bssv-at-charts { display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: 14px; }
.bssv-at-chart-block { background: var(--bssv-surface); border: 1px solid var(--bssv-line); border-radius: var(--bssv-radius-sm); padding: 18px; }
.bssv-at-chart { width: 100%; height: auto; display: block; }
.bssv-at-debug { background: rgba(225,29,72,0.10); border: 1px dashed var(--bssv-accent); border-radius: var(--bssv-radius-sm); padding: 14px 18px; font-size: 12px; color: var(--bssv-warn); line-height: 1.55; }
.bssv-at-debug code { font-family: SF Mono, Menlo, monospace; background: var(--bssv-surface-2); color: var(--bssv-text); padding: 1px 5px; border-radius: 3px; font-size: 11px; }

.bssv-at-rivalry { display: grid; grid-template-columns: 1fr auto 1fr; gap: 16px; align-items: stretch; }
.bssv-at-rivalry-col { background: var(--bssv-surface); border: 1px solid var(--bssv-line); border-radius: var(--bssv-radius-sm); padding: 14px 18px; }
.bssv-at-rivalry-col h5 { margin: 0 0 10px 0; font-size: 10px; color: var(--bssv-muted); text-transform: uppercase; letter-spacing: 0.12em; font-weight: 800; }
.bssv-at-rivalry-me { background: linear-gradient(135deg, rgba(225,29,72,0.14) 0%, rgba(247,198,69,0.06) 100%); border-color: var(--bssv-accent); display: flex; align-items: center; box-shadow: 0 6px 24px rgba(225,29,72,0.18); }
.bssv-at-rival { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; padding: 7px 0; font-size: 13px; border-bottom: 1px dashed var(--bssv-line); }
.bssv-at-rival:last-child { border-bottom: none; }
.bssv-at-rival-rank { font-family: SF Mono, Menlo, monospace; font-size: 11px; color: var(--bssv-muted); font-weight: 700; }
.bssv-at-rival-name { font-weight: 500; }
.bssv-at-rival-value { color: var(--bssv-text); font-weight: 800; font-size: 13px; }
.bssv-at-rival-self { padding: 14px 0; border: none; }
.bssv-at-rival-self .bssv-at-rival-rank { color: var(--bssv-accent-2); font-size: 13px; }
.bssv-at-rival-self .bssv-at-rival-name { color: var(--bssv-text); font-weight: 800; font-size: 14px; }
.bssv-at-rivalry-foot { font-size: 11px; color: var(--bssv-muted); margin: 12px 0 0 0; font-style: italic; }
@media (max-width: 720px) { .bssv-at-rivalry { grid-template-columns: 1fr; } }

.bssv-at-awards-grid, .bssv-at-badges-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 10px; }
.bssv-at-award { background: var(--bssv-surface); border: 1px solid var(--bssv-line); border-radius: var(--bssv-radius-sm); padding: 14px 16px; display: flex; gap: 14px; align-items: center; }
.bssv-at-award-earned { border-color: var(--bssv-elite); background: linear-gradient(135deg, rgba(247,198,69,0.10) 0%, var(--bssv-surface) 100%); box-shadow: 0 4px 20px rgba(247,198,69,0.14); }
.bssv-at-award-name { font-size: 14px; font-weight: 700; color: var(--bssv-text); }
.bssv-at-award-meta { font-size: 11px; color: var(--bssv-muted); margin-top: 3px; }
.bssv-at-badge-card { background: var(--bssv-surface); border: 1px solid var(--bssv-line); border-radius: var(--bssv-radius-sm); padding: 14px 16px; display: flex; gap: 14px; align-items: center; }
.bssv-at-badge-earned { border-color: var(--bssv-verified); background: linear-gradient(135deg, rgba(42,215,160,0.08) 0%, var(--bssv-surface) 100%); }
.bssv-at-badge-locked { opacity: 0.5; }
.bssv-at-badge-name { font-size: 14px; font-weight: 700; color: var(--bssv-text); display: flex; gap: 8px; align-items: center; }
.bssv-at-badge-desc { font-size: 11px; color: var(--bssv-muted); margin-top: 4px; line-height: 1.5; }
.bssv-at-badge-pill-on, .bssv-at-badge-pill-off { font-size: 9px; letter-spacing: 0.1em; font-weight: 800; text-transform: uppercase; padding: 2px 8px; border-radius: 999px; }
.bssv-at-badge-pill-on  { background: var(--bssv-verified); color: #022; }
.bssv-at-badge-pill-off { background: var(--bssv-line); color: var(--bssv-muted); }

.bssv-at-best { background: radial-gradient(ellipse 120% 100% at 50% 0%, rgba(247,198,69,0.14) 0%, transparent 70%), linear-gradient(135deg, var(--bssv-surface-2) 0%, var(--bssv-surface) 100%); border: 1px solid var(--bssv-elite); border-radius: var(--bssv-radius-sm); padding: 22px 26px; box-shadow: 0 6px 28px rgba(247,198,69,0.12); }
.bssv-at-best-line { display: flex; gap: 32px; flex-wrap: wrap; }
.bssv-at-best-line span { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.1; }
.bssv-at-best-line b { font-size: 30px; font-weight: 900; color: var(--bssv-elite); letter-spacing: -0.03em; }
.bssv-at-best-line i { font-style: normal; font-size: 10px; color: var(--bssv-muted); letter-spacing: 0.1em; text-transform: uppercase; margin-top: 4px; font-weight: 700; }
.bssv-at-best-meta { font-size: 12px; color: var(--bssv-muted); margin-top: 14px; }

.bssv-at-tabs { display: flex; gap: 4px; flex-wrap: wrap; border-bottom: 1px solid var(--bssv-line); margin-bottom: 16px; }
.bssv-at-tab { background: transparent; color: var(--bssv-muted); border: 1px solid transparent; border-bottom: none; border-radius: 8px 8px 0 0; padding: 10px 16px; font-size: 12px; font-weight: 700; cursor: pointer; letter-spacing: 0.04em; transition: color .15s ease, background .15s ease, border-color .15s ease; margin-bottom: -1px; }
.bssv-at-tab:hover { color: var(--bssv-text); }
.bssv-at-tab.is-active { color: var(--bssv-text); background: var(--bssv-surface); border-color: var(--bssv-line); border-bottom-color: var(--bssv-surface); }
.bssv-at-tabpanel { display: none; }
.bssv-at-tabpanel.is-active { display: block; }
.bssv-at-season-summary { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; background: var(--bssv-surface); border: 1px solid var(--bssv-line); border-radius: var(--bssv-radius-sm); padding: 14px 18px; margin-bottom: 14px; }
.bssv-at-season-summary div { text-align: center; line-height: 1.1; }
.bssv-at-season-summary b { font-size: 20px; font-weight: 800; color: var(--bssv-text); letter-spacing: -0.02em; }
.bssv-at-season-summary i { font-style: normal; font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--bssv-muted); display: block; margin-top: 4px; font-weight: 700; }
.bssv-at-gamecards { display: flex; flex-direction: column; gap: 7px; }
.bssv-at-gamecard { background: var(--bssv-surface); border: 1px solid var(--bssv-line); border-radius: var(--bssv-radius-sm); transition: border-color .15s ease; }
.bssv-at-gamecard[open] { border-color: var(--bssv-verified); }
.bssv-at-gamecard summary { padding: 13px 18px; cursor: pointer; list-style: none; display: grid; grid-template-columns: 1fr 2fr 1fr; align-items: center; gap: 12px; font-size: 13px; user-select: none; }
.bssv-at-gamecard summary::-webkit-details-marker { display: none; }
.bssv-at-gc-date { font-family: SF Mono, Menlo, monospace; font-size: 11px; color: var(--bssv-muted); }
.bssv-at-gc-opp { font-weight: 600; }
.bssv-at-gc-line { text-align: right; color: var(--bssv-muted); font-size: 12px; }
.bssv-at-gc-line b { color: var(--bssv-text); font-weight: 800; }
.bssv-at-gc-body { padding: 0 18px 14px 18px; }

.bssv-at-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.bssv-at-table th, .bssv-at-table td { padding: 9px 11px; border-bottom: 1px solid var(--bssv-line); text-align: right; }
.bssv-at-table th { font-weight: 800; color: var(--bssv-muted); text-transform: uppercase; letter-spacing: 0.1em; font-size: 10px; }
.bssv-at-table th:first-child, .bssv-at-table td:first-child { text-align: left; }

.bssv-at-footer { margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--bssv-line); font-size: 11px; color: var(--bssv-muted); line-height: 1.6; }
.bssv-at-footer code { font-family: SF Mono, Menlo, monospace; background: var(--bssv-surface-2); padding: 1px 5px; border-radius: 3px; font-size: 11px; }

@media (max-width: 1100px) {
	.bssv-at-hero-stats { grid-template-columns: repeat(3, 1fr); }
	.bssv-at-hero-stat { border-bottom: 1px solid var(--bssv-line); padding-bottom: 16px; padding-top: 12px; }
	.bssv-at-hero-stat:nth-child(3n) { border-right: none; }
	.bssv-at-hero-stat:nth-last-child(-n+3) { border-bottom: none; }
}
@media (max-width: 880px) {
	.bssv-at-hero-top { grid-template-columns: 1fr; }
	.bssv-at-hero-avatar { width: 140px; height: 140px; }
	.bssv-at-hero-cta-wrap { padding-top: 0; align-items: flex-start; align-self: flex-start; }
}
@media (max-width: 720px) {
	.bssv-admin-test { padding: 18px; }
	.bssv-at-hero { padding: 22px; }
	.bssv-at-hero-stats { grid-template-columns: repeat(2, 1fr); }
	.bssv-at-hero-stat:nth-child(odd) { border-right: 1px solid var(--bssv-line); }
	.bssv-at-hero-stat:nth-child(even) { border-right: none; }
	.bssv-at-charts { grid-template-columns: 1fr; }
	.bssv-at-strength-card { grid-template-columns: 1fr; text-align: center; }
	.bssv-at-strength-meter { margin: 0 auto; }
}

/* ─────────────────────────────────────────────────────────────────
   v13 PREMIUM POLISH OVERRIDES
   ───────────────────────────────────────────────────────────────── */

/* 1. CONTRAST — darken page bg so hero pops harder */
.bssv-admin-test {
	background:
		radial-gradient(ellipse 60% 30% at 50% 0%, rgba(225,29,72,0.04) 0%, transparent 60%),
		linear-gradient(180deg, #050608 0%, #07080d 100%);
	box-shadow: 0 4px 60px rgba(0,0,0,0.65), 0 1px 0 rgba(255,255,255,0.025) inset;
}

/* 1b. HERO — stronger contrast vs page, dominant glow */
.bssv-at-hero {
	background:
		radial-gradient(ellipse 60% 80% at 100% 50%, rgba(225,29,72,0.12) 0%, transparent 70%),
		linear-gradient(180deg, #161a26 0%, #0f1320 100%);
	border: 1px solid #2a3047;
	padding: 44px 40px;
	box-shadow:
		0 20px 60px rgba(0,0,0,0.6),
		0 0 0 1px rgba(255,255,255,0.04) inset,
		0 1px 0 rgba(255,255,255,0.06) inset;
}
.bssv-at-hero-glow {
	width: 800px; height: 800px;
	top: -180px; right: -200px;
	background: radial-gradient(circle, rgba(225,29,72,0.55) 0%, rgba(225,29,72,0.18) 35%, rgba(225,29,72,0) 65%);
	filter: blur(8px);
}
.bssv-at-hero-glow-2 {
	width: 600px; height: 600px;
	bottom: -300px; right: 100px;
	background: radial-gradient(circle, rgba(225,29,72,0.32) 0%, rgba(225,29,72,0) 60%);
	filter: blur(20px);
}
.bssv-at-hero-glow-3 {
	position: absolute; top: 50%; left: -200px; width: 500px; height: 500px;
	background: radial-gradient(circle, rgba(225,29,72,0.20) 0%, rgba(225,29,72,0) 55%);
	pointer-events: none; z-index: 0;
	transform: translateY(-50%);
	filter: blur(40px);
}

/* 1c. Tier label — pill with gradient + glow (premium feel) */
.bssv-at-hero-tagline {
	margin-bottom: 16px;
}
.bssv-at-hero-tag {
	display: inline-block;
	background: linear-gradient(135deg, rgba(225,29,72,0.20) 0%, rgba(255,58,106,0.10) 100%);
	border: 1px solid rgba(225,29,72,0.45);
	color: var(--bssv-accent-2);
	padding: 6px 14px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.18em;
	box-shadow:
		0 4px 16px rgba(225,29,72,0.25),
		0 0 0 1px rgba(225,29,72,0.15) inset;
	text-shadow: 0 0 14px rgba(225,29,72,0.45);
}
.bssv-at-hero-tag-sep { display: inline-block; margin: 0 4px; opacity: 0.5; }

/* 1d. Avatar — bigger glow halo */
.bssv-at-hero-avatar {
	box-shadow:
		0 0 60px rgba(225,29,72,0.45),
		0 0 0 1px rgba(225,29,72,0.5) inset,
		0 0 24px rgba(225,29,72,0.25) inset;
}

/* 2. NAME — brighter, glow, tighter spacing, dominate */
.bssv-at-hero-name {
	color: #ffffff;
	font-weight: 900;
	letter-spacing: -0.03em;
	text-shadow:
		0 2px 32px rgba(0,0,0,0.55),
		0 0 60px rgba(225,29,72,0.18),
		0 1px 0 rgba(255,255,255,0.06);
	line-height: 0.92;
	margin-bottom: 16px;
}

/* 3. KPI ROW — depth, gradient cards, hover lift, PPG dominance */
.bssv-at-hero-stats {
	margin-top: 36px;
	padding-top: 24px;
	border-top: 1px solid rgba(255,255,255,0.06);
}
.bssv-at-hero-stat {
	background: linear-gradient(180deg, rgba(255,255,255,0.018) 0%, rgba(255,255,255,0) 100%);
	border-radius: 10px;
	padding: 12px 18px;
	transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
	position: relative;
}
.bssv-at-hero-stat:hover {
	background: linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.01) 100%);
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0,0,0,0.35);
}
.bssv-at-hero-stat-value {
	color: #ffffff;
	font-weight: 900;
	letter-spacing: -0.03em;
	text-shadow: 0 1px 0 rgba(255,255,255,0.04);
}
.bssv-at-hero-stat.is-rank {
	background: linear-gradient(180deg, rgba(225,29,72,0.14) 0%, rgba(225,29,72,0.02) 100%);
	box-shadow: 0 0 0 1px rgba(225,29,72,0.18) inset;
}
.bssv-at-hero-stat.is-rank .bssv-at-hero-stat-value {
	color: var(--bssv-accent-2);
	text-shadow: 0 0 16px rgba(225,29,72,0.40);
}
.bssv-at-hero-stat.is-primary {
	background: linear-gradient(180deg, rgba(225,29,72,0.10) 0%, rgba(247,198,69,0.04) 100%);
	box-shadow: 0 0 0 1px rgba(255,58,106,0.22) inset, 0 8px 28px rgba(225,29,72,0.16);
}
.bssv-at-hero-stat.is-primary .bssv-at-hero-stat-value {
	font-size: 42px;
	background: linear-gradient(135deg, #ffffff 0%, var(--bssv-elite) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}
.bssv-at-hero-stat.is-primary .bssv-at-hero-stat-label {
	color: var(--bssv-accent-2);
}

/* 4. IMPACT SECTION — headline weight */
.bssv-at-impact-card {
	border-left-width: 4px;
	border-left-color: var(--bssv-accent);
	box-shadow:
		-4px 0 24px rgba(225,29,72,0.18),
		0 6px 24px rgba(0,0,0,0.3);
	padding: 22px 32px;
}
.bssv-at-impact-text {
	font-size: 22px;
	line-height: 1.5;
	color: var(--bssv-text);
	font-weight: 600;
	letter-spacing: -0.005em;
}
.bssv-at-impact-text b {
	color: var(--bssv-accent-2);
	font-weight: 800;
	text-shadow: 0 0 16px rgba(225,29,72,0.35);
}
.bssv-at-impact-header {
	font-size: 11px;
	letter-spacing: 0.22em;
	margin-bottom: 12px;
}

/* 5. UPGRADE PRESSURE (Free tier only) */
.bssv-at-upgrade {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #1d0e18 0%, #0e1018 100%);
	border: 1px solid rgba(225,29,72,0.4);
	border-radius: var(--bssv-radius);
	padding: 22px 28px;
	margin-bottom: 22px;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 24px;
	align-items: center;
	box-shadow: 0 8px 32px rgba(225,29,72,0.18), 0 0 0 1px rgba(225,29,72,0.1) inset;
}
.bssv-at-upgrade-glow {
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 60% 100% at 0% 50%, rgba(225,29,72,0.20) 0%, transparent 60%);
	pointer-events: none;
	z-index: 0;
}
.bssv-at-upgrade-body { position: relative; z-index: 1; }
.bssv-at-upgrade-eyebrow {
	font-size: 10px;
	color: var(--bssv-accent-2);
	letter-spacing: 0.22em;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.bssv-at-upgrade-title {
	font-size: 22px;
	font-weight: 800;
	color: var(--bssv-text);
	line-height: 1.3;
	margin-bottom: 6px;
	letter-spacing: -0.01em;
}
.bssv-at-upgrade-desc {
	font-size: 14px;
	color: var(--bssv-muted-2);
	line-height: 1.55;
}
.bssv-at-cta.cta-upgrade {
	background: linear-gradient(135deg, var(--bssv-accent) 0%, var(--bssv-accent-2) 100%);
	color: white;
	padding: 14px 28px;
	font-weight: 800;
	border-radius: 999px;
	box-shadow: 0 10px 32px rgba(225,29,72,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;
	white-space: nowrap;
	position: relative; z-index: 1;
}
.bssv-at-cta.cta-upgrade:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 38px rgba(225,29,72,0.7), 0 0 0 1px rgba(255,255,255,0.12) inset;
}

@media (max-width: 720px) {
	.bssv-at-upgrade { grid-template-columns: 1fr; text-align: left; }
}

/* 6. EARNED BADGES — premium glow, stronger color vs locked */
.bssv-at-award-earned {
	border-color: var(--bssv-elite);
	background:
		linear-gradient(135deg, rgba(247,198,69,0.16) 0%, var(--bssv-surface) 70%);
	box-shadow:
		0 8px 32px rgba(247,198,69,0.22),
		0 0 0 1px rgba(247,198,69,0.25) inset;
	transition: transform .2s ease, box-shadow .2s ease;
}
.bssv-at-award-earned:hover {
	transform: translateY(-2px) scale(1.01);
	box-shadow:
		0 12px 40px rgba(247,198,69,0.32),
		0 0 0 1px rgba(247,198,69,0.4) inset;
}
.bssv-at-award-earned svg polygon {
	filter: drop-shadow(0 0 8px rgba(247,198,69,0.55));
}
.bssv-at-badge-earned {
	border-color: var(--bssv-verified);
	background:
		linear-gradient(135deg, rgba(42,215,160,0.14) 0%, var(--bssv-surface) 70%);
	box-shadow:
		0 8px 28px rgba(42,215,160,0.18),
		0 0 0 1px rgba(42,215,160,0.22) inset;
	transition: transform .2s ease, box-shadow .2s ease;
}
.bssv-at-badge-earned:hover {
	transform: translateY(-2px);
	box-shadow:
		0 12px 36px rgba(42,215,160,0.28),
		0 0 0 1px rgba(42,215,160,0.35) inset;
}
.bssv-at-badge-earned svg polygon {
	filter: drop-shadow(0 0 6px rgba(42,215,160,0.55));
}
.bssv-at-badge-locked { opacity: 0.42; }
.bssv-at-badge-locked:hover { opacity: 0.55; }

/* ─────────────────────────────────────────────────────────────────
   v14 — FULL-WIDTH + TIER SUBSCRIPTION LAYERS
   ───────────────────────────────────────────────────────────────── */

/* 1. FULL-WIDTH — admin test page fills available browser width */
.bssv-admin-test {
	max-width: none;
	margin: 18px 0;
	padding: 28px 36px;
}
@media (min-width: 1400px) {
	.bssv-admin-test { padding: 32px 48px; }
	.bssv-at-hero    { padding: 52px 56px; }
}
@media (min-width: 1800px) {
	.bssv-admin-test { padding: 36px 64px; }
	.bssv-at-hero    { padding: 64px 64px; }
}
.bssv-at-hero { max-width: none; }
.bssv-at-charts { grid-template-columns: repeat(auto-fit, minmax(440px, 1fr)); }

/* ── Breadcrumb Elite badge ─────────────────────────────────────── */
.bssv-at-bc-elite {
	color: var(--bssv-elite);
	font-weight: 800;
	letter-spacing: 0.14em;
}

/* ── Elite banner (top of dashboard) ────────────────────────────── */
.bssv-at-elite-banner {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #2a1d04 0%, #1a1408 60%, #0f0c08 100%);
	border: 1px solid rgba(247,198,69,0.5);
	border-radius: var(--bssv-radius);
	padding: 18px 28px;
	margin-bottom: 18px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	flex-wrap: wrap;
	box-shadow: 0 8px 32px rgba(247,198,69,0.18), 0 0 0 1px rgba(247,198,69,0.18) inset;
}
.bssv-at-elite-banner-glow {
	position: absolute; inset: 0;
	background: radial-gradient(ellipse 60% 100% at 0% 50%, rgba(247,198,69,0.22) 0%, transparent 60%);
	pointer-events: none; z-index: 0;
}
.bssv-at-elite-banner-l, .bssv-at-elite-banner-r { position: relative; z-index: 1; }
.bssv-at-elite-banner-l { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.bssv-at-elite-banner-tag {
	background: linear-gradient(135deg, var(--bssv-elite) 0%, #ffe79b 100%);
	color: #2a1d04;
	padding: 6px 14px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.18em;
	box-shadow: 0 4px 16px rgba(247,198,69,0.45);
}
.bssv-at-elite-banner-title {
	font-size: 15px;
	font-weight: 700;
	color: var(--bssv-elite);
	letter-spacing: 0.04em;
}
.bssv-at-elite-banner-meta {
	font-size: 12px;
	color: var(--bssv-muted-2);
	letter-spacing: 0.04em;
}
@media (max-width: 720px) {
	.bssv-at-elite-banner { flex-direction: column; align-items: flex-start; }
}

/* ── Tier-aware tagline pill colors ─────────────────────────────── */
.bssv-at-hero-tag.bssv-at-hero-tag-elite {
	background: linear-gradient(135deg, rgba(247,198,69,0.26) 0%, rgba(255,231,155,0.12) 100%);
	border-color: rgba(247,198,69,0.55);
	color: var(--bssv-elite);
	text-shadow: 0 0 14px rgba(247,198,69,0.5);
	box-shadow: 0 4px 18px rgba(247,198,69,0.3), 0 0 0 1px rgba(247,198,69,0.18) inset;
}
.bssv-at-hero-tag.bssv-at-hero-tag-verified {
	/* keep existing red gradient pill */
}
.bssv-at-hero-tag.bssv-at-hero-tag-free {
	background: linear-gradient(135deg, rgba(108,117,145,0.16) 0%, rgba(108,117,145,0.04) 100%);
	border-color: rgba(108,117,145,0.4);
	color: var(--bssv-muted-2);
	text-shadow: none;
	box-shadow: none;
}

/* ── Tier-specific hero glow + avatar treatment ─────────────────── */
.bssv-at-hero-elite {
	background:
		radial-gradient(ellipse 60% 80% at 100% 50%, rgba(247,198,69,0.14) 0%, transparent 70%),
		linear-gradient(180deg, #1a1508 0%, #0f0c08 100%);
	border-color: rgba(247,198,69,0.45);
}
.bssv-at-hero-elite .bssv-at-hero-glow {
	background: radial-gradient(circle, rgba(247,198,69,0.55) 0%, rgba(247,198,69,0.18) 35%, rgba(247,198,69,0) 65%);
}
.bssv-at-hero-elite .bssv-at-hero-glow-2 {
	background: radial-gradient(circle, rgba(247,198,69,0.30) 0%, rgba(247,198,69,0) 60%);
}
.bssv-at-hero-elite .bssv-at-hero-glow-3 {
	background: radial-gradient(circle, rgba(247,198,69,0.18) 0%, rgba(247,198,69,0) 55%);
}
.bssv-at-hero-avatar-elite {
	border-color: var(--bssv-elite);
	box-shadow:
		0 0 60px rgba(247,198,69,0.45),
		0 0 0 1px rgba(247,198,69,0.5) inset,
		0 0 24px rgba(247,198,69,0.25) inset;
}
.bssv-at-hero-elite .bssv-at-hero-name {
	text-shadow:
		0 2px 32px rgba(0,0,0,0.55),
		0 0 60px rgba(247,198,69,0.22),
		0 1px 0 rgba(255,255,255,0.06);
}
.bssv-at-hero-chip.is-elite {
	background: rgba(247,198,69,0.16);
	border-color: rgba(247,198,69,0.5);
	color: var(--bssv-elite);
}

/* ── Premium Share CTA (Elite hero) ──────────────────────────────── */
.bssv-at-cta.cta-share-elite {
	background: linear-gradient(135deg, var(--bssv-elite) 0%, #ffe79b 100%);
	color: #2a1d04;
	border-radius: 999px;
	padding: 14px 28px;
	font-weight: 900;
	letter-spacing: 0.04em;
	box-shadow: 0 12px 36px rgba(247,198,69,0.55), 0 0 0 1px rgba(255,255,255,0.18) inset;
	white-space: nowrap;
}
.bssv-at-cta.cta-share-elite:hover {
	transform: translateY(-1px);
	box-shadow: 0 16px 44px rgba(247,198,69,0.7);
}

/* ── Top Performance card (Elite) ───────────────────────────────── */
.bssv-at-top-perf-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 12px;
}
.bssv-at-top-perf {
	position: relative;
	background:
		radial-gradient(ellipse 100% 60% at 50% 0%, rgba(247,198,69,0.14) 0%, transparent 70%),
		linear-gradient(135deg, var(--bssv-surface-2) 0%, var(--bssv-surface) 100%);
	border: 1px solid rgba(247,198,69,0.45);
	border-radius: var(--bssv-radius-sm);
	padding: 18px 20px;
	box-shadow: 0 6px 24px rgba(247,198,69,0.14);
}
.bssv-at-top-perf-rank {
	position: absolute;
	top: 14px; right: 16px;
	font-family: SF Mono, Menlo, monospace;
	font-size: 11px;
	font-weight: 800;
	color: var(--bssv-elite);
	letter-spacing: 0.06em;
}
.bssv-at-top-perf-line { display: flex; gap: 18px; flex-wrap: wrap; margin-bottom: 8px; }
.bssv-at-top-perf-line span { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.1; }
.bssv-at-top-perf-line b { font-size: 24px; font-weight: 900; color: var(--bssv-elite); letter-spacing: -0.02em; }
.bssv-at-top-perf-line i { font-style: normal; font-size: 10px; color: var(--bssv-muted); letter-spacing: 0.1em; text-transform: uppercase; margin-top: 4px; font-weight: 700; }
.bssv-at-top-perf-meta { font-size: 11px; color: var(--bssv-muted-2); }

/* ── Sponsor slot placeholder (Elite, tier-feature only — no real sponsor) ── */
.bssv-at-sponsor-placeholder {
	background: linear-gradient(135deg, var(--bssv-surface-2) 0%, var(--bssv-surface) 100%);
	border: 1.5px dashed rgba(247,198,69,0.4);
	border-radius: var(--bssv-radius-sm);
	padding: 22px 28px;
	display: flex;
	gap: 18px;
	align-items: center;
	color: var(--bssv-muted-2);
}
.bssv-at-sponsor-frame {
	width: 56px; height: 56px;
	border-radius: 8px;
	background: rgba(247,198,69,0.08);
	color: var(--bssv-elite);
	display: flex; align-items: center; justify-content: center;
	flex-shrink: 0;
}
.bssv-at-sponsor-title {
	font-size: 14px; font-weight: 800; color: var(--bssv-text);
	letter-spacing: 0.02em;
	margin-bottom: 4px;
}
.bssv-at-sponsor-desc {
	font-size: 12px; color: var(--bssv-muted);
	font-style: italic;
}

/* ── Profile Strength tier variants ─────────────────────────────── */
.bssv-at-strength-elite {
	background:
		radial-gradient(ellipse 60% 100% at 0% 50%, rgba(247,198,69,0.10) 0%, transparent 60%),
		var(--bssv-surface);
	border-color: rgba(247,198,69,0.4);
}
.bssv-at-strength-elite .bssv-at-strength-tags {
	color: var(--bssv-elite);
	text-shadow: 0 0 12px rgba(247,198,69,0.35);
}

/* ── Locked Verified Features (Free tier) ───────────────────────── */
.bssv-at-locked-section { margin-bottom: 22px; }
.bssv-at-locked-head {
	display: flex; justify-content: space-between; align-items: center;
	margin-bottom: 14px; padding: 0 4px; flex-wrap: wrap; gap: 10px;
}
.bssv-at-locked-head h3 {
	margin: 0; font-size: 12px; color: var(--bssv-text);
	letter-spacing: 0.14em; text-transform: uppercase; font-weight: 800;
	display: flex; align-items: center; gap: 10px;
}
.bssv-at-locked-head h3::before {
	content: ''; display: inline-block;
	width: 24px; height: 2px; background: var(--bssv-accent);
}
.bssv-at-locked-cap {
	font-size: 11px;
	color: var(--bssv-muted);
	font-weight: 700;
	letter-spacing: 0.04em;
}
.bssv-at-locked-cap b { color: var(--bssv-warn); font-weight: 800; }
.bssv-at-locked-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 12px;
}
.bssv-at-locked-tile {
	background: var(--bssv-surface);
	border: 1px dashed var(--bssv-line-strong);
	border-radius: var(--bssv-radius-sm);
	padding: 16px 18px;
	display: flex; gap: 14px; align-items: flex-start;
	opacity: 0.7;
	transition: opacity .15s ease, border-color .15s ease;
}
.bssv-at-locked-tile:hover { opacity: 0.9; border-color: var(--bssv-muted); }
.bssv-at-locked-icon {
	color: var(--bssv-muted);
	width: 36px; height: 36px;
	background: var(--bssv-surface-2);
	border-radius: 8px;
	display: flex; align-items: center; justify-content: center;
	flex-shrink: 0;
}
.bssv-at-locked-name { font-size: 13px; font-weight: 700; color: var(--bssv-text); margin-bottom: 4px; }
.bssv-at-locked-desc { font-size: 11px; color: var(--bssv-muted); line-height: 1.5; }

/* ── Verified Unlocks (placeholders for Verified tier) ──────────── */
.bssv-at-unlock-section { margin-bottom: 22px; }
.bssv-at-unlock-head {
	display: flex; justify-content: space-between; align-items: center;
	margin-bottom: 14px; padding: 0 4px; flex-wrap: wrap; gap: 10px;
}
.bssv-at-unlock-head h3 {
	margin: 0; font-size: 12px; color: var(--bssv-text);
	letter-spacing: 0.14em; text-transform: uppercase; font-weight: 800;
	display: flex; align-items: center; gap: 10px;
}
.bssv-at-unlock-head h3::before {
	content: ''; display: inline-block;
	width: 24px; height: 2px; background: var(--bssv-verified);
}
.bssv-at-unlock-state {
	font-size: 11px; color: var(--bssv-muted); letter-spacing: 0.04em; font-style: italic;
}
.bssv-at-unlock-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 12px;
}
.bssv-at-unlock-tile {
	background: linear-gradient(135deg, rgba(42,215,160,0.08) 0%, var(--bssv-surface) 70%);
	border: 1px solid rgba(42,215,160,0.3);
	border-radius: var(--bssv-radius-sm);
	padding: 16px 18px;
	display: flex; gap: 14px; align-items: flex-start;
}
.bssv-at-unlock-icon {
	color: var(--bssv-verified);
	width: 36px; height: 36px;
	background: rgba(42,215,160,0.10);
	border-radius: 8px;
	display: flex; align-items: center; justify-content: center;
	flex-shrink: 0;
}
.bssv-at-unlock-name { font-size: 13px; font-weight: 700; color: var(--bssv-text); margin-bottom: 4px; }
.bssv-at-unlock-desc { font-size: 11px; color: var(--bssv-muted-2); line-height: 1.5; }

/* ── Upgrade-to-Elite (Verified tier) ───────────────────────────── */
.bssv-at-upgrade-elite {
	background: linear-gradient(135deg, #1d1605 0%, #0e0e10 100%);
	border-color: rgba(247,198,69,0.5);
	box-shadow: 0 8px 32px rgba(247,198,69,0.20), 0 0 0 1px rgba(247,198,69,0.16) inset;
}
.bssv-at-upgrade-glow-elite {
	background: radial-gradient(ellipse 60% 100% at 0% 50%, rgba(247,198,69,0.22) 0%, transparent 60%);
}
.bssv-at-upgrade-elite .bssv-at-upgrade-eyebrow {
	color: var(--bssv-elite);
}
.bssv-at-cta.cta-upgrade-elite {
	background: linear-gradient(135deg, var(--bssv-elite) 0%, #ffe79b 100%);
	color: #2a1d04;
	padding: 14px 28px;
	font-weight: 900;
	border-radius: 999px;
	box-shadow: 0 10px 32px rgba(247,198,69,0.55), 0 0 0 1px rgba(255,255,255,0.12) inset;
	white-space: nowrap;
	position: relative; z-index: 1;
}
.bssv-at-cta.cta-upgrade-elite:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 38px rgba(247,198,69,0.7);
}

/* Override v13: only show Free CTA + cap message, never on Verified/Elite */
.bssv-at-strength-verified .bssv-at-strength-cap,
.bssv-at-strength-elite .bssv-at-strength-cap { display: none; }

/* ─────────────────────────────────────────────────────────────────
   v15 — DNA + Next-Up + Milestones + Filters/Sort
   ───────────────────────────────────────────────────────────────── */

/* ── Search filter row ──────────────────────────────────────────── */
.bssv-at-filter-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 12px;
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid var(--bssv-line);
}
.bssv-at-filter {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.bssv-at-filter span {
	font-size: 10px;
	color: var(--bssv-muted);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-weight: 700;
}
.bssv-at-filter select {
	background: var(--bssv-bg);
	border: 1px solid var(--bssv-line);
	color: var(--bssv-text);
	border-radius: var(--bssv-radius-sm);
	padding: 10px 12px;
	font-size: 13px;
	cursor: pointer;
	font-family: inherit;
	transition: border-color .15s ease;
	width: 100%;
}
.bssv-at-filter select:hover { border-color: var(--bssv-muted); }
.bssv-at-filter select:focus {
	outline: none;
	border-color: var(--bssv-verified);
	box-shadow: 0 0 0 3px rgba(42,215,160,0.15);
}

/* ── Player DNA card ────────────────────────────────────────────── */
.bssv-at-dna-card {
	background: linear-gradient(135deg, var(--bssv-surface-2) 0%, var(--bssv-surface) 100%);
	border: 1px solid var(--bssv-line);
	border-radius: var(--bssv-radius-sm);
	padding: 24px 28px;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 32px;
	align-items: center;
	box-shadow: 0 6px 28px rgba(0,0,0,0.3);
}
.bssv-at-dna-l {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
.bssv-at-dna-svg {
	width: 220px;
	height: 220px;
	flex-shrink: 0;
}
.bssv-at-dna-archetype {
	font-size: 13px;
	font-weight: 800;
	color: var(--bssv-accent-2);
	letter-spacing: 0.06em;
	text-shadow: 0 0 12px rgba(225,29,72,0.25);
}
.bssv-at-dna-r {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.bssv-at-dna-formula {
	font-size: 10px;
	color: var(--bssv-muted);
	letter-spacing: 0.06em;
	font-style: italic;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px dashed var(--bssv-line);
}
.bssv-at-dna-bar {
	display: grid;
	grid-template-columns: 90px 1fr 32px;
	gap: 12px;
	align-items: center;
	font-size: 12px;
}
.bssv-at-dna-bar-label {
	color: var(--bssv-muted-2);
	font-weight: 700;
	letter-spacing: 0.04em;
}
.bssv-at-dna-bar-track {
	height: 8px;
	background: var(--bssv-bg);
	border: 1px solid var(--bssv-line);
	border-radius: 4px;
	overflow: hidden;
}
.bssv-at-dna-bar-fill {
	height: 100%;
	background: linear-gradient(90deg, var(--bssv-accent) 0%, var(--bssv-elite) 100%);
	transition: width .4s ease;
}
.bssv-at-dna-bar-val {
	font-weight: 800;
	color: var(--bssv-text);
	text-align: right;
	font-variant-numeric: tabular-nums;
}
@media (max-width: 720px) {
	.bssv-at-dna-card { grid-template-columns: 1fr; gap: 18px; }
	.bssv-at-dna-svg { width: 180px; height: 180px; }
}

/* ── Next-Up progression bars ───────────────────────────────────── */
.bssv-at-nextup {
	display: flex;
	flex-direction: column;
	gap: 14px;
	background: var(--bssv-surface);
	border: 1px solid var(--bssv-line);
	border-radius: var(--bssv-radius-sm);
	padding: 18px 22px;
}
.bssv-at-nextup-row {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.bssv-at-nextup-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 12px;
}
.bssv-at-nextup-cat {
	font-weight: 800;
	color: var(--bssv-text);
	letter-spacing: 0.06em;
}
.bssv-at-nextup-rank {
	font-family: SF Mono, Menlo, monospace;
	font-size: 11px;
	color: var(--bssv-muted);
	font-weight: 700;
}
.bssv-at-nextup-track {
	height: 8px;
	background: var(--bssv-bg);
	border: 1px solid var(--bssv-line);
	border-radius: 4px;
	overflow: hidden;
}
.bssv-at-nextup-fill {
	height: 100%;
	background: linear-gradient(90deg, var(--bssv-verified) 0%, var(--bssv-elite) 100%);
	transition: width .4s ease;
	box-shadow: 0 0 12px rgba(42,215,160,0.3);
}
.bssv-at-nextup-detail {
	font-size: 12px;
	color: var(--bssv-muted-2);
}

/* ── Milestone tiles ────────────────────────────────────────────── */
.bssv-at-milestones {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.bssv-at-milestone-cat {
	background: var(--bssv-surface);
	border: 1px solid var(--bssv-line);
	border-radius: var(--bssv-radius-sm);
	padding: 14px 18px;
}
.bssv-at-milestone-cat-head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 10px;
}
.bssv-at-milestone-cat-label {
	font-size: 11px;
	color: var(--bssv-muted);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-weight: 800;
}
.bssv-at-milestone-cat-current {
	font-size: 14px;
	font-weight: 800;
	color: var(--bssv-text);
	font-variant-numeric: tabular-nums;
}
.bssv-at-milestone-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
	gap: 8px;
}
.bssv-at-milestone-tile {
	background: var(--bssv-surface-2);
	border: 1px solid var(--bssv-line);
	border-radius: var(--bssv-radius-sm);
	padding: 12px 10px;
	text-align: center;
	transition: transform .15s ease, border-color .15s ease;
}
.bssv-at-milestone-tile.is-earned {
	border-color: var(--bssv-elite);
	background: linear-gradient(135deg, rgba(247,198,69,0.12) 0%, var(--bssv-surface-2) 70%);
	box-shadow: 0 4px 16px rgba(247,198,69,0.18);
}
.bssv-at-milestone-tile.is-earned:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(247,198,69,0.28);
}
.bssv-at-milestone-tile.is-locked {
	opacity: 0.6;
}
.bssv-at-milestone-num {
	font-size: 22px;
	font-weight: 900;
	color: var(--bssv-text);
	letter-spacing: -0.02em;
	font-variant-numeric: tabular-nums;
	line-height: 1;
}
.bssv-at-milestone-tile.is-earned .bssv-at-milestone-num {
	color: var(--bssv-elite);
}
.bssv-at-milestone-state {
	font-size: 10px;
	color: var(--bssv-muted);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 6px;
}
.bssv-at-milestone-tile.is-earned .bssv-at-milestone-state {
	color: var(--bssv-elite);
}

/* ─────────────────────────────────────────────────────────────────
   v16 — Hall of Fame Progress + Scouting Report
   ───────────────────────────────────────────────────────────────── */

/* Hall of Fame Progress card */
.bssv-at-hof-card {
	background:
		radial-gradient(ellipse 60% 100% at 0% 50%, rgba(247,198,69,0.10) 0%, transparent 60%),
		linear-gradient(135deg, var(--bssv-surface-2) 0%, var(--bssv-surface) 100%);
	border: 1px solid rgba(247,198,69,0.35);
	border-radius: var(--bssv-radius-sm);
	padding: 22px 26px;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 28px;
	align-items: center;
	box-shadow: 0 6px 24px rgba(247,198,69,0.10);
}
.bssv-at-hof-l {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;
}
.bssv-at-hof-svg {
	width: 130px;
	height: 130px;
	color: var(--bssv-text);
}
.bssv-at-hof-status {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	padding: 6px 14px;
	border-radius: 999px;
	white-space: nowrap;
}
.bssv-at-hof-status-building { background: var(--bssv-surface-3); color: var(--bssv-muted-2); border: 1px solid var(--bssv-line-strong); }
.bssv-at-hof-status-rising   { background: rgba(225,29,72,0.16); color: var(--bssv-accent-2); border: 1px solid rgba(225,29,72,0.4); }
.bssv-at-hof-status-watch    { background: rgba(247,198,69,0.18); color: var(--bssv-elite); border: 1px solid rgba(247,198,69,0.45); box-shadow: 0 4px 16px rgba(247,198,69,0.20); }
.bssv-at-hof-status-lock     { background: linear-gradient(135deg, var(--bssv-elite) 0%, #ffe79b 100%); color: #2a1d04; box-shadow: 0 6px 22px rgba(247,198,69,0.45); }

.bssv-at-hof-r {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.bssv-at-hof-meta {
	font-size: 10px;
	color: var(--bssv-muted);
	letter-spacing: 0.08em;
	font-style: italic;
	margin-bottom: 4px;
	padding-bottom: 8px;
	border-bottom: 1px dashed var(--bssv-line);
}
.bssv-at-hof-bar {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.bssv-at-hof-bar-head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	font-size: 12px;
}
.bssv-at-hof-bar-label {
	color: var(--bssv-muted-2);
	font-weight: 700;
	letter-spacing: 0.04em;
}
.bssv-at-hof-bar-val {
	color: var(--bssv-text);
	font-weight: 800;
	font-variant-numeric: tabular-nums;
}
.bssv-at-hof-bar-val i {
	font-style: normal;
	color: var(--bssv-muted);
	font-weight: 500;
	margin-left: 2px;
}
.bssv-at-hof-bar-track {
	height: 8px;
	background: var(--bssv-bg);
	border: 1px solid var(--bssv-line);
	border-radius: 4px;
	overflow: hidden;
}
.bssv-at-hof-bar-fill {
	height: 100%;
	background: linear-gradient(90deg, var(--bssv-accent) 0%, var(--bssv-elite) 100%);
	transition: width .4s ease;
}
.bssv-at-hof-bar-fill.is-earned {
	background: linear-gradient(90deg, var(--bssv-elite) 0%, #ffe79b 100%);
	box-shadow: 0 0 12px rgba(247,198,69,0.4);
}

@media (max-width: 720px) {
	.bssv-at-hof-card { grid-template-columns: 1fr; gap: 18px; }
}

/* Scouting Report */
.bssv-at-scout-section {
	margin-bottom: 22px;
}
.bssv-at-scout-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 14px;
	padding: 0 4px;
	flex-wrap: wrap;
	gap: 10px;
}
.bssv-at-scout-head h3 {
	margin: 0;
	font-size: 12px;
	color: var(--bssv-text);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-weight: 800;
	display: flex;
	align-items: center;
	gap: 10px;
}
.bssv-at-scout-head h3::before {
	content: '';
	display: inline-block;
	width: 24px; height: 2px;
	background: var(--bssv-accent);
}
.bssv-at-scout-tier {
	font-size: 10px;
	color: var(--bssv-accent-2);
	letter-spacing: 0.16em;
	font-weight: 800;
	text-transform: uppercase;
}
.bssv-at-scout-section.bssv-at-scout-elite .bssv-at-scout-head h3::before {
	background: var(--bssv-elite);
}
.bssv-at-scout-section.bssv-at-scout-elite .bssv-at-scout-tier {
	color: var(--bssv-elite);
	text-shadow: 0 0 12px rgba(247,198,69,0.35);
}

.bssv-at-scout-body {
	background: linear-gradient(180deg, var(--bssv-surface-2) 0%, var(--bssv-surface) 100%);
	border: 1px solid var(--bssv-line);
	border-left: 3px solid var(--bssv-accent);
	border-radius: var(--bssv-radius-sm);
	padding: 22px 28px;
	box-shadow: 0 6px 24px rgba(0,0,0,0.25);
}
.bssv-at-scout-section.bssv-at-scout-elite .bssv-at-scout-body {
	border-left-color: var(--bssv-elite);
	background:
		radial-gradient(ellipse 60% 100% at 0% 50%, rgba(247,198,69,0.10) 0%, transparent 60%),
		linear-gradient(180deg, var(--bssv-surface-2) 0%, var(--bssv-surface) 100%);
	box-shadow: 0 8px 28px rgba(247,198,69,0.16);
}
.bssv-at-scout-para {
	margin-bottom: 18px;
}
.bssv-at-scout-para:last-child {
	margin-bottom: 0;
}
.bssv-at-scout-tag {
	font-size: 10px;
	font-weight: 800;
	color: var(--bssv-accent-2);
	letter-spacing: 0.18em;
	margin-bottom: 6px;
}
.bssv-at-scout-section.bssv-at-scout-elite .bssv-at-scout-tag {
	color: var(--bssv-elite);
}
.bssv-at-scout-text {
	font-size: 16px;
	line-height: 1.7;
	color: var(--bssv-muted-2);
	font-weight: 400;
	margin: 0;
}
.bssv-at-scout-text b {
	color: var(--bssv-text);
	font-weight: 700;
}

/* Scouting locked block (Free tier preview) */
.bssv-at-scout-locked {
	margin-top: 16px;
	background: linear-gradient(135deg, #1d0e18 0%, #0e1018 100%);
	border: 1px solid rgba(225,29,72,0.4);
	border-radius: var(--bssv-radius-sm);
	padding: 18px 22px;
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 16px;
	align-items: center;
	box-shadow: 0 6px 22px rgba(225,29,72,0.18);
}
.bssv-at-scout-locked-icon {
	color: var(--bssv-accent-2);
	width: 40px; height: 40px;
	background: rgba(225,29,72,0.16);
	border-radius: 8px;
	display: flex; align-items: center; justify-content: center;
	flex-shrink: 0;
}
.bssv-at-scout-locked-title {
	font-size: 14px;
	font-weight: 800;
	color: var(--bssv-text);
	margin-bottom: 4px;
}
.bssv-at-scout-locked-desc {
	font-size: 11px;
	color: var(--bssv-muted-2);
	letter-spacing: 0.04em;
}
@media (max-width: 720px) {
	.bssv-at-scout-locked { grid-template-columns: auto 1fr; }
	.bssv-at-scout-locked .bssv-at-cta { grid-column: 1 / -1; justify-self: stretch; text-align: center; }
}

/* Scouting projected ceiling (Elite only) */
.bssv-at-scout-ceiling {
	margin-top: 18px;
	background:
		radial-gradient(ellipse 60% 100% at 100% 50%, rgba(247,198,69,0.20) 0%, transparent 65%),
		linear-gradient(135deg, #2a1d04 0%, #14130b 100%);
	border: 1px solid var(--bssv-elite);
	border-radius: var(--bssv-radius-sm);
	padding: 20px 26px;
	box-shadow: 0 8px 28px rgba(247,198,69,0.22);
}
.bssv-at-scout-ceiling-eyebrow {
	font-size: 10px;
	font-weight: 800;
	color: var(--bssv-elite);
	letter-spacing: 0.20em;
	text-transform: uppercase;
	margin-bottom: 8px;
	text-shadow: 0 0 14px rgba(247,198,69,0.4);
}
.bssv-at-scout-ceiling-line {
	font-size: 22px;
	font-weight: 700;
	color: var(--bssv-text);
	line-height: 1.35;
	letter-spacing: -0.01em;
	margin-bottom: 6px;
}
.bssv-at-scout-ceiling-line b {
	color: var(--bssv-elite);
	font-weight: 900;
	text-shadow: 0 0 14px rgba(247,198,69,0.4);
}
.bssv-at-scout-ceiling-meta {
	font-size: 12px;
	color: var(--bssv-muted-2);
	letter-spacing: 0.02em;
}
.bssv-at-scout-ceiling-meta b {
	color: var(--bssv-text);
	font-weight: 800;
}

/* ─────────────────────────────────────────────────────────────────
   v17 — Snapshots · Next Up card · Create-My-Player-Card modal
   ───────────────────────────────────────────────────────────────── */

/* Primary CTA + ghost CTA in hero (v17 button pair) */
.bssv-at-cta.cta-primary-card {
	background: linear-gradient(135deg, var(--bssv-accent) 0%, var(--bssv-accent-2) 100%);
	color: white;
	padding: 13px 22px;
	font-weight: 800;
	border-radius: 999px;
	font-size: 14px;
	letter-spacing: 0.02em;
	box-shadow: 0 12px 32px rgba(225,29,72,0.48), 0 0 0 1px rgba(255,255,255,0.10) inset;
	cursor: pointer;
	border: none;
	transition: transform .12s ease, box-shadow .15s ease;
}
.bssv-at-cta.cta-primary-card:hover {
	transform: translateY(-1px);
	box-shadow: 0 16px 38px rgba(225,29,72,0.62);
}
.bssv-at-cta.cta-ghost {
	background: transparent;
	color: var(--bssv-text);
	border: 1px solid var(--bssv-line-strong);
	padding: 11px 20px;
	font-weight: 700;
	border-radius: 999px;
	font-size: 13px;
	cursor: pointer;
	transition: border-color .15s ease, background .15s ease;
}
.bssv-at-cta.cta-ghost:hover { border-color: var(--bssv-muted); background: rgba(255,255,255,0.03); }
.bssv-at-hero-cta-wrap {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

/* ── Snapshots row (under hero) ─────────────────────────────────── */
.bssv-at-snapshots {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin-bottom: 22px;
}
.bssv-at-snapshot {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, var(--bssv-surface-2) 0%, var(--bssv-surface) 100%);
	border: 1px solid var(--bssv-line);
	border-radius: var(--bssv-radius-sm);
	padding: 22px 24px;
	box-shadow: 0 6px 22px rgba(0,0,0,0.28);
	transition: transform .15s ease, box-shadow .15s ease;
}
.bssv-at-snapshot:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}
.bssv-at-snapshot-eyebrow {
	font-size: 10px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	font-weight: 800;
	color: var(--bssv-muted);
	margin-bottom: 12px;
}
.bssv-at-snapshot-value {
	font-size: clamp(36px, 4vw, 48px);
	font-weight: 900;
	letter-spacing: -0.03em;
	line-height: 1;
	color: var(--bssv-text);
	margin-bottom: 6px;
}
.bssv-at-snapshot-label {
	font-size: 12px;
	font-weight: 700;
	color: var(--bssv-muted-2);
	letter-spacing: 0.04em;
	margin-bottom: 8px;
}
.bssv-at-snapshot-sub {
	font-size: 12px;
	color: var(--bssv-muted);
}
.bssv-at-snapshot-sub b { color: var(--bssv-text); font-weight: 700; }

.bssv-at-snapshot-career {
	border-color: rgba(42,215,160,0.32);
	background: linear-gradient(135deg, rgba(42,215,160,0.08) 0%, var(--bssv-surface) 100%);
}
.bssv-at-snapshot-career .bssv-at-snapshot-value { color: var(--bssv-verified); text-shadow: 0 0 16px rgba(42,215,160,0.30); }
.bssv-at-snapshot-rank {
	border-color: rgba(225,29,72,0.32);
	background: linear-gradient(135deg, rgba(225,29,72,0.08) 0%, var(--bssv-surface) 100%);
}
.bssv-at-snapshot-rank .bssv-at-snapshot-value { color: var(--bssv-accent-2); text-shadow: 0 0 16px rgba(225,29,72,0.30); }
.bssv-at-snapshot-legacy {
	border-color: rgba(247,198,69,0.32);
	background: linear-gradient(135deg, rgba(247,198,69,0.08) 0%, var(--bssv-surface) 100%);
}
.bssv-at-snapshot-legacy .bssv-at-snapshot-value { color: var(--bssv-elite); text-shadow: 0 0 16px rgba(247,198,69,0.32); }
.bssv-at-snapshot-tone-lock { box-shadow: 0 8px 28px rgba(247,198,69,0.30); }

@media (max-width: 880px) { .bssv-at-snapshots { grid-template-columns: 1fr; } }

/* ── Next Up redesigned card ────────────────────────────────────── */
.bssv-at-nextup-card {
	position: relative;
	background:
		radial-gradient(ellipse 60% 100% at 100% 50%, rgba(42,215,160,0.10) 0%, transparent 60%),
		linear-gradient(135deg, var(--bssv-surface-2) 0%, var(--bssv-surface) 100%);
	border: 1px solid rgba(42,215,160,0.30);
	border-radius: var(--bssv-radius);
	padding: 24px 28px;
	box-shadow: 0 8px 28px rgba(0,0,0,0.32);
	margin-bottom: 14px;
}
.bssv-at-nextup-card-head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 14px;
}
.bssv-at-nextup-card-title {
	font-size: 12px;
	color: var(--bssv-muted);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-weight: 800;
}
.bssv-at-nextup-card-pct {
	font-size: 32px;
	font-weight: 900;
	color: var(--bssv-verified);
	letter-spacing: -0.03em;
	text-shadow: 0 0 16px rgba(42,215,160,0.35);
}
.bssv-at-nextup-card-headline {
	font-size: 22px;
	font-weight: 700;
	color: var(--bssv-text);
	letter-spacing: -0.01em;
	line-height: 1.35;
	margin-bottom: 14px;
}
.bssv-at-nextup-card-headline b {
	color: var(--bssv-verified);
	font-weight: 900;
	text-shadow: 0 0 14px rgba(42,215,160,0.3);
}
.bssv-at-nextup-card-track {
	height: 10px;
	background: var(--bssv-bg);
	border: 1px solid var(--bssv-line);
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 10px;
}
.bssv-at-nextup-card-fill {
	height: 100%;
	background: linear-gradient(90deg, var(--bssv-verified) 0%, var(--bssv-elite) 100%);
	box-shadow: 0 0 12px rgba(42,215,160,0.4);
	transition: width .4s ease;
}
.bssv-at-nextup-card-sub {
	font-size: 13px;
	color: var(--bssv-muted-2);
	margin-bottom: 16px;
}
.bssv-at-nextup-card-sub b { color: var(--bssv-text); font-weight: 800; }
.bssv-at-nextup-card-actions {
	display: flex;
	justify-content: flex-start;
}
.bssv-at-nextup-others {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 10px;
}
.bssv-at-nextup-mini {
	background: var(--bssv-surface);
	border: 1px solid var(--bssv-line);
	border-radius: var(--bssv-radius-sm);
	padding: 12px 16px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.bssv-at-nextup-mini-head {
	display: flex;
	justify-content: space-between;
	font-size: 11px;
}
.bssv-at-nextup-mini-head span:first-child {
	font-weight: 800;
	color: var(--bssv-text);
	letter-spacing: 0.04em;
}
.bssv-at-nextup-mini-head span:last-child {
	font-family: SF Mono, Menlo, monospace;
	color: var(--bssv-muted);
	font-weight: 700;
}
.bssv-at-nextup-mini-track {
	height: 6px;
	background: var(--bssv-bg);
	border: 1px solid var(--bssv-line);
	border-radius: 3px;
	overflow: hidden;
}
.bssv-at-nextup-mini-fill {
	height: 100%;
	background: linear-gradient(90deg, var(--bssv-verified) 0%, var(--bssv-elite) 100%);
}
.bssv-at-nextup-mini-detail {
	font-size: 11px;
	color: var(--bssv-muted-2);
}

/* ── v17.1 — Player Card "share-worthy" upgrade ────────────────── */

/* Modal — re-centered with slight upward bias, scales up on large screens */
.bssv-at-modal {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 28px 20px;
	box-sizing: border-box;
}
.bssv-at-modal[hidden] { display: none; }
.bssv-at-modal-backdrop {
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at center, rgba(20,12,40,0.82) 0%, rgba(5,6,10,0.92) 70%);
	backdrop-filter: blur(10px) saturate(1.1);
	-webkit-backdrop-filter: blur(10px) saturate(1.1);
}
.bssv-at-modal-panel {
	position: relative;
	background: linear-gradient(180deg, #0d1018 0%, #050608 100%);
	border: 1px solid var(--bssv-line-strong);
	border-radius: 22px;
	padding: 30px 30px 22px;
	width: 100%;
	max-width: 480px;
	box-shadow:
		0 36px 90px rgba(0,0,0,0.7),
		0 0 0 1px rgba(255,255,255,0.04) inset,
		0 0 60px rgba(225,29,72,0.10);
	max-height: 92vh;
	overflow-y: auto;
	transform: translateY(-2vh);
}
@media (min-width: 1280px) {
	.bssv-at-modal-panel { max-width: 540px; padding: 34px 34px 24px; }
}
@media (min-width: 1600px) {
	.bssv-at-modal-panel { max-width: 600px; }
}
.bssv-at-modal-eyebrow {
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.22em;
	color: var(--bssv-accent-2);
	text-align: center;
	margin-bottom: 18px;
	text-transform: uppercase;
	opacity: 0.85;
}
.bssv-at-modal-close {
	position: absolute;
	top: 14px; right: 14px;
	width: 32px; height: 32px;
	background: var(--bssv-surface-2);
	border: 1px solid var(--bssv-line);
	border-radius: 50%;
	color: var(--bssv-muted);
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	display: flex; align-items: center; justify-content: center;
	transition: color .15s ease, border-color .15s ease, background .15s ease;
	z-index: 5;
}
.bssv-at-modal-close:hover { color: var(--bssv-text); border-color: var(--bssv-muted); background: rgba(255,255,255,0.06); }

.bssv-at-modal-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	align-items: center;
	margin-top: 22px;
}
.bssv-at-modal-actions .bssv-at-cta { padding: 11px 22px; font-size: 13px; }
.bssv-at-modal-note {
	width: 100%;
	text-align: center;
	font-size: 10px;
	color: var(--bssv-muted);
	font-style: italic;
	letter-spacing: 0.04em;
	margin-top: 4px;
}

/* ── The shareable card — v17.1 premium badge ──────────────── */
.bssv-at-card {
	position: relative;
	overflow: hidden;
	border-radius: 16px;
	padding: 26px 26px 22px;
	background: linear-gradient(135deg, #1a1240 0%, #0a0c14 60%, #050608 100%);
	border: 1.5px solid rgba(225,29,72,0.6);
	box-shadow:
		0 24px 60px rgba(0,0,0,0.6),
		0 0 0 1px rgba(255,255,255,0.05) inset,
		0 0 40px rgba(225,29,72,0.18) inset;
	color: var(--bssv-text);
	min-height: 420px;
	display: flex;
	flex-direction: column;
	gap: 0;
}
.bssv-at-card-glow {
	position: absolute;
	top: -90px; right: -90px;
	width: 320px; height: 320px;
	background: radial-gradient(circle, rgba(225,29,72,0.55) 0%, rgba(225,29,72,0) 65%);
	filter: blur(20px);
	pointer-events: none;
	z-index: 0;
}
.bssv-at-card-glow-2 {
	position: absolute;
	bottom: -120px; left: -100px;
	width: 360px; height: 360px;
	background: radial-gradient(circle, rgba(99,72,201,0.40) 0%, rgba(99,72,201,0) 70%);
	filter: blur(28px);
	pointer-events: none;
	z-index: 0;
}
.bssv-at-card-grain {
	position: absolute;
	inset: 0;
	background-image:
		repeating-linear-gradient(0deg, rgba(255,255,255,0.012) 0 1px, transparent 1px 3px),
		repeating-linear-gradient(90deg, rgba(255,255,255,0.012) 0 1px, transparent 1px 3px);
	mix-blend-mode: overlay;
	pointer-events: none;
	z-index: 1;
}

/* Identity Layer — top of card */
.bssv-at-card-identity {
	position: relative;
	z-index: 2;
	text-align: center;
	margin-bottom: 18px;
}
.bssv-at-card-tier-line {
	display: inline-block;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.22em;
	color: var(--bssv-accent-2);
	text-transform: uppercase;
	padding: 5px 12px;
	border: 1px solid rgba(225,29,72,0.45);
	border-radius: 999px;
	background: rgba(225,29,72,0.10);
	margin-bottom: 12px;
}
.bssv-at-card-rank-callout {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.18em;
	color: var(--bssv-elite);
	text-transform: uppercase;
	margin-bottom: 10px;
	text-shadow: 0 0 16px rgba(247,198,69,0.45);
}
.bssv-at-card-name {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 44px;
	font-weight: 900;
	letter-spacing: -0.02em;
	line-height: 1.05;
	color: #ffffff;
	margin: 0 0 6px;
	text-shadow:
		0 2px 22px rgba(0,0,0,0.65),
		0 0 36px rgba(225,29,72,0.30);
}
.bssv-at-card-team {
	font-size: 12px;
	color: var(--bssv-muted-2);
	letter-spacing: 0.10em;
	text-transform: uppercase;
	font-weight: 600;
}

/* Stat Hierarchy — primary dominant + secondary mini-stats */
.bssv-at-card-stat-grid {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 18px;
	margin-bottom: 22px;
	padding: 18px 0;
	border-top: 1px solid rgba(255,255,255,0.10);
	border-bottom: 1px solid rgba(255,255,255,0.10);
}
.bssv-at-card-primary {
	text-align: center;
}
.bssv-at-card-primary-value {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 64px;
	font-weight: 900;
	line-height: 1;
	color: #ffffff;
	letter-spacing: -0.03em;
	text-shadow:
		0 0 24px rgba(225,29,72,0.55),
		0 0 50px rgba(225,29,72,0.30),
		0 2px 16px rgba(0,0,0,0.65);
	margin-bottom: 4px;
}
.bssv-at-card-primary-label {
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.20em;
	text-transform: uppercase;
	color: var(--bssv-muted);
}
.bssv-at-card-secondary {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0;
	width: 100%;
	max-width: 320px;
}
.bssv-at-card-stat-mini {
	text-align: center;
	padding: 0 12px;
	border-right: 1px solid rgba(255,255,255,0.08);
}
.bssv-at-card-stat-mini:last-child { border-right: none; }
.bssv-at-card-mini-value {
	font-size: 22px;
	font-weight: 900;
	letter-spacing: -0.01em;
	color: #ffffff;
	line-height: 1;
	margin-bottom: 4px;
}
.bssv-at-card-mini-label {
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--bssv-muted);
}

/* Card foot */
.bssv-at-card-foot {
	position: relative;
	z-index: 2;
	margin-top: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 4px;
}
.bssv-at-card-brand {
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.10em;
	color: var(--bssv-accent-2);
	text-transform: uppercase;
}
.bssv-at-card-brand-meta {
	font-size: 10px;
	color: var(--bssv-muted);
	font-style: italic;
	letter-spacing: 0.04em;
}

/* Tier variants */
.bssv-at-card-elite {
	background: linear-gradient(135deg, #2c1f06 0%, #1a1206 40%, #050608 100%);
	border-color: var(--bssv-elite);
	box-shadow:
		0 24px 60px rgba(0,0,0,0.6),
		0 0 0 1px rgba(255,255,255,0.06) inset,
		0 0 50px rgba(247,198,69,0.22) inset;
}
.bssv-at-card-elite .bssv-at-card-glow {
	background: radial-gradient(circle, rgba(247,198,69,0.65) 0%, rgba(247,198,69,0) 65%);
}
.bssv-at-card-elite .bssv-at-card-glow-2 {
	background: radial-gradient(circle, rgba(247,198,69,0.30) 0%, rgba(247,198,69,0) 70%);
}
.bssv-at-card-elite .bssv-at-card-tier-line {
	color: var(--bssv-elite);
	border-color: rgba(247,198,69,0.55);
	background: rgba(247,198,69,0.10);
}
.bssv-at-card-elite .bssv-at-card-name {
	text-shadow:
		0 2px 22px rgba(0,0,0,0.65),
		0 0 40px rgba(247,198,69,0.40);
}
.bssv-at-card-elite .bssv-at-card-primary-value {
	text-shadow:
		0 0 26px rgba(247,198,69,0.65),
		0 0 60px rgba(247,198,69,0.35),
		0 2px 16px rgba(0,0,0,0.65);
}
.bssv-at-card-elite .bssv-at-card-brand { color: var(--bssv-elite); }

.bssv-at-card-verified {
	background: linear-gradient(135deg, #1a1240 0%, #0a0c14 60%, #050608 100%);
	border-color: rgba(225,29,72,0.65);
}

.bssv-at-card-free {
	background: linear-gradient(135deg, #16182a 0%, #0a0c14 60%, #050608 100%);
	border-color: var(--bssv-line-strong);
	box-shadow:
		0 24px 60px rgba(0,0,0,0.55),
		0 0 0 1px rgba(255,255,255,0.04) inset;
}
.bssv-at-card-free .bssv-at-card-glow {
	background: radial-gradient(circle, rgba(108,117,145,0.32) 0%, rgba(108,117,145,0) 65%);
}
.bssv-at-card-free .bssv-at-card-glow-2 {
	background: radial-gradient(circle, rgba(99,72,201,0.18) 0%, rgba(99,72,201,0) 70%);
}
.bssv-at-card-free .bssv-at-card-tier-line {
	color: var(--bssv-muted-2);
	border-color: var(--bssv-line);
	background: rgba(255,255,255,0.04);
}
.bssv-at-card-free .bssv-at-card-primary-value {
	text-shadow:
		0 0 18px rgba(108,117,145,0.40),
		0 2px 16px rgba(0,0,0,0.65);
}
.bssv-at-card-free .bssv-at-card-brand { color: var(--bssv-muted-2); }

/* Narrow viewport tightening */
@media (max-width: 480px) {
	.bssv-at-modal-panel { padding: 24px 18px 18px; border-radius: 16px; transform: translateY(0); }
	.bssv-at-card { padding: 22px 20px 18px; min-height: 380px; }
	.bssv-at-card-name { font-size: 36px; }
	.bssv-at-card-primary-value { font-size: 52px; }
	.bssv-at-card-mini-value { font-size: 18px; }
}

/* ── v17.2 — viral-ready additions: headline strip, primary context, momentum line, tighter layout ── */

/* Tighten the identity stack — pull stats closer to name */
.bssv-at-card { min-height: 440px; padding: 24px 26px 20px; }
.bssv-at-card-identity { margin-bottom: 14px; }
.bssv-at-card-name { margin-bottom: 4px; }
.bssv-at-card-team { margin-bottom: 10px; }
.bssv-at-card-stat-grid { padding: 14px 0; margin-bottom: 14px; gap: 14px; }
.bssv-at-card-tier-line { margin-bottom: 10px; }

/* Headline strip — sports-badge feel, sits below name/team */
.bssv-at-card-headline-strip {
	position: relative;
	z-index: 2;
	display: inline-block;
	font-size: 10.5px;
	font-weight: 900;
	letter-spacing: 0.20em;
	text-transform: uppercase;
	color: #ffd56b;
	padding: 6px 14px;
	margin-top: 4px;
	background: linear-gradient(180deg, rgba(247,198,69,0.18) 0%, rgba(247,198,69,0.06) 100%);
	border: 1px solid rgba(247,198,69,0.55);
	border-radius: 4px;
	box-shadow:
		0 0 18px rgba(247,198,69,0.25),
		inset 0 1px 0 rgba(255,255,255,0.10);
	text-shadow: 0 0 10px rgba(247,198,69,0.40);
}
.bssv-at-card-elite .bssv-at-card-headline-strip {
	color: #ffe28a;
	border-color: rgba(247,198,69,0.75);
	background: linear-gradient(180deg, rgba(247,198,69,0.28) 0%, rgba(247,198,69,0.08) 100%);
	box-shadow:
		0 0 24px rgba(247,198,69,0.40),
		inset 0 1px 0 rgba(255,255,255,0.14);
}
.bssv-at-card-verified .bssv-at-card-headline-strip {
	color: #ffd56b;
	border-color: rgba(247,198,69,0.50);
}
.bssv-at-card-free .bssv-at-card-headline-strip {
	color: var(--bssv-muted-2);
	border-color: var(--bssv-line);
	background: rgba(255,255,255,0.04);
	box-shadow: none;
	text-shadow: none;
}

/* Primary stat label gets a subtle two-tone — context dot is inline */
.bssv-at-card-primary-label {
	font-size: 10.5px;
	letter-spacing: 0.18em;
	color: var(--bssv-muted-2);
}

/* Momentum line — sits between stat grid and brand foot */
.bssv-at-card-momentum {
	position: relative;
	z-index: 2;
	text-align: center;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.06em;
	color: #f5d98b;
	padding: 8px 0 6px;
	margin-bottom: 6px;
	border-top: 1px dashed rgba(255,255,255,0.08);
	text-shadow: 0 0 12px rgba(247,198,69,0.30);
}
.bssv-at-card-elite .bssv-at-card-momentum {
	color: #ffe28a;
	border-top-color: rgba(247,198,69,0.20);
	text-shadow: 0 0 14px rgba(247,198,69,0.40);
}
.bssv-at-card-verified .bssv-at-card-momentum {
	color: #ffb6c8;
	border-top-color: rgba(225,29,72,0.22);
	text-shadow: 0 0 12px rgba(225,29,72,0.30);
}
.bssv-at-card-free .bssv-at-card-momentum {
	color: var(--bssv-muted-2);
	border-top-color: rgba(255,255,255,0.08);
	text-shadow: none;
}

/* Narrow viewport — keep tightening */
@media (max-width: 480px) {
	.bssv-at-card-headline-strip { font-size: 9.5px; padding: 5px 11px; letter-spacing: 0.18em; }
	.bssv-at-card-momentum { font-size: 11px; }
}

/* ── v17.3 — final polish: name dominance, badge headline w/ dividers, brand authority eyebrow ── */

/* Brand authority eyebrow — sits at very top of card, above tier line */
.bssv-at-card-authority {
	position: relative;
	z-index: 2;
	text-align: center;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.36em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.42);
	margin-bottom: 14px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}
.bssv-at-card-elite .bssv-at-card-authority {
	color: rgba(247,198,69,0.65);
	border-bottom-color: rgba(247,198,69,0.18);
}
.bssv-at-card-verified .bssv-at-card-authority {
	color: rgba(255,182,200,0.55);
	border-bottom-color: rgba(225,29,72,0.18);
}

/* Name dominance — bigger + tighter tracking, highest-contrast element */
.bssv-at-card-name {
	font-size: 52px;
	letter-spacing: -0.035em;
	line-height: 1.02;
	color: #ffffff;
	margin-bottom: 5px;
	text-shadow:
		0 2px 26px rgba(0,0,0,0.78),
		0 0 38px rgba(225,29,72,0.32),
		0 0 1px rgba(255,255,255,0.20);
}
.bssv-at-card-elite .bssv-at-card-name {
	text-shadow:
		0 2px 26px rgba(0,0,0,0.78),
		0 0 42px rgba(247,198,69,0.45),
		0 0 1px rgba(255,255,255,0.22);
}
.bssv-at-card-free .bssv-at-card-name {
	text-shadow:
		0 2px 26px rgba(0,0,0,0.78),
		0 0 30px rgba(108,117,145,0.28),
		0 0 1px rgba(255,255,255,0.18);
}

/* Headline strip — earned-badge feel: stronger glow + ✦ dividers */
.bssv-at-card-headline-strip {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 10.5px;
	font-weight: 900;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	padding: 7px 16px;
	margin-top: 6px;
	color: #ffd56b;
	background:
		linear-gradient(180deg, rgba(247,198,69,0.22) 0%, rgba(247,198,69,0.06) 100%),
		linear-gradient(90deg, rgba(247,198,69,0.04), rgba(247,198,69,0.10), rgba(247,198,69,0.04));
	border: 1px solid rgba(247,198,69,0.65);
	border-radius: 4px;
	box-shadow:
		0 0 26px rgba(247,198,69,0.40),
		0 0 8px rgba(247,198,69,0.55),
		inset 0 1px 0 rgba(255,255,255,0.14);
	text-shadow: 0 0 12px rgba(247,198,69,0.55);
}
.bssv-at-card-headline-icon {
	font-size: 9px;
	color: rgba(247,198,69,0.85);
	transform: translateY(-0.5px);
	text-shadow: 0 0 8px rgba(247,198,69,0.7);
}
.bssv-at-card-headline-text { display: inline-block; }

.bssv-at-card-elite .bssv-at-card-headline-strip {
	color: #ffe28a;
	border-color: rgba(247,198,69,0.85);
	background:
		linear-gradient(180deg, rgba(247,198,69,0.30) 0%, rgba(247,198,69,0.08) 100%);
	box-shadow:
		0 0 32px rgba(247,198,69,0.55),
		0 0 10px rgba(247,198,69,0.65),
		inset 0 1px 0 rgba(255,255,255,0.18);
	text-shadow: 0 0 14px rgba(247,198,69,0.70);
}
.bssv-at-card-elite .bssv-at-card-headline-icon {
	color: #ffe28a;
	text-shadow: 0 0 10px rgba(247,198,69,0.85);
}
.bssv-at-card-verified .bssv-at-card-headline-strip {
	color: #ffd56b;
	border-color: rgba(247,198,69,0.55);
}
.bssv-at-card-free .bssv-at-card-headline-strip {
	color: var(--bssv-muted-2);
	border-color: var(--bssv-line);
	background: rgba(255,255,255,0.04);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
	text-shadow: none;
}
.bssv-at-card-free .bssv-at-card-headline-icon {
	color: var(--bssv-muted);
	text-shadow: none;
}

/* Narrow viewport — keep dominance proportional */
@media (max-width: 480px) {
	.bssv-at-card-name { font-size: 40px; letter-spacing: -0.03em; }
	.bssv-at-card-authority { font-size: 8.5px; letter-spacing: 0.30em; margin-bottom: 12px; padding-bottom: 10px; }
	.bssv-at-card-headline-strip { font-size: 9.5px; padding: 6px 12px; gap: 8px; }
	.bssv-at-card-headline-icon { font-size: 8px; }
}

/* ── v17.5 — admin-only Awards/Ranks debug panel ── */
.bssv-at-debug-section {
	border: 1px dashed rgba(247,198,69,0.45);
	background: rgba(247,198,69,0.04);
	border-radius: 10px;
	padding: 16px 20px;
}
.bssv-at-debug-section h3 {
	color: #ffd56b;
	display: flex;
	align-items: center;
	gap: 10px;
}
.bssv-at-debug-tag {
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: rgba(247,198,69,0.75);
	border: 1px solid rgba(247,198,69,0.35);
	background: rgba(247,198,69,0.08);
	padding: 3px 8px;
	border-radius: 999px;
}
.bssv-at-debug-block summary {
	cursor: pointer;
	font-size: 12px;
	color: var(--bssv-muted-2);
	margin-bottom: 8px;
	letter-spacing: 0.04em;
}
.bssv-at-debug-row {
	font-size: 12px;
	line-height: 1.6;
	color: var(--bssv-text);
	padding: 2px 0;
}
.bssv-at-debug-row code {
	background: rgba(255,255,255,0.05);
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 3px;
	padding: 1px 6px;
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	color: #e6f1ff;
	font-size: 11.5px;
}
.bssv-at-debug-foot {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dashed rgba(255,255,255,0.10);
	font-size: 11.5px;
	color: var(--bssv-muted-2);
	font-style: italic;
}
.bssv-at-debug-table-wrap {
	overflow-x: auto;
	margin-top: 10px;
	border-radius: 6px;
	border: 1px solid rgba(255,255,255,0.08);
}
.bssv-at-debug-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 11.5px;
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.bssv-at-debug-table th,
.bssv-at-debug-table td {
	padding: 6px 10px;
	text-align: left;
	border-bottom: 1px solid rgba(255,255,255,0.06);
	white-space: nowrap;
	vertical-align: top;
}
.bssv-at-debug-table th {
	background: rgba(247,198,69,0.08);
	color: #ffd56b;
	font-weight: 800;
	font-size: 10px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
.bssv-at-debug-table td code {
	background: transparent;
	border: none;
	padding: 0;
	color: #e6f1ff;
}
.bssv-at-debug-table tr:nth-child(even) td { background: rgba(255,255,255,0.02); }

/* ── v17.12 — public tooltip + admin source-note styling ── */
.bssv-at-validated-tip {
	border-bottom: 1px dotted rgba(255,255,255,0.30);
	cursor: help;
	transition: border-color .15s ease;
}
.bssv-at-validated-tip:hover {
	border-bottom-color: rgba(247,198,69,0.60);
}
/* On the Player Card the tooltip lives inside the brand-meta italic text — keep it subtle */
.bssv-at-card-brand-meta.bssv-at-validated-tip {
	border-bottom-color: rgba(255,255,255,0.18);
}
.bssv-at-card-brand-meta.bssv-at-validated-tip:hover {
	border-bottom-color: rgba(247,198,69,0.45);
}
/* Source-of-truth admin note in the debug footer */
.bssv-at-debug-source-note {
	margin-top: 8px;
	padding: 8px 10px;
	border: 1px dashed rgba(247,198,69,0.45);
	border-radius: 6px;
	background: rgba(247,198,69,0.06);
	font-style: normal;
}
.bssv-at-debug-source-note b { color: var(--bssv-elite); }

/* ───────────────────────────────────────────────────────────────────────
   v17.16 — Lambo Mode Phase 1
   Design system tokens + cinematic Hero + Trust Strip + animated Stat Cards
   ─────────────────────────────────────────────────────────────────────── */

:root {
	/* Surfaces */
	--bss-bg-base:        #05060A;
	--bss-bg-1:           #0A0C14;
	--bss-bg-2:           #0D1018;
	--bss-bg-3:           #16182A;
	--bss-glass-fill:     rgba(13, 16, 24, 0.55);
	--bss-glass-fill-hi:  rgba(20, 24, 38, 0.65);
	--bss-glass-border:   rgba(255, 255, 255, 0.08);
	--bss-glass-border-2: rgba(255, 255, 255, 0.14);

	/* Brand */
	--bss-brand-red:      #E11D48;
	--bss-brand-red-glow: rgba(225, 29, 72, 0.55);
	--bss-brand-violet:   #6348C9;

	/* Tier accents */
	--bss-verified:       #00D4FF;
	--bss-verified-glow:  rgba(0, 212, 255, 0.45);
	--bss-elite:          #F7C645;
	--bss-elite-glow:     rgba(247, 198, 69, 0.55);

	/* Stat categories */
	--bss-stat-scoring:    #E11D48;
	--bss-stat-scoring-g:  rgba(225, 29, 72, 0.35);
	--bss-stat-reb:        #00B8E0;
	--bss-stat-reb-g:      rgba(0, 184, 224, 0.35);
	--bss-stat-ast:        #8B5CF6;
	--bss-stat-ast-g:      rgba(139, 92, 246, 0.35);
	--bss-stat-def:        #F59E0B;
	--bss-stat-def-g:      rgba(245, 158, 11, 0.35);
	--bss-stat-volume:     #A8B0C7;
	--bss-stat-volume-g:   rgba(168, 176, 199, 0.30);

	/* Text */
	--bss-text:           #F4F6FB;
	--bss-text-muted:     #A8B0C7;
	--bss-text-quiet:     #6C7591;
}

/* ── Cinematic Hero (h2 = "hero v2") ───────────────────────────────── */
.bssv-at-h2 {
	position: relative;
	margin: 0 0 0;
	padding: 0;
	overflow: hidden;
	border-radius: 22px;
	color: var(--bss-text);
	min-height: 360px;
	isolation: isolate;
}
.bssv-at-h2-bg {
	position: absolute; inset: 0;
	background: linear-gradient(135deg, #1A0628 0%, #0A0C14 60%, #050608 100%);
	z-index: 0;
}
.bssv-at-h2-halo {
	position: absolute;
	width: 540px; height: 540px;
	border-radius: 50%;
	filter: blur(60px);
	opacity: 0.65;
	pointer-events: none;
	will-change: transform;
}
.bssv-at-h2-halo-a {
	top: -180px; right: -120px;
	background: radial-gradient(circle, var(--bss-brand-red-glow) 0%, transparent 60%);
	animation: bss-halo-drift-a 18s linear infinite;
}
.bssv-at-h2-halo-b {
	bottom: -200px; left: -160px;
	background: radial-gradient(circle, rgba(99, 72, 201, 0.55) 0%, transparent 60%);
	animation: bss-halo-drift-b 24s linear infinite;
}
@keyframes bss-halo-drift-a {
	0%   { transform: translate(0, 0) scale(1); }
	50%  { transform: translate(-40px, 30px) scale(1.06); }
	100% { transform: translate(0, 0) scale(1); }
}
@keyframes bss-halo-drift-b {
	0%   { transform: translate(0, 0) scale(1); }
	50%  { transform: translate(50px, -30px) scale(1.08); }
	100% { transform: translate(0, 0) scale(1); }
}
.bssv-at-h2-grain {
	position: absolute; inset: 0;
	background-image:
		repeating-linear-gradient(0deg, rgba(255,255,255,0.012) 0 1px, transparent 1px 3px),
		repeating-linear-gradient(90deg, rgba(255,255,255,0.012) 0 1px, transparent 1px 3px);
	mix-blend-mode: overlay;
	pointer-events: none;
}
.bssv-at-h2-inner {
	position: relative;
	z-index: 1;
	padding: 56px 44px 44px;
	max-width: 880px;
}
.bssv-at-h2-eyebrow {
	display: inline-block;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--bss-elite);
	padding: 6px 14px;
	border: 1px solid rgba(247, 198, 69, 0.55);
	border-radius: 999px;
	background: rgba(247, 198, 69, 0.10);
	margin-bottom: 22px;
	box-shadow: 0 0 22px rgba(247, 198, 69, 0.18);
}
.bssv-at-h2-verified .bssv-at-h2-eyebrow,
.bssv-at-h2.bssv-at-h2-verified .bssv-at-h2-eyebrow {
	color: var(--bss-verified);
	border-color: rgba(0, 212, 255, 0.55);
	background: rgba(0, 212, 255, 0.10);
	box-shadow: 0 0 22px rgba(0, 212, 255, 0.18);
}
.bssv-at-h2.bssv-at-h2-free .bssv-at-h2-eyebrow {
	color: var(--bss-text-muted);
	border-color: var(--bss-glass-border);
	background: rgba(255, 255, 255, 0.04);
	box-shadow: none;
}
.bssv-at-h2-name {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: clamp(48px, 9vw, 88px);
	font-weight: 900;
	letter-spacing: -0.035em;
	line-height: 1.0;
	margin: 0 0 14px;
	color: #ffffff;
	text-shadow:
		0 4px 32px rgba(0,0,0,0.75),
		0 0 48px rgba(225,29,72,0.32),
		0 0 1px rgba(255,255,255,0.22);
}
.bssv-at-h2-elite .bssv-at-h2-name {
	text-shadow:
		0 4px 32px rgba(0,0,0,0.75),
		0 0 56px rgba(247,198,69,0.45),
		0 0 1px rgba(255,255,255,0.24);
}
.bssv-at-h2-verified .bssv-at-h2-name {
	text-shadow:
		0 4px 32px rgba(0,0,0,0.75),
		0 0 56px rgba(0,212,255,0.40),
		0 0 1px rgba(255,255,255,0.22);
}
.bssv-at-h2-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 14px;
}
.bssv-at-h2-pill {
	display: inline-block;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	color: var(--bss-text-muted);
	padding: 5px 11px;
	border: 1px solid var(--bss-glass-border);
	border-radius: 4px;
	background: rgba(255,255,255,0.04);
}
.bssv-at-h2-trust {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 12.5px;
	color: var(--bss-text-muted);
	margin-bottom: 18px;
	font-style: italic;
}
.bssv-at-h2-trust svg { color: var(--bss-verified); }
.bssv-at-h2-headline {
	display: inline-block;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--bss-elite);
	padding: 8px 16px;
	margin-bottom: 18px;
	background: linear-gradient(180deg, rgba(247,198,69,0.22) 0%, rgba(247,198,69,0.06) 100%);
	border: 1px solid rgba(247,198,69,0.65);
	border-radius: 4px;
	box-shadow: 0 0 28px rgba(247,198,69,0.45), inset 0 1px 0 rgba(255,255,255,0.16);
	text-shadow: 0 0 14px rgba(247,198,69,0.55);
}
.bssv-at-h2-sub {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	font-size: 14px;
	color: var(--bss-text);
	margin-bottom: 28px;
	letter-spacing: 0.02em;
}
.bssv-at-h2-sub b { color: #fff; font-weight: 900; font-size: 16px; }
.bssv-at-h2-sep { color: var(--bss-text-quiet); margin: 0 4px; }
.bssv-at-h2-ctas {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 8px;
}

@media (max-width: 640px) {
	.bssv-at-h2-inner { padding: 36px 22px 30px; }
	.bssv-at-h2-name { font-size: 44px; }
	.bssv-at-h2-eyebrow { font-size: 10px; letter-spacing: 0.20em; padding: 5px 11px; }
	.bssv-at-h2-headline { font-size: 10.5px; padding: 6px 12px; letter-spacing: 0.18em; }
	.bssv-at-h2-ctas .bssv-at-cta { width: 100%; }
}

/* ── Trust strip ──────────────────────────────────────────────────── */
.bssv-at-trust-strip {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0;
	padding: 0;
	margin: 18px 0 0;
	border: 1px solid var(--bss-glass-border);
	border-radius: 12px;
	background: var(--bss-glass-fill);
	backdrop-filter: blur(16px) saturate(1.4);
	-webkit-backdrop-filter: blur(16px) saturate(1.4);
	overflow: hidden;
}
.bssv-at-trust-strip-col {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 18px 22px;
	border-right: 1px solid var(--bss-glass-border);
	min-height: 80px;
}
.bssv-at-trust-strip-col:last-child { border-right: none; }
.bssv-at-trust-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 10px;
	background: rgba(0, 212, 255, 0.10);
	color: var(--bss-verified);
	flex-shrink: 0;
	box-shadow: inset 0 0 0 1px rgba(0, 212, 255, 0.35);
}
.bssv-at-trust-strip-col:nth-child(2) .bssv-at-trust-icon {
	background: rgba(247, 198, 69, 0.10); color: var(--bss-elite);
	box-shadow: inset 0 0 0 1px rgba(247, 198, 69, 0.35);
}
.bssv-at-trust-strip-col:nth-child(3) .bssv-at-trust-icon {
	background: rgba(225, 29, 72, 0.10); color: var(--bss-brand-red);
	box-shadow: inset 0 0 0 1px rgba(225, 29, 72, 0.35);
}
.bssv-at-trust-text { display: flex; flex-direction: column; gap: 2px; }
.bssv-at-trust-head {
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.02em;
	color: var(--bss-text);
	line-height: 1.25;
}
.bssv-at-trust-cap {
	font-size: 11.5px;
	color: var(--bss-text-quiet);
	letter-spacing: 0.02em;
}
@media (max-width: 720px) {
	.bssv-at-trust-strip { grid-template-columns: 1fr; }
	.bssv-at-trust-strip-col { border-right: none; border-bottom: 1px solid var(--bss-glass-border); }
	.bssv-at-trust-strip-col:last-child { border-bottom: none; }
}

/* ── Stat cards grid (animated, color-coded) ───────────────────────── */
.bssv-at-stat-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 14px;
	margin: 18px 0 0;
}
@media (max-width: 1280px) { .bssv-at-stat-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 720px)  { .bssv-at-stat-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } }

.bssv-at-stat-card {
	position: relative;
	padding: 22px 20px 20px;
	border-radius: 16px;
	background: var(--bss-glass-fill);
	backdrop-filter: blur(18px) saturate(1.5);
	-webkit-backdrop-filter: blur(18px) saturate(1.5);
	border: 1px solid var(--bss-glass-border);
	overflow: hidden;
	transition: transform 220ms cubic-bezier(0.2, 0.7, 0.2, 1), border-color 220ms ease, box-shadow 220ms ease;
	box-shadow: 0 12px 28px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.05);
	min-height: 132px;
	font-feature-settings: "tnum";
}
.bssv-at-stat-card-glow {
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	pointer-events: none;
	opacity: 0;
	transition: opacity 220ms ease;
	box-shadow: 0 0 0 1px transparent, 0 0 36px transparent inset;
}
.bssv-at-stat-card:hover {
	transform: translateY(-2px);
	border-color: var(--bss-glass-border-2);
	box-shadow: 0 18px 40px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.08);
}
.bssv-at-stat-card:hover .bssv-at-stat-card-glow { opacity: 1; }
.bssv-at-stat-eyebrow {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	margin-bottom: 10px;
	opacity: 0.85;
}
.bssv-at-stat-value {
	font-family: 'Inter', system-ui, sans-serif;
	font-size: 38px;
	font-weight: 900;
	line-height: 1.0;
	letter-spacing: -0.02em;
	color: #fff;
	margin-bottom: 6px;
	font-variant-numeric: tabular-nums;
	text-shadow: 0 2px 16px rgba(0,0,0,0.55);
}
.bssv-at-stat-label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: var(--bss-text-muted);
	margin-bottom: 4px;
}
.bssv-at-stat-sub {
	font-size: 11px;
	color: var(--bss-text-quiet);
	letter-spacing: 0.04em;
}

/* Color variants per stat category */
.bssv-at-stat-scoring     .bssv-at-stat-eyebrow { color: var(--bss-stat-scoring); }
.bssv-at-stat-rebounding  .bssv-at-stat-eyebrow { color: var(--bss-stat-reb); }
.bssv-at-stat-playmaking  .bssv-at-stat-eyebrow { color: var(--bss-stat-ast); }
.bssv-at-stat-defense     .bssv-at-stat-eyebrow { color: var(--bss-stat-def); }
.bssv-at-stat-volume      .bssv-at-stat-eyebrow { color: var(--bss-stat-volume); }

.bssv-at-stat-scoring     { border-color: rgba(225, 29, 72, 0.30); }
.bssv-at-stat-rebounding  { border-color: rgba(0, 184, 224, 0.30); }
.bssv-at-stat-playmaking  { border-color: rgba(139, 92, 246, 0.30); }
.bssv-at-stat-defense     { border-color: rgba(245, 158, 11, 0.30); }
.bssv-at-stat-volume      { border-color: rgba(168, 176, 199, 0.25); }

.bssv-at-stat-scoring:hover     { border-color: rgba(225, 29, 72, 0.65); box-shadow: 0 18px 40px rgba(0,0,0,0.5), 0 0 32px var(--bss-stat-scoring-g), inset 0 1px 0 rgba(255,255,255,0.10); }
.bssv-at-stat-rebounding:hover  { border-color: rgba(0, 184, 224, 0.65); box-shadow: 0 18px 40px rgba(0,0,0,0.5), 0 0 32px var(--bss-stat-reb-g),     inset 0 1px 0 rgba(255,255,255,0.10); }
.bssv-at-stat-playmaking:hover  { border-color: rgba(139, 92, 246, 0.65); box-shadow: 0 18px 40px rgba(0,0,0,0.5), 0 0 32px var(--bss-stat-ast-g),     inset 0 1px 0 rgba(255,255,255,0.10); }
.bssv-at-stat-defense:hover     { border-color: rgba(245, 158, 11, 0.65); box-shadow: 0 18px 40px rgba(0,0,0,0.5), 0 0 32px var(--bss-stat-def-g),     inset 0 1px 0 rgba(255,255,255,0.10); }
.bssv-at-stat-volume:hover      { border-color: rgba(168, 176, 199, 0.55); box-shadow: 0 18px 40px rgba(0,0,0,0.5), 0 0 28px var(--bss-stat-volume-g), inset 0 1px 0 rgba(255,255,255,0.08); }

/* Reduced motion — disable halo drift + heavy transitions */
@media (prefers-reduced-motion: reduce) {
	.bssv-at-h2-halo-a, .bssv-at-h2-halo-b { animation: none !important; }
	.bssv-at-stat-card { transition: none !important; }
	.bssv-at-stat-card:hover { transform: none !important; }
}

/* ───────────────────────────────────────────────────────────────────────
   v17.16.1 — Phase 1 polish pass
   Hero presence · stat-card punch · trust authority · premium mobile
   ─────────────────────────────────────────────────────────────────────── */

/* ── Hero — more dominant, more emotional ─────────────────────────── */
.bssv-at-h2 {
	min-height: 460px;
	border-radius: 28px;
}
.bssv-at-h2-inner {
	padding: 88px 56px 56px;
	max-width: 980px;
}

/* Stronger drifting halos */
.bssv-at-h2-halo {
	width: 720px;
	height: 720px;
	opacity: 0.85;
	filter: blur(80px);
}
.bssv-at-h2-halo-a { top: -240px; right: -160px; }
.bssv-at-h2-halo-b { bottom: -260px; left: -200px; }

/* Third cyan accent halo — adds depth, layered presence */
.bssv-at-h2-bg::after {
	content: '';
	position: absolute;
	top: 35%; left: 50%;
	width: 520px;
	height: 520px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(0, 212, 255, 0.40) 0%, transparent 65%);
	filter: blur(110px);
	opacity: 0.55;
	transform: translate(-50%, -50%);
	pointer-events: none;
	animation: bss-halo-drift-c 22s linear infinite;
}
@keyframes bss-halo-drift-c {
	0%   { transform: translate(-50%, -50%) scale(1); }
	50%  { transform: translate(-46%, -54%) scale(1.10); }
	100% { transform: translate(-50%, -50%) scale(1); }
}

/* Eyebrow — tighter, more "earned" feel */
.bssv-at-h2-eyebrow {
	margin-bottom: 28px;
	font-size: 11.5px;
	letter-spacing: 0.30em;
	padding: 7px 16px;
	box-shadow: 0 0 26px rgba(247, 198, 69, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.10);
}
.bssv-at-h2-verified .bssv-at-h2-eyebrow {
	box-shadow: 0 0 26px rgba(0, 212, 255, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.10);
}

/* NAME — the dominant emotional element */
.bssv-at-h2-name {
	font-size: clamp(56px, 11vw, 112px);
	line-height: 0.94;
	letter-spacing: -0.04em;
	margin-bottom: 22px;
	background: linear-gradient(180deg, #ffffff 0%, #ffffff 65%, rgba(255, 255, 255, 0.82) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	filter:
		drop-shadow(0 8px 36px rgba(0, 0, 0, 0.78))
		drop-shadow(0 0 64px rgba(225, 29, 72, 0.36));
	text-shadow: none; /* override v17.16 — drop-shadow on the filter handles the glow now */
}
.bssv-at-h2-elite .bssv-at-h2-name {
	background: linear-gradient(180deg, #ffffff 0%, #ffffff 60%, #ffe28a 100%);
	-webkit-background-clip: text;
	background-clip: text;
	filter:
		drop-shadow(0 8px 36px rgba(0, 0, 0, 0.78))
		drop-shadow(0 0 72px rgba(247, 198, 69, 0.50));
}
.bssv-at-h2-verified .bssv-at-h2-name {
	background: linear-gradient(180deg, #ffffff 0%, #ffffff 60%, #b3edff 100%);
	-webkit-background-clip: text;
	background-clip: text;
	filter:
		drop-shadow(0 8px 36px rgba(0, 0, 0, 0.78))
		drop-shadow(0 0 72px rgba(0, 212, 255, 0.46));
}

/* Identity rows */
.bssv-at-h2-meta { gap: 10px; margin-bottom: 18px; }
.bssv-at-h2-pill {
	font-size: 11.5px;
	padding: 6px 13px;
	letter-spacing: 0.12em;
	border-color: var(--bss-glass-border-2);
}
.bssv-at-h2-trust {
	font-size: 13.5px;
	margin-bottom: 26px;
	gap: 10px;
}
.bssv-at-h2-trust svg { width: 16px; height: 16px; }

.bssv-at-h2-headline {
	font-size: 13px;
	letter-spacing: 0.28em;
	padding: 10px 18px;
	margin-bottom: 28px;
	box-shadow:
		0 0 38px rgba(247, 198, 69, 0.55),
		0 0 14px rgba(247, 198, 69, 0.45),
		inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.bssv-at-h2-sub {
	font-size: 16px;
	gap: 14px;
	margin-bottom: 36px;
	color: var(--bss-text);
}
.bssv-at-h2-sub b { font-size: 18px; font-weight: 900; }
.bssv-at-h2-sep { font-size: 14px; color: var(--bss-text-quiet); }

/* Hero entry — staggered rise on first render */
.bssv-at-h2-eyebrow,
.bssv-at-h2-name,
.bssv-at-h2-meta,
.bssv-at-h2-trust,
.bssv-at-h2-headline,
.bssv-at-h2-sub,
.bssv-at-h2-ctas {
	animation: bss-hero-rise 720ms cubic-bezier(0.2, 0.7, 0.2, 1) both;
}
.bssv-at-h2-eyebrow  { animation-delay:   0ms; }
.bssv-at-h2-name     { animation-delay:  80ms; }
.bssv-at-h2-meta     { animation-delay: 160ms; }
.bssv-at-h2-trust    { animation-delay: 220ms; }
.bssv-at-h2-headline { animation-delay: 280ms; }
.bssv-at-h2-sub      { animation-delay: 340ms; }
.bssv-at-h2-ctas     { animation-delay: 400ms; }

@keyframes bss-hero-rise {
	from { opacity: 0; transform: translateY(14px); }
	to   { opacity: 1; transform: translateY(0); }
}

/* ── Stat cards — bigger numbers, sharper hierarchy ───────────────── */
.bssv-at-stat-card {
	padding: 26px 22px 22px;
	min-height: 158px;
}

/* Top accent bar — color-coded, brightens on hover */
.bssv-at-stat-card { --accent-c: var(--bss-text-muted); }
.bssv-at-stat-scoring     { --accent-c: var(--bss-stat-scoring); }
.bssv-at-stat-rebounding  { --accent-c: var(--bss-stat-reb); }
.bssv-at-stat-playmaking  { --accent-c: var(--bss-stat-ast); }
.bssv-at-stat-defense     { --accent-c: var(--bss-stat-def); }
.bssv-at-stat-volume      { --accent-c: var(--bss-stat-volume); }
.bssv-at-stat-card::before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 3px;
	border-radius: 16px 16px 0 0;
	background: var(--accent-c);
	opacity: 0.65;
	transition: opacity 220ms ease, height 220ms ease;
}
.bssv-at-stat-card:hover::before { opacity: 1; height: 4px; }

.bssv-at-stat-eyebrow {
	font-size: 10.5px;
	letter-spacing: 0.28em;
	margin-bottom: 14px;
	opacity: 0.95;
}

/* Stat numbers — top-of-mind, gradient fill */
.bssv-at-stat-value {
	font-size: 50px;
	font-weight: 900;
	letter-spacing: -0.025em;
	margin-bottom: 8px;
	background: linear-gradient(180deg, #ffffff 0%, #ffffff 55%, rgba(255, 255, 255, 0.78) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	text-shadow: none;
	filter: drop-shadow(0 4px 18px rgba(0, 0, 0, 0.50));
}

.bssv-at-stat-label {
	font-size: 12.5px;
	font-weight: 800;
	letter-spacing: 0.04em;
	color: var(--bss-text);
}
.bssv-at-stat-sub {
	font-size: 11.5px;
	color: var(--bss-text-muted);
	letter-spacing: 0.04em;
}

.bssv-at-stat-card:hover { transform: translateY(-4px); }

/* ── Trust strip — authoritative statement ────────────────────────── */
.bssv-at-trust-strip {
	margin: 28px 0 8px;
	border-radius: 14px;
	border: 1px solid rgba(0, 212, 255, 0.18);
	background: linear-gradient(180deg, rgba(20, 28, 48, 0.62) 0%, rgba(13, 16, 24, 0.62) 100%);
	position: relative;
}
.bssv-at-trust-strip::before {
	content: '';
	position: absolute;
	top: -1px; left: -1px; right: -1px;
	height: 3px;
	border-radius: 14px 14px 0 0;
	background: linear-gradient(90deg,
		var(--bss-verified) 0%,
		var(--bss-elite)    50%,
		var(--bss-brand-red) 100%);
	opacity: 0.70;
}
.bssv-at-trust-strip-col {
	padding: 22px 26px;
	min-height: 96px;
	gap: 16px;
}
.bssv-at-trust-icon {
	width: 44px;
	height: 44px;
	border-radius: 12px;
}
.bssv-at-trust-icon svg { width: 24px; height: 24px; }
.bssv-at-trust-head {
	font-size: 14.5px;
	font-weight: 800;
	letter-spacing: -0.005em;
	color: #ffffff;
	line-height: 1.28;
}
.bssv-at-trust-cap {
	font-size: 12px;
	color: var(--bss-text-quiet);
	margin-top: 4px;
	letter-spacing: 0.02em;
}

/* ── Mobile — premium, not compromised ────────────────────────────── */
@media (max-width: 720px) {
	.bssv-at-h2 { min-height: 400px; border-radius: 22px; }
	.bssv-at-h2-inner { padding: 56px 24px 36px; }
	.bssv-at-h2-halo { width: 500px; height: 500px; opacity: 0.75; }
	.bssv-at-h2-bg::after { width: 380px; height: 380px; opacity: 0.45; }

	.bssv-at-h2-eyebrow { font-size: 11px; letter-spacing: 0.24em; padding: 6px 13px; margin-bottom: 22px; }
	.bssv-at-h2-name { font-size: clamp(48px, 13vw, 76px); line-height: 0.94; letter-spacing: -0.035em; }
	.bssv-at-h2-meta { gap: 8px; margin-bottom: 14px; }
	.bssv-at-h2-pill { font-size: 11px; padding: 5px 11px; }
	.bssv-at-h2-trust { font-size: 12.5px; margin-bottom: 20px; }
	.bssv-at-h2-headline { font-size: 11px; padding: 8px 14px; letter-spacing: 0.22em; margin-bottom: 22px; }
	.bssv-at-h2-sub { font-size: 14px; gap: 10px; margin-bottom: 28px; }
	.bssv-at-h2-sub b { font-size: 16px; }

	.bssv-at-trust-strip { margin: 18px 0 0; }
	.bssv-at-trust-strip-col { padding: 18px 20px; min-height: 0; gap: 14px; }
	.bssv-at-trust-head { font-size: 13.5px; }
	.bssv-at-trust-cap { font-size: 11.5px; }
	.bssv-at-trust-icon { width: 38px; height: 38px; }
	.bssv-at-trust-icon svg { width: 22px; height: 22px; }

	.bssv-at-stat-grid { gap: 12px; margin-top: 22px; }
	.bssv-at-stat-card { padding: 22px 18px 20px; min-height: 148px; }
	.bssv-at-stat-eyebrow { font-size: 9.5px; letter-spacing: 0.22em; margin-bottom: 12px; }
	.bssv-at-stat-value { font-size: 40px; }
	.bssv-at-stat-label { font-size: 12px; }
	.bssv-at-stat-sub { font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
	.bssv-at-h2-bg::after { animation: none !important; }
	.bssv-at-h2-eyebrow,
	.bssv-at-h2-name,
	.bssv-at-h2-meta,
	.bssv-at-h2-trust,
	.bssv-at-h2-headline,
	.bssv-at-h2-sub,
	.bssv-at-h2-ctas { animation: none !important; }
}

/* ───────────────────────────────────────────────────────────────────────
   v17.16.2 — Page-wide Lambo unification
   Every section into the glass / dark-mode design language
   ─────────────────────────────────────────────────────────────────────── */

/* ── Dashboard root — deeper full-page dark gradient ──────────────── */
.bssv-admin-test {
	background:
		radial-gradient(ellipse 80% 35% at 50% 0%, rgba(225, 29, 72, 0.045) 0%, transparent 60%),
		radial-gradient(ellipse 60% 30% at 50% 100%, rgba(99, 72, 201, 0.035) 0%, transparent 60%),
		linear-gradient(180deg, var(--bss-bg-base) 0%, var(--bss-bg-1) 60%, var(--bss-bg-base) 100%) !important;
	border: 1px solid var(--bss-glass-border) !important;
	border-radius: 22px !important;
	box-shadow:
		0 24px 80px rgba(0, 0, 0, 0.55),
		inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

/* Top admin banner — dark glass instead of bright pill */
.bssv-at-banner {
	background: linear-gradient(135deg, rgba(225, 29, 72, 0.18) 0%, rgba(225, 29, 72, 0.06) 100%);
	border: 1px solid rgba(225, 29, 72, 0.45);
	color: var(--bss-brand-red);
	box-shadow: 0 0 18px rgba(225, 29, 72, 0.20);
	letter-spacing: 0.18em;
}
.bssv-at-header h1 { color: var(--bss-text); font-weight: 900; letter-spacing: -0.02em; }
.bssv-at-trust { color: var(--bss-verified) !important; }
.bssv-at-meta { color: var(--bss-text-muted) !important; }
.bssv-at-meta a { color: var(--bss-text) !important; border-bottom-color: var(--bss-text-muted) !important; }

/* Search section — glass card */
.bssv-at-search-section {
	background: var(--bss-glass-fill) !important;
	backdrop-filter: blur(18px) saturate(1.4);
	-webkit-backdrop-filter: blur(18px) saturate(1.4);
	border: 1px solid var(--bss-glass-border) !important;
	border-radius: 18px !important;
}

/* ── Universal section wrapper → glass card ──────────────────────── */
.bssv-at-dashboard .bssv-at-section {
	position: relative;
	margin: 22px 0 0;
	padding: 28px 30px;
	border-radius: 18px;
	background: var(--bss-glass-fill);
	backdrop-filter: blur(18px) saturate(1.4);
	-webkit-backdrop-filter: blur(18px) saturate(1.4);
	border: 1px solid var(--bss-glass-border);
	box-shadow:
		0 16px 36px rgba(0, 0, 0, 0.32),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

/* The hero, trust strip, and stat grid have their own treatment — don't double-wrap */
.bssv-at-dashboard > .bssv-at-h2,
.bssv-at-dashboard > .bssv-at-trust-strip,
.bssv-at-dashboard > .bssv-at-stat-grid { margin-top: 22px; }
.bssv-at-dashboard > .bssv-at-h2:first-child { margin-top: 0; }

/* Lambo-style section headers — red accent bar + bold uppercase */
.bssv-at-dashboard .bssv-at-section h3 {
	font-size: 11px;
	color: var(--bss-text-muted);
	text-transform: uppercase;
	letter-spacing: 0.22em;
	margin: 0 0 20px;
	font-weight: 900;
	position: relative;
	padding-left: 14px;
}
.bssv-at-dashboard .bssv-at-section h3::before {
	content: '';
	position: absolute;
	left: 0; top: 50%;
	transform: translateY(-50%);
	width: 3px; height: 18px;
	background: var(--bss-brand-red);
	border-radius: 2px;
	box-shadow: 0 0 12px var(--bss-brand-red-glow);
}
.bssv-at-dashboard .bssv-at-section h4,
.bssv-at-dashboard .bssv-at-subhead {
	color: var(--bss-text);
	font-size: 11px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	font-weight: 900;
	margin-top: 22px;
}

/* ── Inner "rooms" — drop flat surfaces, become hairline glass ────── */

/* Rank chips — promote to small glass cards with stat-card energy */
.bssv-at-dashboard .bssv-at-rank-chip {
	background: rgba(255, 255, 255, 0.025) !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-radius: 12px !important;
	padding: 16px 18px;
	transition: border-color 220ms ease, transform 220ms ease, box-shadow 220ms ease;
}
.bssv-at-dashboard .bssv-at-rank-chip:hover {
	transform: translateY(-2px);
	border-color: rgba(247, 198, 69, 0.45) !important;
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.32), 0 0 22px rgba(247, 198, 69, 0.20);
}
.bssv-at-dashboard .bssv-at-rank-chip b {
	color: #fff !important;
	font-size: 26px;
	font-variant-numeric: tabular-nums;
	background: linear-gradient(180deg, #fff 0%, #fff 60%, rgba(255,255,255,0.78) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

/* Chart blocks */
.bssv-at-dashboard .bssv-at-chart-block {
	background: rgba(255, 255, 255, 0.025) !important;
	border: 1px solid rgba(255, 255, 255, 0.06) !important;
	border-radius: 14px !important;
	padding: 22px;
}
.bssv-at-dashboard .bssv-at-chart-block:hover { border-color: rgba(255, 255, 255, 0.10) !important; }

/* Rivalry */
.bssv-at-dashboard .bssv-at-rivalry-col {
	background: rgba(255, 255, 255, 0.025) !important;
	border: 1px solid rgba(255, 255, 255, 0.06) !important;
	border-radius: 14px !important;
	padding: 16px 18px;
}
.bssv-at-dashboard .bssv-at-rivalry-me {
	background: linear-gradient(135deg, rgba(225,29,72,0.12) 0%, rgba(225,29,72,0.04) 100%) !important;
	border-color: rgba(225, 29, 72, 0.40) !important;
	box-shadow: 0 0 24px rgba(225, 29, 72, 0.12);
}

/* Best Game */
.bssv-at-dashboard .bssv-at-best {
	background: rgba(255, 255, 255, 0.025) !important;
	border: 1px solid rgba(255, 255, 255, 0.06) !important;
	border-radius: 14px !important;
	padding: 22px 24px;
}
.bssv-at-dashboard .bssv-at-best-line span b {
	color: #fff;
	font-size: 28px;
	font-variant-numeric: tabular-nums;
}
.bssv-at-dashboard .bssv-at-best-line span i {
	color: var(--bss-text-quiet);
	font-size: 9.5px;
	letter-spacing: 0.18em;
	font-style: normal;
}

/* Awards row entries */
.bssv-at-dashboard .bssv-at-award {
	background: rgba(255, 255, 255, 0.025) !important;
	border: 1px solid rgba(255, 255, 255, 0.06) !important;
	border-radius: 12px !important;
	padding: 14px 16px;
}
.bssv-at-dashboard .bssv-at-award-earned {
	background: linear-gradient(135deg, rgba(247,198,69,0.12) 0%, rgba(247,198,69,0.04) 100%) !important;
	border-color: rgba(247, 198, 69, 0.45) !important;
}
.bssv-at-dashboard .bssv-at-award-name { color: var(--bss-text); }
.bssv-at-dashboard .bssv-at-award-meta { color: var(--bss-text-quiet); }

/* Badge cards (locked + earned) — preserve v17.6 logic, dress in glass */
.bssv-at-dashboard .bssv-at-badge-card {
	background: rgba(255, 255, 255, 0.025) !important;
	border: 1px solid rgba(255, 255, 255, 0.06) !important;
	border-radius: 12px !important;
	transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}
.bssv-at-dashboard .bssv-at-badge-earned {
	background: linear-gradient(135deg, rgba(247,198,69,0.10) 0%, rgba(247,198,69,0.03) 100%) !important;
	border-color: rgba(247, 198, 69, 0.45) !important;
	box-shadow: 0 0 22px rgba(247, 198, 69, 0.18);
}
.bssv-at-dashboard .bssv-at-badge-card:hover { transform: translateY(-2px); }

/* Tables — dark theme */
.bssv-at-dashboard .bssv-at-table {
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid var(--bss-glass-border);
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	font-variant-numeric: tabular-nums;
}
.bssv-at-dashboard .bssv-at-table thead {
	background: rgba(255, 255, 255, 0.04);
}
.bssv-at-dashboard .bssv-at-table th {
	font-size: 10px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--bss-text-quiet);
	font-weight: 900;
	padding: 13px 14px;
	border-bottom: 1px solid var(--bss-glass-border);
	text-align: left;
}
.bssv-at-dashboard .bssv-at-table td {
	padding: 12px 14px;
	border-top: 1px solid rgba(255, 255, 255, 0.04);
	color: var(--bss-text);
	font-size: 13px;
}
.bssv-at-dashboard .bssv-at-table tbody tr:hover {
	background: rgba(255, 255, 255, 0.02);
}

/* Game-log tabs */
.bssv-at-dashboard .bssv-at-tabs {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 18px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--bss-glass-border);
}
.bssv-at-dashboard .bssv-at-tab {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid var(--bss-glass-border);
	color: var(--bss-text-muted);
	padding: 9px 16px;
	border-radius: 8px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	cursor: pointer;
	transition: border-color 180ms ease, color 180ms ease, background 180ms ease;
}
.bssv-at-dashboard .bssv-at-tab:hover {
	border-color: var(--bss-glass-border-2);
	color: var(--bss-text);
}
.bssv-at-dashboard .bssv-at-tab.is-active {
	background: linear-gradient(135deg, var(--bss-brand-red) 0%, #8B0F2F 100%);
	border-color: var(--bss-brand-red);
	color: #fff;
	box-shadow: 0 6px 18px rgba(225, 29, 72, 0.32);
}

/* Game-log expandable cards */
.bssv-at-dashboard .bssv-at-gamecard {
	background: rgba(255, 255, 255, 0.025) !important;
	border: 1px solid rgba(255, 255, 255, 0.06) !important;
	border-radius: 12px !important;
	margin-bottom: 8px;
	overflow: hidden;
}
.bssv-at-dashboard .bssv-at-gamecard summary {
	padding: 14px 16px;
	list-style: none;
	cursor: pointer;
	display: flex;
	gap: 12px;
	align-items: center;
	font-size: 13px;
	color: var(--bss-text);
}
.bssv-at-dashboard .bssv-at-gamecard summary::-webkit-details-marker { display: none; }
.bssv-at-dashboard .bssv-at-gamecard[open] summary {
	border-bottom: 1px solid var(--bss-glass-border);
}
.bssv-at-dashboard .bssv-at-gc-body { padding: 14px 16px; background: rgba(0,0,0,0.20); }
.bssv-at-dashboard .bssv-at-gc-date { color: var(--bss-text-muted); font-size: 12px; min-width: 90px; }
.bssv-at-dashboard .bssv-at-gc-opp  { color: var(--bss-text-muted); flex: 1; }
.bssv-at-dashboard .bssv-at-gc-line b { color: #fff; font-variant-numeric: tabular-nums; }

/* Season summary mini row */
.bssv-at-dashboard .bssv-at-season-summary {
	display: flex;
	gap: 18px;
	flex-wrap: wrap;
	padding: 16px 20px;
	margin-bottom: 14px;
	background: rgba(255, 255, 255, 0.025);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 12px;
}
.bssv-at-dashboard .bssv-at-season-summary div {
	display: flex; flex-direction: column; gap: 2px;
}
.bssv-at-dashboard .bssv-at-season-summary b {
	font-size: 22px; color: #fff; font-variant-numeric: tabular-nums;
}
.bssv-at-dashboard .bssv-at-season-summary i {
	font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase;
	color: var(--bss-text-quiet); font-style: normal;
}

/* Empty / status states */
.bssv-at-dashboard .bssv-at-empty,
.bssv-at-dashboard .bssv-at-status {
	background: rgba(255, 255, 255, 0.025) !important;
	border: 1px dashed rgba(255, 255, 255, 0.10) !important;
	border-radius: 12px !important;
	padding: 22px 24px !important;
	color: var(--bss-text-muted) !important;
	text-align: center;
}

/* Scouting tier card / scoring report wrappers */
.bssv-at-dashboard .bssv-at-scout-section {
	background: var(--bss-glass-fill) !important;
	backdrop-filter: blur(18px) saturate(1.4);
	-webkit-backdrop-filter: blur(18px) saturate(1.4);
	border: 1px solid var(--bss-glass-border) !important;
	border-radius: 18px !important;
}

/* Upgrade pressure / verified unlocks / elite upsell — premium card treatment */
.bssv-at-dashboard .bssv-at-upgrade,
.bssv-at-dashboard .bssv-at-locked-feature,
.bssv-at-dashboard .bssv-at-strength,
.bssv-at-dashboard .bssv-at-impact,
.bssv-at-dashboard .bssv-at-elite-banner,
.bssv-at-dashboard .bssv-at-snapshot {
	background: var(--bss-glass-fill) !important;
	backdrop-filter: blur(16px) saturate(1.3);
	-webkit-backdrop-filter: blur(16px) saturate(1.3);
	border: 1px solid var(--bss-glass-border) !important;
	border-radius: 18px !important;
}

/* Player DNA radar block — match the section style */
.bssv-at-dashboard .bssv-at-dna,
.bssv-at-dashboard .bssv-at-dna-block,
.bssv-at-dashboard .bssv-at-next-up,
.bssv-at-dashboard .bssv-at-milestones,
.bssv-at-dashboard .bssv-at-hof,
.bssv-at-dashboard .bssv-at-hof-progress {
	background: rgba(255, 255, 255, 0.025) !important;
	border: 1px solid rgba(255, 255, 255, 0.06) !important;
	border-radius: 14px !important;
}

/* Section spacing — unified */
.bssv-at-dashboard > * + * { margin-top: 22px; }
.bssv-at-dashboard > .bssv-at-h2 + * { margin-top: 22px; }

/* Mobile section padding adjustment */
@media (max-width: 720px) {
	.bssv-at-dashboard .bssv-at-section { padding: 22px 18px; border-radius: 14px; }
	.bssv-at-dashboard .bssv-at-section h3 { font-size: 10.5px; letter-spacing: 0.20em; margin-bottom: 16px; }
	.bssv-at-dashboard .bssv-at-rank-chips { gap: 8px; }
	.bssv-at-dashboard .bssv-at-rank-chip { padding: 14px 16px; min-width: 0; flex: 1 1 calc(50% - 4px); }
	.bssv-at-dashboard .bssv-at-rank-chip b { font-size: 22px; }
	.bssv-at-dashboard .bssv-at-best-line { gap: 12px !important; }
	.bssv-at-dashboard .bssv-at-best-line span b { font-size: 22px; }
	.bssv-at-dashboard .bssv-at-table th,
	.bssv-at-dashboard .bssv-at-table td { padding: 9px 10px; font-size: 12px; }
	.bssv-at-dashboard .bssv-at-tab { padding: 8px 12px; font-size: 10px; }
}

/* Reduce-motion respect for the new transitions */
@media (prefers-reduced-motion: reduce) {
	.bssv-at-dashboard .bssv-at-rank-chip,
	.bssv-at-dashboard .bssv-at-badge-card,
	.bssv-at-dashboard .bssv-at-tab { transition: none !important; }
	.bssv-at-dashboard .bssv-at-rank-chip:hover,
	.bssv-at-dashboard .bssv-at-badge-card:hover { transform: none !important; }
}

/* ───────────────────────────────────────────────────────────────────────
   v17.16.3 — TRUE FULL-BLEED LAMBO MODE
   Edge-to-edge experience. Breaks out of the WP/theme container, dark
   gradient spans 100vw, hero is flush to the viewport edges, inner
   content keeps comfortable padding. No more boxed module feel.
   ─────────────────────────────────────────────────────────────────────── */

/* ── WP / theme container overrides (belt-and-suspenders) ──────────── */
/* Use :has() to detect any common ancestor that wraps the BSSV widget
   and force it to release the width constraint. Modern browsers (2024+)
   support :has() reliably. */
body .container:has(> .bssv-admin-test, .bssv-admin-test),
body .site-content:has(.bssv-admin-test),
body .entry-content:has(.bssv-admin-test),
body .post-content:has(.bssv-admin-test),
body .page-content:has(.bssv-admin-test),
body main:has(.bssv-admin-test),
body article:has(.bssv-admin-test),
body .fl-row:has(.bssv-admin-test),
body .fl-row-content-wrap:has(.bssv-admin-test),
body .fl-col-content:has(.bssv-admin-test),
body .fl-module-content:has(.bssv-admin-test),
body .elementor-section:has(.bssv-admin-test),
body .elementor-container:has(.bssv-admin-test),
body .wp-block-group:has(.bssv-admin-test) {
	max-width: none !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Defensive: prevent horizontal scrollbar from the 100vw bleed */
html:has(.bssv-admin-test),
body:has(.bssv-admin-test) {
	overflow-x: clip;
}

/* ── Dashboard root — TRUE FULL-BLEED ──────────────────────────────── */
.bssv-admin-test {
	/* Break out of any centered parent — pull to viewport left edge */
	position: relative !important;
	left: 50% !important;
	right: auto !important;
	margin-left: -50vw !important;
	margin-right: -50vw !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	width: 100vw !important;
	max-width: 100vw !important;

	/* Remove outer shell — feels native, not modular */
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;

	/* Scaling internal padding — content caps at 1480px on huge screens,
	   pads to 24px on small. Built with max() so it never goes below the
	   readability floor. */
	padding-top: 28px !important;
	padding-bottom: 96px !important;
	padding-left:  max(24px, calc((100vw - 1480px) / 2)) !important;
	padding-right: max(24px, calc((100vw - 1480px) / 2)) !important;

	/* Dark gradient already set in v17.16.2 — no change here. */
}

@media (min-width: 1024px) {
	.bssv-admin-test {
		padding-left:  max(40px, calc((100vw - 1480px) / 2)) !important;
		padding-right: max(40px, calc((100vw - 1480px) / 2)) !important;
	}
}

@media (max-width: 720px) {
	.bssv-admin-test {
		padding-top: 22px !important;
		padding-bottom: 56px !important;
		padding-left: 18px !important;
		padding-right: 18px !important;
	}
}

/* ── Hero breaks out of dashboard padding to span TRUE edge-to-edge ── */
/* The dashboard root has horizontal padding to keep stat cards / sections
   readable. The hero ignores that padding and uses negative margins to
   snap back to the viewport edges. Halos extend to the actual screen edge. */
.bssv-admin-test .bssv-at-h2 {
	margin-left:  calc(0px - max(24px, calc((100vw - 1480px) / 2))) !important;
	margin-right: calc(0px - max(24px, calc((100vw - 1480px) / 2))) !important;
	border-radius: 0 !important;
	margin-top: -28px !important;     /* eat the dashboard root top padding so hero sits flush */
	margin-bottom: 28px !important;
}
@media (min-width: 1024px) {
	.bssv-admin-test .bssv-at-h2 {
		margin-left:  calc(0px - max(40px, calc((100vw - 1480px) / 2))) !important;
		margin-right: calc(0px - max(40px, calc((100vw - 1480px) / 2))) !important;
	}
}
@media (max-width: 720px) {
	.bssv-admin-test .bssv-at-h2 {
		margin-left:  -18px !important;
		margin-right: -18px !important;
		margin-top: -22px !important;
		margin-bottom: 22px !important;
	}
}

/* Hero text content — cap for readability even when the gradient spans 4K */
.bssv-admin-test .bssv-at-h2-inner {
	max-width: 1280px !important;
	margin-left: auto;
	margin-right: auto;
	padding-left: max(40px, calc((100vw - 1280px) / 2)) !important;
	padding-right: max(40px, calc((100vw - 1280px) / 2)) !important;
}
@media (max-width: 720px) {
	.bssv-admin-test .bssv-at-h2-inner {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
}

/* Hero halos scale up on ultra-wide so they actually fill the 100vw frame */
@media (min-width: 1600px) {
	.bssv-admin-test .bssv-at-h2-halo { width: 900px; height: 900px; filter: blur(100px); }
	.bssv-admin-test .bssv-at-h2-bg::after { width: 700px; height: 700px; }
}

/* ── Sections inside the dashboard — also expand cleanly ───────────── */
/* The dashboard's horizontal padding handles the edge spacing.
   Sections fill the available width, capped via the dashboard padding math. */
.bssv-admin-test .bssv-at-trust-strip,
.bssv-admin-test .bssv-at-stat-grid,
.bssv-admin-test .bssv-at-section,
.bssv-admin-test .bssv-at-search-section {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Top admin banner / header — also center within the cap */
.bssv-admin-test .bssv-at-header {
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}

/* Stat grid retains its 7-column layout but spreads farther on wide screens */
@media (min-width: 1600px) {
	.bssv-admin-test .bssv-at-stat-grid { gap: 18px; }
}

/* ── Header / banner alignment fix when going full-bleed ──────────── */
/* The "ADMIN TEST PAGE — NOT PUBLIC" banner + h1 used to sit pulled-in.
   Now they sit relative to the dashboard padding. */
.bssv-admin-test .bssv-at-header {
	padding: 0 0 8px 0;
}

/* Footer note — centered if anyone wants to scroll there */
.bssv-admin-test .bssv-at-footer {
	max-width: 1280px;
	margin: 32px auto 0;
	color: var(--bss-text-quiet);
}

/* Reduced-motion guard for any newly-introduced transforms */
@media (prefers-reduced-motion: reduce) {
	.bssv-admin-test { transition: none !important; }
}

/* ───────────────────────────────────────────────────────────────────────
   v17.17 — Phase 2: Badge Wall + Scouting Snapshot
   Premium achievement system + evaluator-grade scouting report
   ─────────────────────────────────────────────────────────────────────── */

/* ── Badge Wall ──────────────────────────────────────────────────── */
.bssv-at-bw { padding-bottom: 32px; }
.bssv-at-bw-eyebrow {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.26em;
	color: var(--bss-text-quiet);
	text-transform: uppercase;
	margin: 4px 0 12px;
}
.bssv-at-bw-eyebrow-tiles { margin-top: 28px; }

/* Earned awards row (real AWARDS_MASTER + AWARDS_DATA hits) */
.bssv-at-bw-awards-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 8px;
}
.bssv-at-bw-award {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	background: linear-gradient(135deg, rgba(247,198,69,0.14) 0%, rgba(247,198,69,0.04) 100%) !important;
	border: 1px solid rgba(247, 198, 69, 0.45) !important;
	border-radius: 10px !important;
	color: var(--bss-text);
	min-width: 240px;
	box-shadow: 0 0 18px rgba(247, 198, 69, 0.10);
}
.bssv-at-bw-award-name {
	font-size: 13px;
	font-weight: 800;
	color: #fff;
	letter-spacing: 0.02em;
}
.bssv-at-bw-award-meta {
	font-size: 11px;
	color: var(--bss-text-quiet);
	letter-spacing: 0.04em;
	margin-top: 2px;
}
.bssv-at-bw-empty {
	padding: 14px 18px;
	border: 1px dashed var(--bss-glass-border-2);
	border-radius: 10px;
	color: var(--bss-text-muted);
	font-size: 13px;
	font-style: italic;
}

/* Badge tiles grid — 5 columns desktop, 4 at large, 2 mobile */
.bssv-at-bw-tiles {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 14px;
}
@media (max-width: 1280px) { .bssv-at-bw-tiles { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 900px)  { .bssv-at-bw-tiles { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px)  { .bssv-at-bw-tiles { grid-template-columns: repeat(2, 1fr); gap: 12px; } }

/* Tile base */
.bssv-at-bw-tile {
	position: relative;
	padding: 22px 18px 18px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.025);
	border: 1px solid rgba(255, 255, 255, 0.06);
	overflow: hidden;
	text-align: center;
	transition: transform 240ms cubic-bezier(0.2, 0.7, 0.2, 1), border-color 240ms ease, box-shadow 240ms ease;
	min-height: 184px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}
.bssv-at-bw-tile-glow {
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	pointer-events: none;
	opacity: 0;
	transition: opacity 260ms ease;
}
.bssv-at-bw-tile:hover { transform: translateY(-3px); }
.bssv-at-bw-tile:hover .bssv-at-bw-tile-glow { opacity: 1; }

/* Emblem container */
.bssv-at-bw-tile-emblem {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	margin-bottom: 4px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.06);
}
.bssv-at-bw-tile-lock {
	position: absolute;
	right: -4px;
	bottom: -4px;
	color: var(--bss-text-quiet);
	background: rgba(20, 24, 38, 0.85);
	border-radius: 50%;
	padding: 3px;
}

/* Tile labels */
.bssv-at-bw-tile-name {
	font-size: 13px;
	font-weight: 900;
	color: #fff;
	letter-spacing: 0.02em;
}
.bssv-at-bw-tile-count {
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.20em;
	color: var(--bss-text-quiet);
	text-transform: uppercase;
}
.bssv-at-bw-tile-desc {
	font-size: 11px;
	color: var(--bss-text-muted);
	line-height: 1.45;
	margin-top: 4px;
}

/* Locked state — aspirational, not dead */
.bssv-at-bw-tile.is-locked {
	opacity: 0.72;
}
.bssv-at-bw-tile.is-locked .bssv-at-bw-tile-emblem {
	color: rgba(255, 255, 255, 0.30);
	background: rgba(255, 255, 255, 0.015);
}
.bssv-at-bw-tile.is-locked .bssv-at-bw-tile-name { color: rgba(255, 255, 255, 0.78); }

/* Earned state — vibrant */
.bssv-at-bw-tile.is-earned {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.15);
}
.bssv-at-bw-tile.is-earned .bssv-at-bw-tile-count {
	color: var(--bss-elite);
	text-shadow: 0 0 10px rgba(247, 198, 69, 0.45);
}

/* Category color mapping */
.bssv-at-bw-tile-cat-gold.is-earned   { --bw-c: var(--bss-elite);    --bw-cg: rgba(247,198,69,0.50); }
.bssv-at-bw-tile-cat-red.is-earned    { --bw-c: var(--bss-brand-red);--bw-cg: rgba(225,29,72,0.50);  }
.bssv-at-bw-tile-cat-cyan.is-earned   { --bw-c: var(--bss-verified); --bw-cg: rgba(0,212,255,0.50);  }
.bssv-at-bw-tile-cat-violet.is-earned { --bw-c: var(--bss-stat-ast); --bw-cg: rgba(139,92,246,0.50); }
.bssv-at-bw-tile-cat-amber.is-earned  { --bw-c: var(--bss-stat-def); --bw-cg: rgba(245,158,11,0.50); }

.bssv-at-bw-tile.is-earned {
	color: var(--bw-c, var(--bss-elite));
	box-shadow: 0 0 26px var(--bw-cg, rgba(247, 198, 69, 0.30));
}
.bssv-at-bw-tile.is-earned .bssv-at-bw-tile-emblem {
	color: var(--bw-c, var(--bss-elite));
	background: linear-gradient(135deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.015) 100%);
	border-color: rgba(255, 255, 255, 0.18);
	box-shadow: 0 0 24px var(--bw-cg, rgba(247, 198, 69, 0.40)) inset, 0 0 18px var(--bw-cg, rgba(247, 198, 69, 0.30));
}
.bssv-at-bw-tile.is-earned .bssv-at-bw-tile-glow {
	box-shadow: 0 0 0 1px var(--bw-c, var(--bss-elite)) inset, 0 0 36px var(--bw-cg, rgba(247, 198, 69, 0.45));
}

/* Idle pulse for earned tiles */
@keyframes bss-bw-pulse {
	0%   { box-shadow: 0 0 22px var(--bw-cg, rgba(247, 198, 69, 0.22)); }
	50%  { box-shadow: 0 0 34px var(--bw-cg, rgba(247, 198, 69, 0.55)); }
	100% { box-shadow: 0 0 22px var(--bw-cg, rgba(247, 198, 69, 0.22)); }
}
.bssv-at-bw-tile.is-earned { animation: bss-bw-pulse 4s ease-in-out infinite; }

@media (prefers-reduced-motion: reduce) {
	.bssv-at-bw-tile.is-earned { animation: none !important; }
	.bssv-at-bw-tile { transition: none !important; }
	.bssv-at-bw-tile:hover { transform: none !important; }
}

/* ── Scouting Snapshot v2 ─────────────────────────────────────────── */
.bssv-at-sc2 { padding: 30px 32px 28px; }
.bssv-at-sc2-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 22px;
}
.bssv-at-sc2-head h3 { margin: 0; }
.bssv-at-sc2-tier {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	padding: 5px 12px;
	border-radius: 999px;
	border: 1px solid rgba(247, 198, 69, 0.40);
	background: rgba(247, 198, 69, 0.08);
	color: var(--bss-elite);
}
.bssv-at-sc2-verified .bssv-at-sc2-tier {
	border-color: rgba(0, 212, 255, 0.40);
	background: rgba(0, 212, 255, 0.08);
	color: var(--bss-verified);
}
.bssv-at-sc2-free .bssv-at-sc2-tier {
	border-color: var(--bss-glass-border-2);
	background: rgba(255, 255, 255, 0.04);
	color: var(--bss-text-muted);
}

/* Archetype block */
.bssv-at-sc2-archetype {
	position: relative;
	padding: 28px 28px;
	margin: 0 0 24px;
	border-radius: 16px;
	overflow: hidden;
	background:
		radial-gradient(ellipse 80% 60% at 50% 0%, rgba(225, 29, 72, 0.18) 0%, transparent 70%),
		linear-gradient(135deg, rgba(20, 12, 40, 0.65) 0%, rgba(13, 16, 24, 0.65) 100%);
	border: 1px solid rgba(225, 29, 72, 0.30);
	box-shadow: 0 0 32px rgba(225, 29, 72, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.bssv-at-sc2-archetype-eyebrow {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.30em;
	color: var(--bss-text-quiet);
	text-transform: uppercase;
	margin-bottom: 8px;
}
.bssv-at-sc2-archetype-label {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: clamp(34px, 5vw, 52px);
	font-weight: 900;
	letter-spacing: -0.02em;
	line-height: 1.0;
	margin-bottom: 10px;
	background: linear-gradient(180deg, #ffffff 0%, #ffffff 60%, rgba(255, 255, 255, 0.78) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	filter: drop-shadow(0 4px 22px rgba(0, 0, 0, 0.65)) drop-shadow(0 0 36px rgba(225, 29, 72, 0.30));
}
.bssv-at-sc2-elite .bssv-at-sc2-archetype-label {
	background: linear-gradient(180deg, #ffffff 0%, #ffffff 60%, #ffe28a 100%);
	-webkit-background-clip: text;
	background-clip: text;
	filter: drop-shadow(0 4px 22px rgba(0, 0, 0, 0.65)) drop-shadow(0 0 40px rgba(247, 198, 69, 0.45));
}
.bssv-at-sc2-archetype-cap {
	font-size: 14.5px;
	color: var(--bss-text);
	line-height: 1.55;
	max-width: 720px;
	font-weight: 500;
	letter-spacing: 0.005em;
}

/* Strength bars */
.bssv-at-sc2-bars {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
	margin-bottom: 26px;
}
@media (max-width: 720px) { .bssv-at-sc2-bars { grid-template-columns: 1fr; gap: 14px; } }

.bssv-at-sc2-bar {
	padding: 14px 18px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.025);
	border: 1px solid rgba(255, 255, 255, 0.06);
}
.bssv-at-sc2-bar-row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 8px;
}
.bssv-at-sc2-bar-label {
	font-size: 10.5px;
	font-weight: 900;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--bss-text-muted);
}
.bssv-at-sc2-bar-val {
	font-size: 22px;
	font-weight: 900;
	color: #fff;
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.02em;
}
.bssv-at-sc2-bar-track {
	position: relative;
	height: 8px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.05);
	overflow: hidden;
}
.bssv-at-sc2-bar-fill {
	height: 100%;
	border-radius: 999px;
	transition: width 800ms cubic-bezier(0.2, 0.7, 0.2, 1);
	box-shadow: 0 0 10px currentColor;
}

/* Strength bar category colors */
.bssv-at-sc2-bar-scoring    { color: var(--bss-stat-scoring); }
.bssv-at-sc2-bar-scoring    .bssv-at-sc2-bar-fill  { background: linear-gradient(90deg, #C81E48 0%, #FF4D7A 100%); color: var(--bss-stat-scoring); }
.bssv-at-sc2-bar-scoring    .bssv-at-sc2-bar-label { color: var(--bss-stat-scoring); }
.bssv-at-sc2-bar-rebounding { color: var(--bss-stat-reb); }
.bssv-at-sc2-bar-rebounding .bssv-at-sc2-bar-fill  { background: linear-gradient(90deg, #009ECD 0%, #4DDFFF 100%); color: var(--bss-stat-reb); }
.bssv-at-sc2-bar-rebounding .bssv-at-sc2-bar-label { color: var(--bss-stat-reb); }
.bssv-at-sc2-bar-defense    { color: var(--bss-stat-def); }
.bssv-at-sc2-bar-defense    .bssv-at-sc2-bar-fill  { background: linear-gradient(90deg, #D08800 0%, #FFCB52 100%); color: var(--bss-stat-def); }
.bssv-at-sc2-bar-defense    .bssv-at-sc2-bar-label { color: var(--bss-stat-def); }

/* Impact prose body */
.bssv-at-sc2-body {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 4px;
}
.bssv-at-sc2-para {
	padding: 18px 22px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.025);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-left: 3px solid var(--bss-brand-red);
}
.bssv-at-sc2-tag {
	display: inline-block;
	font-size: 9.5px;
	font-weight: 900;
	letter-spacing: 0.26em;
	color: var(--bss-text-quiet);
	text-transform: uppercase;
	margin-bottom: 8px;
}
.bssv-at-sc2-text {
	margin: 0;
	font-size: 15px;
	line-height: 1.65;
	color: var(--bss-text);
	letter-spacing: 0.005em;
}
.bssv-at-sc2-text b { color: #fff; font-weight: 800; }

/* Per-tag accent — use existing tag values */
.bssv-at-sc2-para:has(.bssv-at-sc2-tag:is([data-tag="OVERVIEW"])),
.bssv-at-sc2-para:nth-child(1) { border-left-color: var(--bss-brand-red); }
.bssv-at-sc2-para:nth-child(2) { border-left-color: var(--bss-elite); }
.bssv-at-sc2-para:nth-child(3) { border-left-color: var(--bss-verified); }
.bssv-at-sc2-para:nth-child(4) { border-left-color: var(--bss-stat-ast); }
.bssv-at-sc2-para:nth-child(5) { border-left-color: var(--bss-stat-def); }

/* Elite ceiling card */
.bssv-at-sc2-ceiling {
	margin-top: 18px;
	padding: 22px 24px;
	border-radius: 14px;
	background: linear-gradient(135deg, rgba(247, 198, 69, 0.14) 0%, rgba(247, 198, 69, 0.04) 100%);
	border: 1px solid rgba(247, 198, 69, 0.45);
	box-shadow: 0 0 28px rgba(247, 198, 69, 0.18);
}
.bssv-at-sc2-ceiling-eyebrow {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.26em;
	color: var(--bss-elite);
	text-transform: uppercase;
	margin-bottom: 10px;
}
.bssv-at-sc2-ceiling-line {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 6px;
}
.bssv-at-sc2-ceiling-line b {
	font-weight: 900;
	color: var(--bss-elite);
	font-variant-numeric: tabular-nums;
}
.bssv-at-sc2-ceiling-meta {
	font-size: 13px;
	color: var(--bss-text-muted);
	letter-spacing: 0.005em;
}
.bssv-at-sc2-ceiling-meta b { color: #fff; font-variant-numeric: tabular-nums; font-weight: 800; }

/* Mobile tightening */
@media (max-width: 720px) {
	.bssv-at-sc2 { padding: 22px 18px; }
	.bssv-at-sc2-archetype { padding: 22px 20px; }
	.bssv-at-sc2-archetype-label { font-size: 32px; }
	.bssv-at-sc2-archetype-cap { font-size: 13.5px; }
	.bssv-at-sc2-bar-val { font-size: 18px; }
	.bssv-at-sc2-text { font-size: 13.5px; }
	.bssv-at-bw-tile { padding: 18px 14px 14px; min-height: 168px; }
	.bssv-at-bw-tile-name { font-size: 12px; }
	.bssv-at-bw-tile-desc { font-size: 10.5px; }
	.bssv-at-bw-tile-emblem { width: 56px; height: 56px; }
}

/* ───────────────────────────────────────────────────────────────────────
   v17.18 — Phase 3
   Player Exposure · Weekly Spotlight · Player Card upgrade
   ─────────────────────────────────────────────────────────────────────── */

/* ── Player Exposure section ─────────────────────────────────────── */
.bssv-at-exp { padding: 28px 30px; }
.bssv-at-exp-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 6px;
}
.bssv-at-exp-head h3 { margin: 0 !important; padding-left: 14px; }
.bssv-at-exp-tier-pill {
	font-size: 10.5px;
	font-weight: 900;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	padding: 7px 16px;
	border-radius: 999px;
	background: linear-gradient(180deg, rgba(247, 198, 69, 0.22) 0%, rgba(247, 198, 69, 0.06) 100%);
	border: 1px solid rgba(247, 198, 69, 0.55);
	color: var(--bss-elite);
	box-shadow: 0 0 22px rgba(247, 198, 69, 0.30);
	text-shadow: 0 0 10px rgba(247, 198, 69, 0.50);
}
.bssv-at-exp-tier-elite     .bssv-at-exp-tier-pill { color: var(--bss-elite);    border-color: rgba(247,198,69,0.65); background: linear-gradient(180deg, rgba(247,198,69,0.30) 0%, rgba(247,198,69,0.08) 100%); box-shadow: 0 0 28px rgba(247,198,69,0.45); }
.bssv-at-exp-tier-high      .bssv-at-exp-tier-pill { color: var(--bss-verified); border-color: rgba(0,212,255,0.55);  background: linear-gradient(180deg, rgba(0,212,255,0.22) 0%, rgba(0,212,255,0.06) 100%); box-shadow: 0 0 22px rgba(0,212,255,0.30); }
.bssv-at-exp-tier-rising    .bssv-at-exp-tier-pill { color: var(--bss-stat-ast); border-color: rgba(139,92,246,0.55); background: linear-gradient(180deg, rgba(139,92,246,0.22) 0%, rgba(139,92,246,0.06) 100%); box-shadow: 0 0 22px rgba(139,92,246,0.30); }
.bssv-at-exp-tier-emerging  .bssv-at-exp-tier-pill { color: var(--bss-text-muted); border-color: var(--bss-glass-border-2); background: rgba(255,255,255,0.04); box-shadow: none; text-shadow: none; }

.bssv-at-exp-tier-copy {
	font-size: 14px;
	color: var(--bss-text-muted);
	letter-spacing: 0.005em;
	margin-bottom: 18px;
}

.bssv-at-exp-trend {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	padding: 12px 18px;
	margin-bottom: 22px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid var(--bss-glass-border);
}
.bssv-at-exp-trend-label {
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.20em;
	text-transform: uppercase;
}
.bssv-at-exp-trend-up       .bssv-at-exp-trend-label { color: #4DDFFF; }
.bssv-at-exp-trend-up       { border-color: rgba(0, 212, 255, 0.45); box-shadow: 0 0 18px rgba(0,212,255,0.18); }
.bssv-at-exp-trend-steady   .bssv-at-exp-trend-label { color: var(--bss-elite); }
.bssv-at-exp-trend-steady   { border-color: rgba(247, 198, 69, 0.40); }
.bssv-at-exp-trend-building .bssv-at-exp-trend-label { color: var(--bss-stat-ast); }
.bssv-at-exp-trend-building { border-color: rgba(139, 92, 246, 0.40); }
.bssv-at-exp-trend-meta {
	font-size: 12px;
	color: var(--bss-text-muted);
	letter-spacing: 0.02em;
}

.bssv-at-exp-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin-top: 6px;
}
@media (max-width: 760px) { .bssv-at-exp-cards { grid-template-columns: 1fr; } }

.bssv-at-exp-card {
	position: relative;
	padding: 22px 22px 20px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.025);
	border: 1px solid rgba(255, 255, 255, 0.06);
	overflow: hidden;
	transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}
.bssv-at-exp-card::before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 3px;
	background: var(--bss-text-muted);
	border-radius: 14px 14px 0 0;
	opacity: 0.6;
}
.bssv-at-exp-card:hover { transform: translateY(-3px); border-color: rgba(255,255,255,0.14); }

.bssv-at-exp-scoring::before    { background: var(--bss-stat-scoring); }
.bssv-at-exp-rebounding::before { background: var(--bss-stat-reb); }
.bssv-at-exp-defense::before    { background: var(--bss-stat-def); }
.bssv-at-exp-scoring:hover      { box-shadow: 0 16px 32px rgba(0,0,0,0.4), 0 0 24px rgba(225,29,72,0.30); }
.bssv-at-exp-rebounding:hover   { box-shadow: 0 16px 32px rgba(0,0,0,0.4), 0 0 24px rgba(0,184,224,0.30); }
.bssv-at-exp-defense:hover      { box-shadow: 0 16px 32px rgba(0,0,0,0.4), 0 0 24px rgba(245,158,11,0.30); }

.bssv-at-exp-card-eyebrow {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--bss-text-muted);
	margin-bottom: 12px;
}
.bssv-at-exp-card-rank {
	font-size: 48px;
	font-weight: 900;
	letter-spacing: -0.03em;
	line-height: 1;
	margin-bottom: 10px;
	background: linear-gradient(180deg, #fff 0%, #fff 60%, rgba(255,255,255,0.78) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	font-variant-numeric: tabular-nums;
	filter: drop-shadow(0 4px 16px rgba(0,0,0,0.5));
}
.bssv-at-exp-card-pct {
	display: inline-block;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	padding: 4px 10px;
	border-radius: 999px;
	background: rgba(247, 198, 69, 0.14);
	color: var(--bss-elite);
	border: 1px solid rgba(247, 198, 69, 0.40);
	margin-bottom: 8px;
}
.bssv-at-exp-card-of {
	font-size: 11.5px;
	color: var(--bss-text-quiet);
	letter-spacing: 0.04em;
}

@media (max-width: 720px) {
	.bssv-at-exp { padding: 22px 18px; }
	.bssv-at-exp-head { flex-direction: column; align-items: flex-start; gap: 8px; }
	.bssv-at-exp-card-rank { font-size: 40px; }
}

/* ── Weekly Spotlight section ─────────────────────────────────────── */
.bssv-at-spot {
	position: relative;
	padding: 32px 36px 30px !important;
	overflow: hidden;
	border: 1px solid rgba(225, 29, 72, 0.30) !important;
	background: linear-gradient(180deg, rgba(20, 12, 40, 0.62) 0%, rgba(13, 16, 24, 0.62) 100%) !important;
	box-shadow: 0 24px 48px rgba(0, 0, 0, 0.48), 0 0 50px rgba(225, 29, 72, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.bssv-at-spot-glow {
	position: absolute;
	top: -160px; right: -100px;
	width: 480px; height: 480px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(225, 29, 72, 0.55) 0%, transparent 65%);
	filter: blur(70px);
	opacity: 0.65;
	pointer-events: none;
	animation: bss-halo-drift-a 22s linear infinite;
}
.bssv-at-spot-glow-2 {
	position: absolute;
	bottom: -180px; left: -120px;
	width: 540px; height: 540px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(99, 72, 201, 0.45) 0%, transparent 65%);
	filter: blur(80px);
	opacity: 0.50;
	pointer-events: none;
	animation: bss-halo-drift-b 26s linear infinite;
}
.bssv-at-spot-high {
	border-color: rgba(247, 198, 69, 0.45) !important;
	box-shadow: 0 24px 48px rgba(0, 0, 0, 0.48), 0 0 60px rgba(247, 198, 69, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
.bssv-at-spot-high .bssv-at-spot-glow {
	background: radial-gradient(circle, rgba(247, 198, 69, 0.55) 0%, transparent 65%);
}

.bssv-at-spot-head {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 6px;
}
.bssv-at-spot-eyebrow {
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.30em;
	text-transform: uppercase;
	color: var(--bss-elite);
	text-shadow: 0 0 12px rgba(247, 198, 69, 0.55);
}
.bssv-at-spot-meta {
	display: inline-flex;
	gap: 10px;
	align-items: center;
}
.bssv-at-spot-tier-pill {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	padding: 5px 12px;
	border-radius: 999px;
	color: var(--bss-text-muted);
	border: 1px solid var(--bss-glass-border-2);
	background: rgba(255, 255, 255, 0.04);
}
.bssv-at-spot-high .bssv-at-spot-tier-pill {
	color: var(--bss-elite);
	border-color: rgba(247, 198, 69, 0.55);
	background: rgba(247, 198, 69, 0.10);
}
.bssv-at-spot-mid  .bssv-at-spot-tier-pill {
	color: var(--bss-verified);
	border-color: rgba(0, 212, 255, 0.45);
	background: rgba(0, 212, 255, 0.08);
}
.bssv-at-spot-trend {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	padding: 5px 12px;
	border-radius: 999px;
}
.bssv-at-spot-trend-up       { color: #4DDFFF;             border: 1px solid rgba(0,212,255,0.50);  background: rgba(0,212,255,0.10); }
.bssv-at-spot-trend-steady   { color: var(--bss-elite);    border: 1px solid rgba(247,198,69,0.45); background: rgba(247,198,69,0.10); }
.bssv-at-spot-trend-building { color: var(--bss-stat-ast); border: 1px solid rgba(139,92,246,0.45); background: rgba(139,92,246,0.10); }

.bssv-at-spot-byline {
	position: relative;
	z-index: 1;
	font-size: 12px;
	color: var(--bss-text-quiet);
	letter-spacing: 0.04em;
	font-style: italic;
	margin-bottom: 22px;
}
.bssv-at-spot-body {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.bssv-at-spot-line {
	margin: 0;
	font-size: 17px;
	line-height: 1.65;
	color: var(--bss-text);
	letter-spacing: 0.005em;
	max-width: 800px;
	font-weight: 500;
}
.bssv-at-spot-line:first-of-type {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.45;
	color: #fff;
	letter-spacing: -0.005em;
}
.bssv-at-spot-line b { color: #fff; font-weight: 800; }

@media (max-width: 720px) {
	.bssv-at-spot { padding: 24px 22px !important; }
	.bssv-at-spot-head { flex-direction: column; align-items: flex-start; gap: 8px; }
	.bssv-at-spot-line { font-size: 14.5px; }
	.bssv-at-spot-line:first-of-type { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
	.bssv-at-spot-glow, .bssv-at-spot-glow-2 { animation: none !important; }
}

/* ── Player Card upgrade — archetype line + earned badges row ─────── */
.bssv-at-card-archetype {
	display: inline-block;
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.04em;
	color: var(--bss-elite);
	margin-top: 10px;
	padding: 4px 12px;
	border-radius: 6px;
	background: rgba(247, 198, 69, 0.08);
	border: 1px solid rgba(247, 198, 69, 0.30);
	text-shadow: 0 0 10px rgba(247, 198, 69, 0.30);
}
.bssv-at-card-verified .bssv-at-card-archetype {
	color: var(--bss-verified);
	background: rgba(0, 212, 255, 0.08);
	border-color: rgba(0, 212, 255, 0.30);
	text-shadow: 0 0 10px rgba(0, 212, 255, 0.30);
}
.bssv-at-card-free .bssv-at-card-archetype {
	color: var(--bss-text-muted);
	background: rgba(255, 255, 255, 0.04);
	border-color: var(--bss-glass-border-2);
	text-shadow: none;
}

.bssv-at-card-badges {
	position: relative;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: center;
	margin: 14px 0 12px;
	padding: 0 6px;
}
.bssv-at-card-badge {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	padding: 5px 10px;
	border-radius: 999px;
	white-space: nowrap;
}
.bssv-at-card-badge-gold   { color: var(--bss-elite);     background: rgba(247,198,69,0.16); border: 1px solid rgba(247,198,69,0.55); box-shadow: 0 0 14px rgba(247,198,69,0.35); }
.bssv-at-card-badge-red    { color: #FF6B8E;              background: rgba(225,29,72,0.16);  border: 1px solid rgba(225,29,72,0.55);  box-shadow: 0 0 14px rgba(225,29,72,0.30); }
.bssv-at-card-badge-cyan   { color: var(--bss-verified);  background: rgba(0,212,255,0.16);  border: 1px solid rgba(0,212,255,0.55);  box-shadow: 0 0 14px rgba(0,212,255,0.30); }
.bssv-at-card-badge-violet { color: var(--bss-stat-ast);  background: rgba(139,92,246,0.16); border: 1px solid rgba(139,92,246,0.55); box-shadow: 0 0 14px rgba(139,92,246,0.30); }
.bssv-at-card-badge-amber  { color: var(--bss-stat-def);  background: rgba(245,158,11,0.16); border: 1px solid rgba(245,158,11,0.55); box-shadow: 0 0 14px rgba(245,158,11,0.30); }

/* Slightly portrait-leaning the card for share-ready proportions */
.bssv-at-card { min-height: 540px !important; }
.bssv-at-modal-panel { max-width: 460px !important; }
@media (min-width: 1280px) { .bssv-at-modal-panel { max-width: 500px !important; } }
@media (max-width: 480px)  { .bssv-at-card { min-height: 460px !important; } }

/* ───────────────────────────────────────────────────────────────────────
   v17.18.1 — Player DNA bar real-stat row + bar-pct suffix
   ─────────────────────────────────────────────────────────────────────── */
.bssv-at-sc2-bar-pct-suffix {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	color: var(--bss-text-quiet);
	margin-left: 6px;
}
.bssv-at-sc2-bar-real {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
	font-size: 12px;
	color: var(--bss-text);
	font-variant-numeric: tabular-nums;
}
.bssv-at-sc2-bar-real-raw {
	font-weight: 800;
	color: #fff;
	letter-spacing: 0.02em;
}
.bssv-at-sc2-bar-real-sep {
	color: var(--bss-text-quiet);
	font-size: 10px;
}
.bssv-at-sc2-bar-real-pg {
	color: var(--bss-text-muted);
	letter-spacing: 0.01em;
}
@media (max-width: 720px) {
	.bssv-at-sc2-bar-real { font-size: 11px; gap: 6px; }
	.bssv-at-sc2-bar-pct-suffix { font-size: 9px; letter-spacing: 0.08em; }
}

/* ───────────────────────────────────────────────────────────────────────
   v17.18.2 — Spotlight pull-quote · archetype tagline · momentum chip
   ─────────────────────────────────────────────────────────────────────── */

/* ── Spotlight pull-quote ────────────────────────────────────────── */
.bssv-at-spot-pullquote {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin: 4px 0 22px;
	padding: 22px 26px 22px 28px;
	background: linear-gradient(135deg, rgba(247, 198, 69, 0.10) 0%, rgba(225, 29, 72, 0.06) 100%);
	border-left: 4px solid var(--bss-elite);
	border-radius: 4px 14px 14px 4px;
	box-shadow: 0 0 28px rgba(247, 198, 69, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.bssv-at-spot-pullquote-mark {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 44px;
	font-weight: 900;
	line-height: 1;
	color: var(--bss-elite);
	opacity: 0.55;
	flex-shrink: 0;
	text-shadow: 0 0 16px rgba(247, 198, 69, 0.45);
}
.bssv-at-spot-pullquote-mark:last-child { align-self: flex-end; transform: translateY(8px); }
.bssv-at-spot-pullquote-text {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: clamp(20px, 3vw, 28px);
	font-weight: 800;
	line-height: 1.32;
	letter-spacing: -0.005em;
	color: #fff;
	flex: 1;
	font-style: italic;
	text-shadow: 0 2px 16px rgba(0, 0, 0, 0.55);
}
.bssv-at-spot-high .bssv-at-spot-pullquote {
	background: linear-gradient(135deg, rgba(247, 198, 69, 0.18) 0%, rgba(247, 198, 69, 0.06) 100%);
	border-left-color: var(--bss-elite);
	box-shadow: 0 0 36px rgba(247, 198, 69, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.bssv-at-spot-mid  .bssv-at-spot-pullquote {
	background: linear-gradient(135deg, rgba(0, 212, 255, 0.10) 0%, rgba(0, 212, 255, 0.04) 100%);
	border-left-color: var(--bss-verified);
	box-shadow: 0 0 24px rgba(0, 212, 255, 0.18);
}
.bssv-at-spot-mid .bssv-at-spot-pullquote-mark { color: var(--bss-verified); text-shadow: 0 0 16px rgba(0, 212, 255, 0.45); }
.bssv-at-spot-early .bssv-at-spot-pullquote {
	background: linear-gradient(135deg, rgba(139, 92, 246, 0.08) 0%, rgba(225, 29, 72, 0.04) 100%);
	border-left-color: var(--bss-stat-ast);
}
.bssv-at-spot-early .bssv-at-spot-pullquote-mark { color: var(--bss-stat-ast); text-shadow: 0 0 16px rgba(139, 92, 246, 0.45); }

/* ── Player DNA archetype tagline ─────────────────────────────────── */
.bssv-at-sc2-archetype-tagline {
	font-family: 'Inter', system-ui, sans-serif;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--bss-elite);
	margin: -2px 0 10px;
	text-shadow: 0 0 12px rgba(247, 198, 69, 0.35);
}
.bssv-at-sc2-verified .bssv-at-sc2-archetype-tagline {
	color: var(--bss-verified);
	text-shadow: 0 0 12px rgba(0, 212, 255, 0.35);
}
.bssv-at-sc2-free .bssv-at-sc2-archetype-tagline {
	color: var(--bss-text-muted);
	text-shadow: none;
}

/* ── Player DNA momentum chip in section head ─────────────────────── */
.bssv-at-sc2-head-meta {
	display: inline-flex;
	gap: 10px;
	align-items: center;
}
.bssv-at-sc2-momentum {
	display: inline-block;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	padding: 5px 12px;
	border-radius: 999px;
	white-space: nowrap;
}
.bssv-at-sc2-momentum-up {
	color: var(--bss-verified);
	background: rgba(0, 212, 255, 0.10);
	border: 1px solid rgba(0, 212, 255, 0.50);
	box-shadow: 0 0 18px rgba(0, 212, 255, 0.30);
	text-shadow: 0 0 8px rgba(0, 212, 255, 0.45);
}
.bssv-at-sc2-momentum-steady {
	color: var(--bss-elite);
	background: rgba(247, 198, 69, 0.10);
	border: 1px solid rgba(247, 198, 69, 0.45);
}
.bssv-at-sc2-momentum-building,
.bssv-at-sc2-momentum-cooling {
	color: var(--bss-stat-ast);
	background: rgba(139, 92, 246, 0.10);
	border: 1px solid rgba(139, 92, 246, 0.45);
}

@media (max-width: 720px) {
	.bssv-at-spot-pullquote { padding: 18px 18px 18px 20px; gap: 10px; margin: 2px 0 18px; }
	.bssv-at-spot-pullquote-mark { font-size: 32px; }
	.bssv-at-spot-pullquote-text { font-size: 17px; line-height: 1.35; }
	.bssv-at-sc2-archetype-tagline { font-size: 12px; letter-spacing: 0.04em; margin-bottom: 8px; }
	.bssv-at-sc2-head-meta { flex-wrap: wrap; gap: 6px; }
	.bssv-at-sc2-momentum { font-size: 9px; padding: 4px 10px; letter-spacing: 0.18em; }
}

/* ───────────────────────────────────────────────────────────────────────
   v17.18.3 — Pull-quote refinement + Trajectory Meter
   ─────────────────────────────────────────────────────────────────────── */

/* ── Pull-quote: tighter max-width + more breathing room ──────────── */
.bssv-at-spot-pullquote {
	max-width: 720px;
	margin: 14px auto 32px !important;
	padding: 26px 28px 26px 30px !important;
	gap: 16px !important;
}
.bssv-at-spot-pullquote-text {
	max-width: 580px;
	font-size: clamp(20px, 2.6vw, 28px) !important;
	line-height: 1.30 !important;
	letter-spacing: -0.008em;
}
.bssv-at-spot-pullquote-mark {
	font-size: 50px !important;
	opacity: 0.62;
}
@media (max-width: 720px) {
	.bssv-at-spot-pullquote { padding: 20px 18px 20px 22px !important; margin: 10px 0 24px !important; gap: 12px !important; }
	.bssv-at-spot-pullquote-text { font-size: 17px !important; }
	.bssv-at-spot-pullquote-mark { font-size: 36px !important; }
}

/* ── Player Trajectory Meter ──────────────────────────────────────── */
.bssv-at-traj {
	margin: 26px 0 4px;
	padding: 22px 24px 22px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.025);
	border: 1px solid rgba(255, 255, 255, 0.06);
}
.bssv-at-traj-eyebrow {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.30em;
	text-transform: uppercase;
	color: var(--bss-text-quiet);
	margin-bottom: 18px;
}
.bssv-at-traj-track {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
	align-items: flex-start;
}
.bssv-at-traj-step {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	padding-right: 8px;
}
.bssv-at-traj-marker {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 12px;
}
.bssv-at-traj-dot {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.12);
	border: 2px solid rgba(255, 255, 255, 0.25);
	flex-shrink: 0;
	transition: transform 220ms ease, background 220ms ease, box-shadow 220ms ease;
	z-index: 1;
}
.bssv-at-traj-line {
	flex: 1;
	height: 2px;
	background: rgba(255, 255, 255, 0.10);
	margin-left: 4px;
}
.bssv-at-traj-step-label {
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--bss-text-quiet);
	white-space: nowrap;
}

.bssv-at-traj-step.is-past .bssv-at-traj-dot {
	background: var(--bss-stat-ast);
	border-color: var(--bss-stat-ast);
}
.bssv-at-traj-step.is-past .bssv-at-traj-line {
	background: linear-gradient(90deg, var(--bss-stat-ast) 0%, rgba(247,198,69,0.65) 100%);
}
.bssv-at-traj-step.is-past .bssv-at-traj-step-label {
	color: var(--bss-text-muted);
}
.bssv-at-traj-step.is-active .bssv-at-traj-dot {
	width: 18px;
	height: 18px;
	background: var(--bss-elite);
	border: 2px solid #fff;
	box-shadow: 0 0 24px var(--bss-elite-glow), 0 0 12px var(--bss-elite-glow);
	transform: scale(1.0);
	animation: bss-traj-pulse 2.4s ease-in-out infinite;
}
.bssv-at-traj-step.is-active .bssv-at-traj-line {
	background: linear-gradient(90deg, var(--bss-elite) 0%, rgba(255,255,255,0.10) 100%);
}
.bssv-at-traj-step.is-active .bssv-at-traj-step-label {
	color: var(--bss-elite);
	text-shadow: 0 0 12px var(--bss-elite-glow);
}
.bssv-at-traj-step.is-upcoming .bssv-at-traj-dot {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.16);
}
.bssv-at-traj-step.is-upcoming .bssv-at-traj-line {
	background: rgba(255, 255, 255, 0.06);
}
.bssv-at-traj-step.is-upcoming .bssv-at-traj-step-label {
	color: var(--bss-text-quiet);
	opacity: 0.7;
}

@keyframes bss-traj-pulse {
	0%   { box-shadow: 0 0 22px rgba(247,198,69,0.35), 0 0 12px rgba(247,198,69,0.45); }
	50%  { box-shadow: 0 0 32px rgba(247,198,69,0.65), 0 0 18px rgba(247,198,69,0.70); }
	100% { box-shadow: 0 0 22px rgba(247,198,69,0.35), 0 0 12px rgba(247,198,69,0.45); }
}
@media (prefers-reduced-motion: reduce) {
	.bssv-at-traj-step.is-active .bssv-at-traj-dot { animation: none !important; }
}

.bssv-at-traj-caption {
	margin-top: 18px;
	font-size: 13px;
	color: var(--bss-text-muted);
	letter-spacing: 0.005em;
	line-height: 1.5;
}
.bssv-at-traj-caption b {
	color: var(--bss-elite);
	font-weight: 900;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-size: 12px;
	margin-right: 4px;
}

/* Mobile: stack trajectory meter cleanly */
@media (max-width: 640px) {
	.bssv-at-traj { padding: 18px 18px; }
	.bssv-at-traj-track { gap: 4px; }
	.bssv-at-traj-step-label { font-size: 9.5px; letter-spacing: 0.12em; }
	.bssv-at-traj-step.is-active .bssv-at-traj-dot { width: 16px; height: 16px; }
	.bssv-at-traj-line { margin-left: 2px; }
}

/* ───────────────────────────────────────────────────────────────────────
   v17.19 — Phase 4: engagement engine
   Momentum Pulse · Movement Feedback · Players Near You
   Spotlight Share · Share modal
   ─────────────────────────────────────────────────────────────────────── */

/* ── Momentum Pulse strip ─────────────────────────────────────────── */
.bssv-at-pulse {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
	padding: 16px 22px;
	margin: 18px 0 0;
	border-radius: 14px;
	background: linear-gradient(135deg, rgba(20, 12, 40, 0.55) 0%, rgba(13, 16, 24, 0.55) 100%);
	border: 1px solid var(--bss-glass-border-2);
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06);
	backdrop-filter: blur(18px) saturate(1.4);
	-webkit-backdrop-filter: blur(18px) saturate(1.4);
}
.bssv-at-pulse-eyebrow {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.30em;
	text-transform: uppercase;
	color: var(--bss-elite);
	white-space: nowrap;
	text-shadow: 0 0 10px rgba(247, 198, 69, 0.45);
}
.bssv-at-pulse-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	flex: 1;
}
.bssv-at-pulse-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 11.5px;
	font-weight: 800;
	letter-spacing: 0.04em;
	padding: 7px 13px;
	border-radius: 999px;
	border: 1px solid var(--bss-glass-border-2);
	background: rgba(255, 255, 255, 0.03);
	color: var(--bss-text);
	transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}
.bssv-at-pulse-chip:hover { transform: translateY(-1px); }
.bssv-at-pulse-icon { font-size: 13px; }

.bssv-at-pulse-tone-up        { color: var(--bss-verified); border-color: rgba(0, 212, 255, 0.45); background: rgba(0, 212, 255, 0.08); box-shadow: 0 0 16px rgba(0, 212, 255, 0.18); }
.bssv-at-pulse-tone-elite     { color: var(--bss-elite);    border-color: rgba(247, 198, 69, 0.55); background: rgba(247, 198, 69, 0.12); box-shadow: 0 0 18px rgba(247, 198, 69, 0.22); }
.bssv-at-pulse-tone-breakout  { color: #FF6B8E;             border-color: rgba(225, 29, 72, 0.50);  background: rgba(225, 29, 72, 0.10); box-shadow: 0 0 16px rgba(225, 29, 72, 0.20); }
.bssv-at-pulse-tone-gold      { color: var(--bss-elite);    border-color: rgba(247, 198, 69, 0.45); background: rgba(247, 198, 69, 0.10); }
.bssv-at-pulse-tone-cyan      { color: var(--bss-verified); border-color: rgba(0, 212, 255, 0.40);  background: rgba(0, 212, 255, 0.06); }
.bssv-at-pulse-tone-amber     { color: var(--bss-stat-def); border-color: rgba(245, 158, 11, 0.45); background: rgba(245, 158, 11, 0.10); }
.bssv-at-pulse-tone-neutral   { color: var(--bss-text-muted); }

@media (max-width: 720px) {
	.bssv-at-pulse { padding: 14px 16px; gap: 12px; }
	.bssv-at-pulse-eyebrow { font-size: 9.5px; letter-spacing: 0.24em; }
	.bssv-at-pulse-chip { font-size: 11px; padding: 6px 11px; }
}

/* ── Movement-feedback chips inside Player Exposure ───────────────── */
.bssv-at-exp-movement {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: -6px 0 18px;
}
.bssv-at-exp-move-chip {
	display: inline-block;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.02em;
	padding: 7px 13px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid var(--bss-glass-border-2);
	color: var(--bss-text);
}
.bssv-at-exp-move-chip b {
	color: var(--bss-elite);
	font-weight: 900;
	font-variant-numeric: tabular-nums;
}
.bssv-at-exp-move-distance {
	border-color: rgba(247, 198, 69, 0.45);
	background: rgba(247, 198, 69, 0.06);
	box-shadow: 0 0 14px rgba(247, 198, 69, 0.14);
}
.bssv-at-exp-move-percentile {
	border-color: rgba(0, 212, 255, 0.45);
	background: rgba(0, 212, 255, 0.06);
	box-shadow: 0 0 14px rgba(0, 212, 255, 0.14);
}
.bssv-at-exp-move-percentile b { color: var(--bss-verified); }

/* ── Players Near You ─────────────────────────────────────────────── */
.bssv-at-near {
	padding: 26px 30px !important;
}
.bssv-at-near-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 14px;
}
.bssv-at-near-head h3 { margin: 0 !important; padding-left: 14px; }
.bssv-at-near-meta {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--bss-text-quiet);
}
.bssv-at-near-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.bssv-at-near-row {
	display: grid;
	grid-template-columns: 60px 1fr auto auto;
	align-items: center;
	gap: 14px;
	padding: 14px 18px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.025);
	border: 1px solid rgba(255, 255, 255, 0.06);
	transition: transform 220ms ease, border-color 220ms ease;
}
.bssv-at-near-row:hover { transform: translateY(-1px); border-color: rgba(255, 255, 255, 0.14); }
.bssv-at-near-row.is-me {
	background: linear-gradient(135deg, rgba(225, 29, 72, 0.12) 0%, rgba(225, 29, 72, 0.04) 100%);
	border-color: rgba(225, 29, 72, 0.45);
	box-shadow: 0 0 24px rgba(225, 29, 72, 0.18);
}
.bssv-at-near-rank {
	font-size: 18px;
	font-weight: 900;
	color: var(--bss-elite);
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.01em;
}
.bssv-at-near-row.is-me .bssv-at-near-rank { color: var(--bss-brand-red); }
.bssv-at-near-name {
	font-size: 14.5px;
	font-weight: 800;
	color: var(--bss-text);
	letter-spacing: 0.005em;
}
.bssv-at-near-row.is-me .bssv-at-near-name { color: #fff; }
.bssv-at-near-val {
	font-size: 13px;
	font-weight: 800;
	color: var(--bss-text-muted);
	font-variant-numeric: tabular-nums;
}
.bssv-at-near-diff {
	font-size: 10.5px;
	font-weight: 900;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	padding: 4px 10px;
	border-radius: 999px;
	white-space: nowrap;
}
.bssv-at-near-diff-me      { color: var(--bss-brand-red); border: 1px solid rgba(225, 29, 72, 0.55); background: rgba(225, 29, 72, 0.10); }
.bssv-at-near-diff-ahead   { color: var(--bss-stat-def);  border: 1px solid rgba(245, 158, 11, 0.45); background: rgba(245, 158, 11, 0.08); }
.bssv-at-near-diff-behind  { color: var(--bss-verified);  border: 1px solid rgba(0, 212, 255, 0.45);  background: rgba(0, 212, 255, 0.08); }
.bssv-at-near-foot {
	margin-top: 14px;
	font-size: 12px;
	color: var(--bss-text-quiet);
	font-style: italic;
	letter-spacing: 0.02em;
	text-align: right;
}

@media (max-width: 720px) {
	.bssv-at-near { padding: 22px 18px !important; }
	.bssv-at-near-row { grid-template-columns: 44px 1fr auto; gap: 10px; padding: 12px 14px; }
	.bssv-at-near-val { display: none; }
	.bssv-at-near-name { font-size: 13.5px; }
	.bssv-at-near-rank { font-size: 16px; }
	.bssv-at-near-diff { font-size: 9.5px; padding: 3px 8px; }
}

/* ── Spotlight Share CTA + modal ──────────────────────────────────── */
.bssv-at-spot-share-row {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	margin-top: 24px;
	padding-top: 22px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.bssv-at-spot-share-hint {
	font-size: 11.5px;
	color: var(--bss-text-quiet);
	letter-spacing: 0.04em;
	font-style: italic;
}

/* Spotlight share modal — uses existing bssv-at-modal chrome */
.bssv-at-spot-share-panel {
	max-width: 420px !important;
	padding: 32px 32px 22px !important;
}
.bssv-at-spot-share-card {
	position: relative;
	overflow: hidden;
	border-radius: 18px;
	padding: 32px 28px 28px;
	background: linear-gradient(160deg, #2a1d04 0%, #1a0628 50%, #050608 100%);
	border: 1.5px solid rgba(247, 198, 69, 0.55);
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.06);
	color: var(--bss-text);
	min-height: 540px;
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.bssv-at-spot-share-glow {
	position: absolute;
	top: -120px; right: -100px;
	width: 360px; height: 360px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(247, 198, 69, 0.55) 0%, transparent 65%);
	filter: blur(60px);
	opacity: 0.7;
	pointer-events: none;
}
.bssv-at-spot-share-eyebrow {
	position: relative; z-index: 1;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.30em;
	text-transform: uppercase;
	color: var(--bss-elite);
	text-shadow: 0 0 10px rgba(247, 198, 69, 0.45);
}
.bssv-at-spot-share-name {
	position: relative; z-index: 1;
	font-family: 'Playfair Display', Georgia, serif;
	font-size: clamp(34px, 6vw, 48px);
	font-weight: 900;
	letter-spacing: -0.035em;
	line-height: 1.0;
	color: #fff;
	background: linear-gradient(180deg, #fff 0%, #fff 60%, #ffe28a 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	filter: drop-shadow(0 4px 22px rgba(0, 0, 0, 0.7)) drop-shadow(0 0 36px rgba(247, 198, 69, 0.40));
}
.bssv-at-spot-share-team {
	position: relative; z-index: 1;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	color: var(--bss-text-muted);
	margin-top: -10px;
}
.bssv-at-spot-share-pull {
	position: relative; z-index: 1;
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 22px;
	font-weight: 800;
	font-style: italic;
	line-height: 1.3;
	color: #fff;
	padding-left: 14px;
	border-left: 3px solid var(--bss-elite);
}
.bssv-at-spot-share-stat-row {
	position: relative; z-index: 1;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0;
	margin-top: auto;
	padding: 16px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.10);
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.bssv-at-spot-share-stat {
	text-align: center;
	border-right: 1px solid rgba(255, 255, 255, 0.06);
}
.bssv-at-spot-share-stat:last-child { border-right: none; }
.bssv-at-spot-share-stat-val {
	font-size: 26px;
	font-weight: 900;
	color: #fff;
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.02em;
}
.bssv-at-spot-share-stat-lbl {
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--bss-text-quiet);
	margin-top: 4px;
}
.bssv-at-spot-share-foot {
	position: relative; z-index: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 4px;
}
.bssv-at-spot-share-brand {
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.10em;
	color: var(--bss-elite);
	text-transform: uppercase;
}
.bssv-at-spot-share-brand-meta {
	font-size: 10px;
	color: var(--bss-text-quiet);
	font-style: italic;
}

@media (max-width: 480px) {
	.bssv-at-spot-share-panel { max-width: 360px !important; }
	.bssv-at-spot-share-card { min-height: 480px; padding: 24px 22px 20px; }
}

/* ───────────────────────────────────────────────────────────────────────
   v17.20 — Phase 5: The Stage Layer
   Global nav · Top Players · Trending · Featured · Compare
   ─────────────────────────────────────────────────────────────────────── */

/* ── Global nav bar ──────────────────────────────────────────────── */
.bssv-at-globalnav {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 14px 0 18px;
	margin-bottom: 8px;
	border-bottom: 1px solid var(--bss-glass-border);
}
.bssv-at-gn-tab {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid var(--bss-glass-border);
	color: var(--bss-text-muted);
	padding: 10px 22px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	cursor: pointer;
	transition: border-color 200ms ease, color 200ms ease, background 200ms ease, transform 200ms ease;
}
.bssv-at-gn-tab:hover { border-color: var(--bss-glass-border-2); color: var(--bss-text); transform: translateY(-1px); }
.bssv-at-gn-tab.is-active {
	background: linear-gradient(135deg, var(--bss-brand-red) 0%, #8B0F2F 100%);
	border-color: var(--bss-brand-red);
	color: #fff;
	box-shadow: 0 6px 18px rgba(225, 29, 72, 0.32);
}
.bssv-at-gn-spacer { flex: 1; }
.bssv-at-gn-brand {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.34em;
	color: var(--bss-elite);
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(247, 198, 69, 0.45);
}
@media (max-width: 720px) {
	.bssv-at-globalnav { flex-wrap: wrap; gap: 6px; padding: 10px 0 14px; }
	.bssv-at-gn-tab { padding: 8px 14px; font-size: 10.5px; letter-spacing: 0.14em; }
	.bssv-at-gn-brand { display: none; }
}

/* ── Stage container ─────────────────────────────────────────────── */
.bssv-at-stage { margin: 18px 0 24px; }
.bssv-at-stage-loading {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 14px;
	padding: 80px 20px;
	color: var(--bss-text-muted);
	font-size: 13px;
	letter-spacing: 0.06em;
}
.bssv-at-stage-spinner {
	width: 32px; height: 32px;
	border: 3px solid var(--bss-glass-border-2);
	border-top-color: var(--bss-brand-red);
	border-radius: 50%;
	animation: bss-stage-spin 0.9s linear infinite;
}
@keyframes bss-stage-spin { to { transform: rotate(360deg); } }

/* Stage header (cinematic) */
.bssv-at-stage-header {
	margin: 22px 0 28px;
	padding: 0 4px;
}
.bssv-at-stage-eyebrow {
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.34em;
	text-transform: uppercase;
	color: var(--bss-elite);
	text-shadow: 0 0 12px rgba(247, 198, 69, 0.50);
	margin-bottom: 10px;
}
.bssv-at-stage-title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: clamp(40px, 6vw, 72px);
	font-weight: 900;
	letter-spacing: -0.035em;
	line-height: 1.0;
	margin: 0 0 12px;
	background: linear-gradient(180deg, #fff 0%, #fff 60%, rgba(255,255,255,0.78) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	filter: drop-shadow(0 4px 22px rgba(0, 0, 0, 0.7)) drop-shadow(0 0 36px rgba(225, 29, 72, 0.30));
}
.bssv-at-stage-sub {
	font-size: 14px;
	color: var(--bss-text-muted);
	letter-spacing: 0.005em;
	max-width: 720px;
}
.bssv-at-stage-sub b { color: var(--bss-text); font-weight: 800; }

.bssv-at-stage-section { margin-bottom: 36px; }
.bssv-at-stage-h2 {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.30em;
	text-transform: uppercase;
	color: var(--bss-text-muted);
	margin: 0 0 18px;
}
.bssv-at-stage-dot {
	width: 8px; height: 8px;
	border-radius: 50%;
	background: var(--bss-brand-red);
	box-shadow: 0 0 12px var(--bss-brand-red-glow);
}
.bssv-at-stage-dot-red  { background: var(--bss-brand-red);  box-shadow: 0 0 12px var(--bss-brand-red-glow); }
.bssv-at-stage-dot-gold { background: var(--bss-elite);      box-shadow: 0 0 12px rgba(247, 198, 69, 0.50); }
.bssv-at-stage-dot-cyan { background: var(--bss-verified);   box-shadow: 0 0 12px rgba(0, 212, 255, 0.50); }

/* Stage filters */
.bssv-at-stage-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	align-items: center;
	margin-bottom: 28px;
	padding: 18px 22px;
	border-radius: 14px;
	background: var(--bss-glass-fill);
	border: 1px solid var(--bss-glass-border);
	backdrop-filter: blur(16px) saturate(1.4);
	-webkit-backdrop-filter: blur(16px) saturate(1.4);
}
.bssv-at-stage-filter {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 180px;
}
.bssv-at-stage-filter span {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.20em;
	color: var(--bss-text-quiet);
	text-transform: uppercase;
}
.bssv-at-stage-filter select {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid var(--bss-glass-border-2);
	color: var(--bss-text);
	padding: 10px 14px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
}
.bssv-at-stage-check {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	font-weight: 700;
	color: var(--bss-text-muted);
	letter-spacing: 0.04em;
	cursor: pointer;
	margin-top: 22px;
}
.bssv-at-stage-check input { width: 16px; height: 16px; cursor: pointer; }

/* ── TOP 10 hero grid ────────────────────────────────────────────── */
.bssv-at-top10-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 14px;
}
@media (max-width: 1280px) { .bssv-at-top10-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 900px)  { .bssv-at-top10-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px)  { .bssv-at-top10-grid { grid-template-columns: repeat(2, 1fr); } }

.bssv-at-top10-card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	padding: 22px 20px 20px;
	border-radius: 14px;
	background: linear-gradient(135deg, rgba(20, 12, 40, 0.55) 0%, rgba(13, 16, 24, 0.55) 100%);
	border: 1px solid var(--bss-glass-border-2);
	cursor: pointer;
	overflow: hidden;
	text-align: left;
	transition: transform 240ms cubic-bezier(0.2, 0.7, 0.2, 1), border-color 240ms ease, box-shadow 240ms ease;
	min-height: 200px;
	color: var(--bss-text);
	font-family: inherit;
}
.bssv-at-top10-glow {
	position: absolute;
	top: -60px; right: -60px;
	width: 200px; height: 200px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(247, 198, 69, 0.30) 0%, transparent 70%);
	filter: blur(40px);
	opacity: 0.6;
	pointer-events: none;
}
.bssv-at-top10-card:hover {
	transform: translateY(-4px);
	border-color: rgba(247, 198, 69, 0.55);
	box-shadow: 0 24px 48px rgba(0, 0, 0, 0.50), 0 0 28px rgba(247, 198, 69, 0.22);
}
.bssv-at-top10-rank {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 38px;
	font-weight: 900;
	letter-spacing: -0.03em;
	color: var(--bss-elite);
	line-height: 1;
	text-shadow: 0 0 24px rgba(247, 198, 69, 0.55);
	margin-bottom: 6px;
}
.bssv-at-top10-top .bssv-at-top10-rank { font-size: 48px; }
.bssv-at-top10-name {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 22px;
	font-weight: 900;
	color: #fff;
	letter-spacing: -0.02em;
	line-height: 1.1;
	text-shadow: 0 2px 14px rgba(0, 0, 0, 0.65);
}
.bssv-at-top10-top .bssv-at-top10-name { font-size: 26px; }
.bssv-at-top10-team {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	color: var(--bss-text-quiet);
	text-transform: uppercase;
}
.bssv-at-top10-stat {
	margin-top: auto;
	font-size: 28px;
	font-weight: 900;
	color: #fff;
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.02em;
	background: linear-gradient(180deg, #fff 0%, #fff 60%, rgba(255,255,255,0.78) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.bssv-at-top10-stat-label {
	font-size: 9.5px;
	font-weight: 900;
	letter-spacing: 0.20em;
	color: var(--bss-text-quiet);
	text-transform: uppercase;
}

/* Featured Athletes */
.bssv-at-featured-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}
@media (max-width: 900px) { .bssv-at-featured-grid { grid-template-columns: 1fr; } }

.bssv-at-featured-card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	padding: 28px 26px 24px;
	border-radius: 18px;
	background: linear-gradient(135deg, #2a1d04 0%, #1a0628 50%, #050608 100%);
	border: 1.5px solid rgba(247, 198, 69, 0.55);
	cursor: pointer;
	overflow: hidden;
	text-align: left;
	transition: transform 240ms ease, box-shadow 240ms ease;
	min-height: 220px;
	color: var(--bss-text);
	font-family: inherit;
	box-shadow: 0 0 28px rgba(247, 198, 69, 0.18);
}
.bssv-at-featured-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.55), 0 0 36px rgba(247, 198, 69, 0.30);
}
.bssv-at-featured-eyebrow {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.30em;
	color: var(--bss-elite);
	text-transform: uppercase;
	text-shadow: 0 0 10px rgba(247, 198, 69, 0.55);
}
.bssv-at-featured-name {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 30px;
	font-weight: 900;
	letter-spacing: -0.02em;
	color: #fff;
	line-height: 1.05;
}
.bssv-at-featured-team {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	color: var(--bss-text-muted);
	text-transform: uppercase;
}
.bssv-at-featured-stat-row {
	display: flex;
	gap: 18px;
	margin-top: auto;
	padding-top: 14px;
	border-top: 1px solid rgba(255, 255, 255, 0.10);
	width: 100%;
}
.bssv-at-featured-stat { display: flex; flex-direction: column; }
.bssv-at-featured-stat b {
	font-size: 22px;
	color: #fff;
	font-weight: 900;
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.01em;
}
.bssv-at-featured-stat i {
	font-size: 9.5px;
	font-style: normal;
	font-weight: 800;
	letter-spacing: 0.18em;
	color: var(--bss-text-quiet);
	text-transform: uppercase;
}
.bssv-at-featured-cta {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.10em;
	color: var(--bss-elite);
	text-transform: uppercase;
}

/* Top 100 list rows */
.bssv-at-stage-list {
	display: flex;
	flex-direction: column;
	gap: 6px;
	max-height: 720px;
	overflow-y: auto;
	padding-right: 6px;
}
.bssv-at-stage-row {
	display: grid;
	grid-template-columns: 60px 1fr 1fr auto;
	gap: 14px;
	align-items: center;
	padding: 14px 18px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.025);
	border: 1px solid var(--bss-glass-border);
	cursor: pointer;
	transition: border-color 200ms ease, background 200ms ease, transform 200ms ease;
	color: var(--bss-text);
	font-family: inherit;
	text-align: left;
}
.bssv-at-stage-row:hover { transform: translateX(2px); border-color: rgba(247, 198, 69, 0.45); background: rgba(247, 198, 69, 0.05); }
.bssv-at-stage-row-rank {
	font-size: 16px; font-weight: 900;
	color: var(--bss-elite); font-variant-numeric: tabular-nums;
}
.bssv-at-stage-row-name { font-size: 14px; font-weight: 800; color: #fff; letter-spacing: 0.005em; }
.bssv-at-stage-row-team { font-size: 11px; color: var(--bss-text-quiet); letter-spacing: 0.10em; }
.bssv-at-stage-row-stat { font-size: 14px; font-weight: 800; color: var(--bss-text); font-variant-numeric: tabular-nums; }

@media (max-width: 720px) {
	.bssv-at-stage-row { grid-template-columns: 44px 1fr auto; gap: 10px; padding: 12px 14px; }
	.bssv-at-stage-row-team { display: none; }
}

/* ── Trending ────────────────────────────────────────────────────── */
.bssv-at-trend-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 14px;
}
.bssv-at-trend-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 24px 22px 20px;
	border-radius: 16px;
	background: linear-gradient(135deg, rgba(20, 12, 40, 0.65) 0%, rgba(13, 16, 24, 0.65) 100%);
	border: 1px solid var(--bss-glass-border-2);
	cursor: pointer;
	overflow: hidden;
	min-height: 220px;
	color: var(--bss-text);
	text-align: left;
	font-family: inherit;
	transition: transform 240ms ease, border-color 240ms ease, box-shadow 240ms ease;
}
.bssv-at-trend-glow {
	position: absolute;
	top: -50px; right: -50px;
	width: 180px; height: 180px;
	border-radius: 50%;
	filter: blur(50px);
	opacity: 0.55;
	pointer-events: none;
}
.bssv-at-trend-tone-red    { border-color: rgba(225, 29, 72, 0.50); }
.bssv-at-trend-tone-red    .bssv-at-trend-glow { background: radial-gradient(circle, rgba(225,29,72,0.55) 0%, transparent 70%); }
.bssv-at-trend-tone-cyan   { border-color: rgba(0, 212, 255, 0.50); }
.bssv-at-trend-tone-cyan   .bssv-at-trend-glow { background: radial-gradient(circle, rgba(0,212,255,0.55) 0%, transparent 70%); }
.bssv-at-trend-tone-amber  { border-color: rgba(245, 158, 11, 0.50); }
.bssv-at-trend-tone-amber  .bssv-at-trend-glow { background: radial-gradient(circle, rgba(245,158,11,0.55) 0%, transparent 70%); }
.bssv-at-trend-tone-gold   { border-color: rgba(247, 198, 69, 0.55); }
.bssv-at-trend-tone-gold   .bssv-at-trend-glow { background: radial-gradient(circle, rgba(247,198,69,0.55) 0%, transparent 70%); }
.bssv-at-trend-tone-violet { border-color: rgba(139, 92, 246, 0.55); }
.bssv-at-trend-tone-violet .bssv-at-trend-glow { background: radial-gradient(circle, rgba(139,92,246,0.55) 0%, transparent 70%); }
.bssv-at-trend-card:hover { transform: translateY(-3px); box-shadow: 0 18px 40px rgba(0,0,0,0.45); }
.bssv-at-trend-signal {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	padding: 6px 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.10);
	color: var(--bss-text);
	width: fit-content;
}
.bssv-at-trend-name {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 28px;
	font-weight: 900;
	color: #fff;
	letter-spacing: -0.02em;
	line-height: 1.05;
}
.bssv-at-trend-team {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.10em;
	color: var(--bss-text-quiet);
	text-transform: uppercase;
}
.bssv-at-trend-stat-row {
	display: flex; gap: 14px;
	margin-top: auto;
	padding-top: 14px;
	border-top: 1px solid rgba(255, 255, 255, 0.10);
	font-size: 13px;
	color: var(--bss-text-muted);
}
.bssv-at-trend-stat-row b { color: #fff; font-weight: 900; font-variant-numeric: tabular-nums; }
.bssv-at-trend-cta {
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.18em;
	color: var(--bss-elite);
	text-transform: uppercase;
	margin-top: 6px;
}

/* ── Compare ─────────────────────────────────────────────────────── */
.bssv-at-cmp-shell {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 16px;
	align-items: stretch;
	margin-bottom: 24px;
}
@media (max-width: 720px) { .bssv-at-cmp-shell { grid-template-columns: 1fr; } }

.bssv-at-cmp-pane {
	position: relative;
	padding: 24px 22px 22px;
	border-radius: 16px;
	background: linear-gradient(180deg, rgba(20, 12, 40, 0.6) 0%, rgba(13, 16, 24, 0.6) 100%);
	border: 1.5px solid var(--bss-glass-border-2);
	min-height: 280px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.bssv-at-cmp-pane-red  { border-color: rgba(225, 29, 72, 0.55); box-shadow: 0 0 30px rgba(225, 29, 72, 0.18); }
.bssv-at-cmp-pane-blue { border-color: rgba(0, 212, 255, 0.55);  box-shadow: 0 0 30px rgba(0, 212, 255, 0.18); }
.bssv-at-cmp-pane-eyebrow {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.30em;
	text-transform: uppercase;
}
.bssv-at-cmp-pane-red  .bssv-at-cmp-pane-eyebrow { color: var(--bss-brand-red); }
.bssv-at-cmp-pane-blue .bssv-at-cmp-pane-eyebrow { color: var(--bss-verified); }

.bssv-at-cmp-picker { position: relative; }
.bssv-at-cmp-input {
	width: 100%;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid var(--bss-glass-border-2);
	color: var(--bss-text);
	padding: 10px 14px;
	border-radius: 8px;
	font-size: 13px;
	font-family: inherit;
}
.bssv-at-cmp-input::placeholder { color: var(--bss-text-quiet); }
.bssv-at-cmp-results {
	position: absolute;
	top: 100%; left: 0; right: 0;
	background: var(--bss-bg-2);
	border: 1px solid var(--bss-glass-border-2);
	border-radius: 8px;
	margin-top: 6px;
	max-height: 260px;
	overflow-y: auto;
	z-index: 10;
	display: flex;
	flex-direction: column;
}
.bssv-at-cmp-result {
	background: transparent;
	border: none;
	border-bottom: 1px solid var(--bss-glass-border);
	color: var(--bss-text);
	padding: 10px 14px;
	font-family: inherit;
	font-size: 13px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	text-align: left;
}
.bssv-at-cmp-result:hover { background: rgba(247, 198, 69, 0.08); }
.bssv-at-cmp-result:last-child { border-bottom: none; }
.bssv-at-cmp-result i { font-style: normal; font-size: 10.5px; color: var(--bss-text-quiet); letter-spacing: 0.10em; }

.bssv-at-cmp-card {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-top: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.bssv-at-cmp-name {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 28px;
	font-weight: 900;
	color: #fff;
	letter-spacing: -0.02em;
	line-height: 1.1;
}
.bssv-at-cmp-team { font-size: 11px; font-weight: 700; letter-spacing: 0.12em; color: var(--bss-text-quiet); text-transform: uppercase; }
.bssv-at-cmp-arch { font-size: 12px; font-weight: 900; letter-spacing: 0.16em; color: var(--bss-elite); text-transform: uppercase; }
.bssv-at-cmp-stage { font-size: 11px; color: var(--bss-text-muted); letter-spacing: 0.12em; text-transform: uppercase; }

.bssv-at-cmp-vs {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 28px;
	font-weight: 900;
	letter-spacing: 0.06em;
	color: var(--bss-elite);
	text-shadow: 0 0 18px rgba(247, 198, 69, 0.55);
}
@media (max-width: 720px) { .bssv-at-cmp-vs { padding: 12px 0; } }

/* Compare grid (side-by-side career table) */
.bssv-at-cmp-grid-inner {
	padding: 22px 22px;
	border-radius: 14px;
	background: var(--bss-glass-fill);
	border: 1px solid var(--bss-glass-border);
}
.bssv-at-cmp-grid-eyebrow {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.26em;
	color: var(--bss-text-quiet);
	text-transform: uppercase;
	margin-bottom: 16px;
}
.bssv-at-cmp-row {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 18px;
	align-items: center;
	padding: 12px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.bssv-at-cmp-row:last-child { border-bottom: none; }
.bssv-at-cmp-side {
	font-size: 22px;
	font-weight: 900;
	color: var(--bss-text-muted);
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.02em;
	text-align: center;
	padding: 8px 14px;
	border-radius: 8px;
}
.bssv-at-cmp-side-a { color: var(--bss-text); }
.bssv-at-cmp-side-b { color: var(--bss-text); }
.bssv-at-cmp-side-a.is-winner {
	color: var(--bss-brand-red);
	background: rgba(225, 29, 72, 0.12);
	box-shadow: 0 0 18px rgba(225, 29, 72, 0.22);
}
.bssv-at-cmp-side-b.is-winner {
	color: var(--bss-verified);
	background: rgba(0, 212, 255, 0.12);
	box-shadow: 0 0 18px rgba(0, 212, 255, 0.22);
}
.bssv-at-cmp-label {
	font-size: 10.5px;
	font-weight: 900;
	letter-spacing: 0.20em;
	color: var(--bss-text-quiet);
	text-transform: uppercase;
	min-width: 100px;
	text-align: center;
}
@media (max-width: 720px) {
	.bssv-at-cmp-row { grid-template-columns: 1fr 80px 1fr; gap: 10px; }
	.bssv-at-cmp-side { font-size: 18px; padding: 6px 10px; }
}

/* ───────────────────────────────────────────────────────────────────────
   v17.21 — Stage Layer polish
   Podium · Trending alive · Compare summary · Share CTAs · Stage language
   ─────────────────────────────────────────────────────────────────────── */

/* ── Podium (Top 3 legendary) ─────────────────────────────────────── */
.bssv-at-podium-grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr;
	gap: 18px;
	align-items: stretch;
}
@media (max-width: 980px) { .bssv-at-podium-grid { grid-template-columns: 1fr; } }

.bssv-at-podium-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 32px 28px 26px;
	border-radius: 22px;
	background: linear-gradient(160deg, #2a1d04 0%, #1a0628 50%, #050608 100%);
	border: 1.5px solid rgba(247, 198, 69, 0.55);
	cursor: pointer;
	overflow: hidden;
	min-height: 320px;
	color: var(--bss-text);
	font-family: inherit;
	text-align: left;
	transition: transform 240ms cubic-bezier(0.2, 0.7, 0.2, 1), border-color 240ms ease, box-shadow 240ms ease;
	box-shadow: 0 24px 48px rgba(0, 0, 0, 0.55), 0 0 36px rgba(247, 198, 69, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.bssv-at-podium-1 {
	border-color: rgba(247, 198, 69, 0.85);
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.60), 0 0 56px rgba(247, 198, 69, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.12);
	min-height: 360px;
}
.bssv-at-podium-2 { border-color: rgba(213, 213, 220, 0.55); box-shadow: 0 24px 48px rgba(0, 0, 0, 0.55), 0 0 28px rgba(213, 213, 220, 0.22); }
.bssv-at-podium-3 { border-color: rgba(205, 127, 50, 0.55);  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.55), 0 0 28px rgba(205, 127, 50, 0.22); }

.bssv-at-podium-glow {
	position: absolute;
	top: -120px; right: -100px;
	width: 360px; height: 360px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(247, 198, 69, 0.55) 0%, transparent 65%);
	filter: blur(70px);
	opacity: 0.75;
	pointer-events: none;
	animation: bss-halo-drift-a 22s linear infinite;
}
.bssv-at-podium-glow-2 {
	position: absolute;
	bottom: -160px; left: -120px;
	width: 380px; height: 380px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(225, 29, 72, 0.40) 0%, transparent 70%);
	filter: blur(80px);
	opacity: 0.55;
	pointer-events: none;
	animation: bss-halo-drift-b 26s linear infinite;
}
.bssv-at-podium-2 .bssv-at-podium-glow { background: radial-gradient(circle, rgba(213, 213, 220, 0.45) 0%, transparent 65%); }
.bssv-at-podium-3 .bssv-at-podium-glow { background: radial-gradient(circle, rgba(205, 127, 50, 0.45) 0%, transparent 65%); }

.bssv-at-podium-card:hover {
	transform: translateY(-6px) scale(1.01);
	box-shadow: 0 36px 72px rgba(0, 0, 0, 0.65), 0 0 64px rgba(247, 198, 69, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.14);
}
@media (prefers-reduced-motion: reduce) {
	.bssv-at-podium-glow, .bssv-at-podium-glow-2 { animation: none !important; }
	.bssv-at-podium-card { transition: none !important; }
	.bssv-at-podium-card:hover { transform: none !important; }
}

.bssv-at-podium-medal {
	font-size: 56px;
	line-height: 1;
	filter: drop-shadow(0 0 20px rgba(247, 198, 69, 0.55));
	margin-bottom: 4px;
}
.bssv-at-podium-1 .bssv-at-podium-medal { font-size: 72px; }

.bssv-at-podium-rank-line {
	display: flex;
	align-items: baseline;
	gap: 12px;
}
.bssv-at-podium-rank {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 44px;
	font-weight: 900;
	color: var(--bss-elite);
	letter-spacing: -0.04em;
	line-height: 1;
	text-shadow: 0 0 24px rgba(247, 198, 69, 0.55);
}
.bssv-at-podium-1 .bssv-at-podium-rank { font-size: 56px; }
.bssv-at-podium-tag {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.30em;
	text-transform: uppercase;
	color: var(--bss-elite);
	padding: 4px 10px;
	border-radius: 999px;
	border: 1px solid rgba(247, 198, 69, 0.55);
	background: rgba(247, 198, 69, 0.10);
}

.bssv-at-podium-name {
	position: relative; z-index: 1;
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 32px;
	font-weight: 900;
	letter-spacing: -0.02em;
	line-height: 1.05;
	color: #fff;
	background: linear-gradient(180deg, #fff 0%, #fff 60%, #ffe28a 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	filter: drop-shadow(0 4px 22px rgba(0, 0, 0, 0.7));
}
.bssv-at-podium-1 .bssv-at-podium-name { font-size: 38px; }
.bssv-at-podium-team {
	position: relative; z-index: 1;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--bss-text-muted);
}
.bssv-at-podium-stat-block {
	position: relative; z-index: 1;
	display: flex;
	align-items: baseline;
	gap: 10px;
	margin-top: auto;
	padding-top: 14px;
	border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.bssv-at-podium-stat {
	font-size: 36px;
	font-weight: 900;
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.02em;
	background: linear-gradient(180deg, #fff 0%, #fff 60%, rgba(255,255,255,0.78) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.bssv-at-podium-1 .bssv-at-podium-stat { font-size: 42px; }
.bssv-at-podium-stat-label {
	font-size: 9.5px;
	font-weight: 900;
	letter-spacing: 0.26em;
	color: var(--bss-text-quiet);
	text-transform: uppercase;
}
.bssv-at-podium-cap {
	position: relative; z-index: 1;
	font-size: 12.5px;
	color: var(--bss-text-muted);
	font-style: italic;
	letter-spacing: 0.02em;
}
.bssv-at-podium-share-row {
	position: relative; z-index: 1;
	margin-top: 10px;
}
.bssv-at-podium-share-cta {
	display: inline-block;
	font-size: 10.5px;
	font-weight: 900;
	letter-spacing: 0.20em;
	text-transform: uppercase;
	color: var(--bss-elite);
	padding: 6px 12px;
	border-radius: 6px;
	border: 1px solid rgba(247, 198, 69, 0.55);
	background: rgba(247, 198, 69, 0.06);
	cursor: pointer;
	transition: all 200ms ease;
}
.bssv-at-podium-share-cta:hover {
	background: rgba(247, 198, 69, 0.15);
	box-shadow: 0 0 18px rgba(247, 198, 69, 0.30);
}
.bssv-at-podium-share-cta.bssv-at-cta-flash {
	background: rgba(247, 198, 69, 0.30);
	color: #fff;
}

/* ── Trending — alive signals ─────────────────────────────────────── */
.bssv-at-trend-pulse-dot {
	position: absolute;
	top: 18px; right: 18px;
	width: 8px; height: 8px;
	border-radius: 50%;
	background: var(--bss-brand-red);
	box-shadow: 0 0 14px var(--bss-brand-red-glow);
	animation: bss-pulse-dot 1.6s ease-in-out infinite;
}
@keyframes bss-pulse-dot {
	0%   { transform: scale(1);   opacity: 1; }
	50%  { transform: scale(1.5); opacity: 0.55; }
	100% { transform: scale(1);   opacity: 1; }
}
.bssv-at-trend-tone-cyan   .bssv-at-trend-pulse-dot { background: var(--bss-verified); box-shadow: 0 0 14px rgba(0, 212, 255, 0.55); }
.bssv-at-trend-tone-amber  .bssv-at-trend-pulse-dot { background: var(--bss-stat-def); box-shadow: 0 0 14px rgba(245, 158, 11, 0.55); }
.bssv-at-trend-tone-gold   .bssv-at-trend-pulse-dot { background: var(--bss-elite);    box-shadow: 0 0 14px rgba(247, 198, 69, 0.55); }
.bssv-at-trend-tone-violet .bssv-at-trend-pulse-dot { background: var(--bss-stat-ast); box-shadow: 0 0 14px rgba(139, 92, 246, 0.55); }
@media (prefers-reduced-motion: reduce) {
	.bssv-at-trend-pulse-dot { animation: none !important; }
}

.bssv-at-trend-why {
	font-size: 12.5px;
	color: var(--bss-text-muted);
	line-height: 1.45;
	letter-spacing: 0.005em;
	font-style: italic;
}

/* ── Compare summary block + share row ────────────────────────────── */
.bssv-at-cmp-summary {
	margin-top: 18px;
	padding: 18px 20px;
	border-radius: 12px;
	background: linear-gradient(135deg, rgba(247, 198, 69, 0.08) 0%, rgba(225, 29, 72, 0.04) 100%);
	border: 1px solid rgba(247, 198, 69, 0.30);
}
.bssv-at-cmp-summary-eyebrow {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.30em;
	color: var(--bss-elite);
	text-transform: uppercase;
	margin-bottom: 10px;
	text-shadow: 0 0 10px rgba(247, 198, 69, 0.35);
}
.bssv-at-cmp-summary-line {
	font-size: 14px;
	line-height: 1.55;
	color: var(--bss-text);
	letter-spacing: 0.005em;
	margin: 4px 0;
}
.bssv-at-cmp-summary-line b {
	color: #fff;
	font-weight: 900;
	font-variant-numeric: tabular-nums;
}

.bssv-at-cmp-share-row {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.bssv-at-cmp-share-hint {
	font-size: 11.5px;
	font-style: italic;
	color: var(--bss-text-quiet);
	letter-spacing: 0.04em;
}
@media (max-width: 720px) {
	.bssv-at-cmp-share-row { flex-direction: column; align-items: flex-start; gap: 8px; }
}

/* ───────────────────────────────────────────────────────────────────────
   v17.21.1 — Player Exposure tier empty-state + volume signals
   ─────────────────────────────────────────────────────────────────────── */

/* Replace the bw-empty fallback with tier-aware positive copy treatment */
.bssv-at-exp-empty {
	padding: 22px 24px;
	border: 1px dashed rgba(247, 198, 69, 0.35);
	border-radius: 12px;
	background: rgba(247, 198, 69, 0.04);
	color: var(--bss-text);
	font-size: 14px;
	line-height: 1.55;
	letter-spacing: 0.005em;
	text-align: left;
	font-style: italic;
	box-shadow: 0 0 18px rgba(247, 198, 69, 0.10);
	grid-column: 1 / -1;
}
.bssv-at-exp-tier-emerging .bssv-at-exp-empty,
.bssv-at-exp-tier-rising   .bssv-at-exp-empty {
	border-color: rgba(139, 92, 246, 0.35);
	background: rgba(139, 92, 246, 0.04);
	box-shadow: 0 0 18px rgba(139, 92, 246, 0.10);
}
.bssv-at-exp-tier-high .bssv-at-exp-empty {
	border-color: rgba(0, 212, 255, 0.40);
	background: rgba(0, 212, 255, 0.05);
	box-shadow: 0 0 18px rgba(0, 212, 255, 0.14);
}
.bssv-at-exp-tier-elite .bssv-at-exp-empty {
	border-color: rgba(247, 198, 69, 0.50);
	background: rgba(247, 198, 69, 0.06);
	box-shadow: 0 0 22px rgba(247, 198, 69, 0.18);
}

/* Volume-signal chips (real production for players without leaderboard rank) */
.bssv-at-exp-volume {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 16px;
}
.bssv-at-exp-vol-chip {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
	padding: 7px 13px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid var(--bss-glass-border-2);
	color: var(--bss-text-muted);
}
.bssv-at-exp-vol-chip b {
	color: #fff;
	font-weight: 900;
	font-variant-numeric: tabular-nums;
	margin-right: 4px;
}
@media (max-width: 720px) {
	.bssv-at-exp-empty { padding: 18px 18px; font-size: 13px; }
	.bssv-at-exp-vol-chip { font-size: 11.5px; padding: 6px 11px; }
}

/* ───────────────────────────────────────────────────────────────────────
   v17.21.2 — Player Exposure: Production Strength panel + visibility-score feel
   ─────────────────────────────────────────────────────────────────────── */

.bssv-at-exp-strength {
	margin-top: 18px;
	padding: 22px 24px;
	border-radius: 14px;
	background: linear-gradient(135deg, rgba(247, 198, 69, 0.10) 0%, rgba(225, 29, 72, 0.04) 100%);
	border: 1px solid rgba(247, 198, 69, 0.40);
	box-shadow: 0 0 24px rgba(247, 198, 69, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.bssv-at-exp-tier-emerging .bssv-at-exp-strength {
	background: linear-gradient(135deg, rgba(139, 92, 246, 0.10) 0%, rgba(99, 72, 201, 0.04) 100%);
	border-color: rgba(139, 92, 246, 0.40);
	box-shadow: 0 0 22px rgba(139, 92, 246, 0.14);
}
.bssv-at-exp-tier-rising .bssv-at-exp-strength {
	background: linear-gradient(135deg, rgba(0, 212, 255, 0.08) 0%, rgba(99, 72, 201, 0.04) 100%);
	border-color: rgba(0, 212, 255, 0.40);
	box-shadow: 0 0 22px rgba(0, 212, 255, 0.14);
}
.bssv-at-exp-tier-high .bssv-at-exp-strength {
	background: linear-gradient(135deg, rgba(0, 212, 255, 0.12) 0%, rgba(0, 212, 255, 0.04) 100%);
	border-color: rgba(0, 212, 255, 0.50);
	box-shadow: 0 0 26px rgba(0, 212, 255, 0.20);
}
.bssv-at-exp-tier-elite .bssv-at-exp-strength {
	background: linear-gradient(135deg, rgba(247, 198, 69, 0.16) 0%, rgba(247, 198, 69, 0.04) 100%);
	border-color: rgba(247, 198, 69, 0.55);
	box-shadow: 0 0 30px rgba(247, 198, 69, 0.22);
}

.bssv-at-exp-strength-eyebrow {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.30em;
	color: var(--bss-elite);
	text-transform: uppercase;
	margin-bottom: 10px;
	text-shadow: 0 0 10px rgba(247, 198, 69, 0.40);
}
.bssv-at-exp-tier-emerging .bssv-at-exp-strength-eyebrow,
.bssv-at-exp-tier-rising   .bssv-at-exp-strength-eyebrow { color: var(--bss-stat-ast); text-shadow: 0 0 10px rgba(139, 92, 246, 0.40); }
.bssv-at-exp-tier-high     .bssv-at-exp-strength-eyebrow { color: var(--bss-verified); text-shadow: 0 0 10px rgba(0, 212, 255, 0.40); }
.bssv-at-exp-tier-elite    .bssv-at-exp-strength-eyebrow { color: var(--bss-elite); }

.bssv-at-exp-strength-line {
	font-size: 15.5px;
	color: #fff;
	line-height: 1.55;
	letter-spacing: 0.005em;
	font-weight: 600;
}

.bssv-at-exp-vol-chip-award {
	color: var(--bss-elite);
	border-color: rgba(247, 198, 69, 0.50);
	background: rgba(247, 198, 69, 0.10);
}
.bssv-at-exp-vol-chip-award b { color: var(--bss-elite); }

@media (max-width: 720px) {
	.bssv-at-exp-strength { padding: 18px 18px; }
	.bssv-at-exp-strength-line { font-size: 14px; }
}

/* v17.21.3 — trend-chip meta: human copy, bold numerals */
.bssv-at-exp-trend-meta b {
	color: #fff;
	font-weight: 900;
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.005em;
}

/* ───────────────────────────────────────────────────────────────────────
   v17.21.4 — Exposure narrative polish
   ─────────────────────────────────────────────────────────────────────── */
.bssv-at-exp-identity {
	font-size: 13px;
	font-weight: 700;
	color: var(--bss-text-muted);
	letter-spacing: 0.04em;
	line-height: 1.45;
	margin: -4px 0 16px;
	font-style: italic;
}
.bssv-at-exp-tier-elite .bssv-at-exp-identity { color: var(--bss-elite); }
.bssv-at-exp-tier-high  .bssv-at-exp-identity { color: var(--bss-verified); }
.bssv-at-exp-tier-rising .bssv-at-exp-identity { color: var(--bss-stat-ast); }

.bssv-at-exp-trend-wrap {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 18px;
}
.bssv-at-exp-trend-wrap > .bssv-at-exp-trend { margin-bottom: 0; }
.bssv-at-exp-trend-reassure {
	font-size: 12px;
	color: var(--bss-text-muted);
	letter-spacing: 0.02em;
	font-style: italic;
	padding-left: 4px;
}
@media (max-width: 720px) {
	.bssv-at-exp-identity { font-size: 12px; margin: -2px 0 12px; }
	.bssv-at-exp-trend-reassure { font-size: 11px; }
}

/* ───────────────────────────────────────────────────────────────────────
   v17.22 — Share Engine Phase 1
   Share modal · Share Rank button
   ─────────────────────────────────────────────────────────────────────── */

.bssv-at-share-modal {
	position: fixed;
	inset: 0;
	z-index: 99998;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 28px 20px;
	box-sizing: border-box;
}
.bssv-at-share-backdrop {
	position: absolute; inset: 0;
	background: radial-gradient(ellipse at center, rgba(20, 12, 40, 0.85) 0%, rgba(5, 6, 10, 0.94) 70%);
	backdrop-filter: blur(10px) saturate(1.1);
	-webkit-backdrop-filter: blur(10px) saturate(1.1);
}
.bssv-at-share-panel {
	position: relative;
	background: linear-gradient(180deg, #0d1018 0%, #050608 100%);
	border: 1px solid var(--bss-glass-border-2);
	border-radius: 22px;
	padding: 28px 30px 24px;
	width: 100%;
	max-width: 540px;
	max-height: 92vh;
	overflow-y: auto;
	box-shadow:
		0 36px 90px rgba(0, 0, 0, 0.7),
		0 0 0 1px rgba(255, 255, 255, 0.04) inset,
		0 0 60px rgba(247, 198, 69, 0.12);
}
.bssv-at-share-close {
	position: absolute;
	top: 14px; right: 14px;
	width: 32px; height: 32px;
	background: var(--bss-bg-3);
	border: 1px solid var(--bss-glass-border);
	border-radius: 50%;
	color: var(--bss-text-muted);
	font-size: 20px; font-weight: 700; line-height: 1; cursor: pointer;
	display: flex; align-items: center; justify-content: center;
	transition: color .15s ease, border-color .15s ease, background .15s ease;
	z-index: 5;
}
.bssv-at-share-close:hover { color: var(--bss-text); border-color: var(--bss-text-muted); background: rgba(255,255,255,0.06); }

.bssv-at-share-eyebrow {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.30em;
	text-transform: uppercase;
	color: var(--bss-elite);
	margin-bottom: 18px;
	text-shadow: 0 0 10px rgba(247, 198, 69, 0.45);
	text-align: center;
}
.bssv-at-share-preview {
	background: rgba(0,0,0,0.3);
	border-radius: 14px;
	border: 1px solid var(--bss-glass-border);
	overflow: hidden;
	min-height: 360px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px;
}
.bssv-at-share-preview canvas {
	max-width: 100%;
	height: auto;
	display: block;
	border-radius: 10px;
}
.bssv-at-share-loading {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 60px 20px;
	color: var(--bss-text-muted);
	font-size: 13px;
	letter-spacing: 0.06em;
}
.bssv-at-share-error {
	padding: 30px 20px;
	color: var(--bss-text-muted);
	font-size: 13px;
	font-style: italic;
	text-align: center;
}
.bssv-at-share-actions {
	display: flex;
	gap: 10px;
	justify-content: center;
	margin-top: 18px;
	flex-wrap: wrap;
}
.bssv-at-share-actions .bssv-at-cta { padding: 11px 22px; font-size: 13px; }
.bssv-at-share-actions .bssv-at-cta:disabled {
	opacity: 0.5;
	cursor: wait;
}
.bssv-at-share-note {
	margin-top: 10px;
	text-align: center;
	font-size: 11px;
	color: var(--bss-text-quiet);
	font-style: italic;
	letter-spacing: 0.04em;
}

/* Share Rank button on Player Exposure rank cards */
.bssv-at-exp-share-rank {
	display: inline-block;
	margin-top: 14px;
	padding: 7px 12px;
	font-size: 10.5px;
	font-weight: 900;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--bss-elite);
	background: rgba(247, 198, 69, 0.08);
	border: 1px solid rgba(247, 198, 69, 0.45);
	border-radius: 6px;
	cursor: pointer;
	font-family: inherit;
	transition: all 200ms ease;
}
.bssv-at-exp-share-rank:hover {
	background: rgba(247, 198, 69, 0.18);
	box-shadow: 0 0 14px rgba(247, 198, 69, 0.30);
}

@media (max-width: 720px) {
	.bssv-at-share-panel { padding: 22px 18px 18px; border-radius: 16px; }
	.bssv-at-share-actions .bssv-at-cta { padding: 10px 16px; font-size: 12px; }
}

/* ───────────────────────────────────────────────────────────────────────
   v17.22.2 — Unified share modal: tab switcher + rank category sub-picker
   ─────────────────────────────────────────────────────────────────────── */

.bssv-at-share-tabs {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 14px;
	padding: 4px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid var(--bss-glass-border);
}
.bssv-at-share-tab {
	background: transparent;
	border: none;
	color: var(--bss-text-muted);
	padding: 8px 16px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	cursor: pointer;
	transition: color 200ms ease, background 200ms ease;
	font-family: inherit;
}
.bssv-at-share-tab:hover { color: var(--bss-text); }
.bssv-at-share-tab.is-active {
	background: linear-gradient(135deg, var(--bss-brand-red) 0%, #8B0F2F 100%);
	color: #fff;
	box-shadow: 0 4px 14px rgba(225, 29, 72, 0.32);
}
.bssv-at-share-tab.is-disabled,
.bssv-at-share-tab[disabled] {
	opacity: 0.35;
	cursor: not-allowed;
	pointer-events: none;
}

.bssv-at-share-subpicker {
	display: flex;
	gap: 6px;
	justify-content: center;
	margin: 0 0 14px;
}
.bssv-at-share-subpicker[hidden] { display: none; }
.bssv-at-share-cat {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid var(--bss-glass-border-2);
	color: var(--bss-text-muted);
	padding: 7px 14px;
	border-radius: 8px;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	cursor: pointer;
	font-family: inherit;
	transition: border-color 200ms ease, color 200ms ease, background 200ms ease;
}
.bssv-at-share-cat:hover { border-color: rgba(247, 198, 69, 0.55); color: var(--bss-text); }
.bssv-at-share-cat.is-active {
	background: rgba(247, 198, 69, 0.16);
	border-color: rgba(247, 198, 69, 0.65);
	color: var(--bss-elite);
	box-shadow: 0 0 14px rgba(247, 198, 69, 0.30);
}
.bssv-at-share-cat[disabled] { opacity: 0.35; cursor: not-allowed; pointer-events: none; }

@media (max-width: 720px) {
	.bssv-at-share-tabs { gap: 4px; padding: 3px; }
	.bssv-at-share-tab { padding: 7px 12px; font-size: 10px; letter-spacing: 0.14em; }
	.bssv-at-share-cat { padding: 6px 11px; font-size: 9.5px; letter-spacing: 0.14em; }
}

/* ───────────────────────────────────────────────────────────────────────
   v17.23 — Growth Loop Layer
   Weekly Featured Athletes · Top Shared Players · Share-status hint
   ─────────────────────────────────────────────────────────────────────── */

/* === Weekly Featured Athletes === */
.bssv-at-feat-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
	gap: 18px;
}
.bssv-at-feat-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 28px 26px 24px;
	border-radius: 18px;
	background: linear-gradient(135deg, #2a1d04 0%, #1a0628 50%, #050608 100%);
	border: 1.5px solid rgba(247, 198, 69, 0.55);
	cursor: pointer;
	overflow: hidden;
	min-height: 380px;
	color: var(--bss-text);
	transition: transform 240ms ease, box-shadow 240ms ease, border-color 240ms ease;
	box-shadow: 0 0 30px rgba(247, 198, 69, 0.20);
}
.bssv-at-feat-card:hover {
	transform: translateY(-4px);
	border-color: rgba(247, 198, 69, 0.85);
	box-shadow: 0 22px 48px rgba(0, 0, 0, 0.55), 0 0 44px rgba(247, 198, 69, 0.40);
}
.bssv-at-feat-glow {
	position: absolute;
	top: -90px; right: -90px;
	width: 280px; height: 280px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(247, 198, 69, 0.55) 0%, transparent 65%);
	filter: blur(50px);
	opacity: 0.7;
	pointer-events: none;
}
.bssv-at-feat-eyebrow {
	position: relative; z-index: 1;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.32em;
	color: var(--bss-elite);
	text-transform: uppercase;
	text-shadow: 0 0 10px rgba(247, 198, 69, 0.55);
}
.bssv-at-feat-name {
	position: relative; z-index: 1;
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 32px;
	font-weight: 900;
	letter-spacing: -0.02em;
	line-height: 1.05;
	color: #fff;
}
.bssv-at-feat-team {
	position: relative; z-index: 1;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.14em;
	color: var(--bss-text-muted);
	text-transform: uppercase;
}
.bssv-at-feat-arch {
	position: relative; z-index: 1;
	display: inline-block;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.18em;
	color: var(--bss-elite);
	padding: 5px 12px;
	border-radius: 999px;
	background: rgba(247, 198, 69, 0.10);
	border: 1px solid rgba(247, 198, 69, 0.45);
	text-transform: uppercase;
	width: fit-content;
}
.bssv-at-feat-identity {
	position: relative; z-index: 1;
	font-size: 13.5px;
	color: var(--bss-text);
	line-height: 1.45;
	font-style: italic;
	letter-spacing: 0.005em;
}
.bssv-at-feat-quote {
	position: relative; z-index: 1;
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 15px;
	font-weight: 700;
	font-style: italic;
	color: #fff;
	line-height: 1.35;
	padding-left: 12px;
	border-left: 3px solid var(--bss-elite);
	margin-top: 4px;
}
.bssv-at-feat-stat {
	position: relative; z-index: 1;
	margin-top: auto;
	font-size: 14px;
	font-weight: 800;
	color: var(--bss-text-muted);
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.04em;
	padding-top: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.bssv-at-feat-actions {
	position: relative; z-index: 1;
	display: flex;
	gap: 8px;
	margin-top: 12px;
}
.bssv-at-feat-btn {
	flex: 1;
	padding: 9px 14px;
	border-radius: 8px;
	border: 1px solid;
	background: transparent;
	color: var(--bss-text);
	font-family: inherit;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 200ms ease, color 200ms ease, transform 200ms ease;
}
.bssv-at-feat-view {
	border-color: var(--bss-glass-border-2);
	color: var(--bss-text);
}
.bssv-at-feat-view:hover { background: rgba(255, 255, 255, 0.06); }
.bssv-at-feat-share {
	border-color: rgba(247, 198, 69, 0.65);
	color: var(--bss-elite);
	background: rgba(247, 198, 69, 0.10);
}
.bssv-at-feat-share:hover {
	background: rgba(247, 198, 69, 0.22);
	box-shadow: 0 0 16px rgba(247, 198, 69, 0.35);
}
.bssv-at-feat-boost {
	position: relative; z-index: 1;
	font-size: 10.5px;
	font-style: italic;
	color: var(--bss-text-quiet);
	letter-spacing: 0.04em;
	margin-top: 6px;
	text-align: center;
}

@media (max-width: 720px) {
	.bssv-at-feat-card { padding: 24px 22px; min-height: 360px; }
	.bssv-at-feat-name { font-size: 26px; }
	.bssv-at-feat-actions { flex-direction: column; }
}

/* === Top Shared Players === */
.bssv-at-shared-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.bssv-at-shared-row {
	display: grid;
	grid-template-columns: 80px 1fr auto auto auto;
	gap: 16px;
	align-items: center;
	padding: 16px 22px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid var(--bss-glass-border);
	cursor: pointer;
	transition: transform 200ms ease, border-color 200ms ease, background 200ms ease;
}
.bssv-at-shared-row:hover { transform: translateX(2px); border-color: rgba(247, 198, 69, 0.45); background: rgba(247, 198, 69, 0.06); }
.bssv-at-shared-row.is-podium {
	border-color: rgba(247, 198, 69, 0.55);
	background: linear-gradient(135deg, rgba(247, 198, 69, 0.08) 0%, rgba(247, 198, 69, 0.02) 100%);
}
.bssv-at-shared-row.is-champion {
	border-color: rgba(247, 198, 69, 0.85);
	background: linear-gradient(135deg, rgba(247, 198, 69, 0.18) 0%, rgba(247, 198, 69, 0.04) 100%);
	box-shadow: 0 0 30px rgba(247, 198, 69, 0.25);
}
.bssv-at-shared-rank {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 18px;
	font-weight: 900;
	color: var(--bss-elite);
	font-variant-numeric: tabular-nums;
}
.bssv-at-shared-medal { font-size: 24px; line-height: 1; }
.bssv-at-shared-row.is-champion .bssv-at-shared-rank { font-size: 22px; }
.bssv-at-shared-meta { display: flex; flex-direction: column; gap: 2px; }
.bssv-at-shared-name {
	font-size: 16px;
	font-weight: 800;
	color: #fff;
	letter-spacing: 0.005em;
}
.bssv-at-shared-team {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.10em;
	color: var(--bss-text-quiet);
	text-transform: uppercase;
}
.bssv-at-shared-counts {
	text-align: center;
	min-width: 110px;
}
.bssv-at-shared-count-num {
	font-size: 28px;
	font-weight: 900;
	color: #fff;
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.02em;
	line-height: 1;
}
.bssv-at-shared-count-lbl {
	font-size: 9px;
	font-weight: 900;
	letter-spacing: 0.20em;
	color: var(--bss-text-quiet);
	text-transform: uppercase;
	margin-top: 4px;
}
.bssv-at-shared-asset {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.18em;
	color: var(--bss-verified);
	text-transform: uppercase;
	padding: 6px 11px;
	border-radius: 999px;
	background: rgba(0, 212, 255, 0.10);
	border: 1px solid rgba(0, 212, 255, 0.45);
}
.bssv-at-shared-cta {
	background: rgba(225, 29, 72, 0.10);
	border: 1px solid rgba(225, 29, 72, 0.55);
	color: #FF6B8E;
	padding: 9px 14px;
	border-radius: 8px;
	font-family: inherit;
	font-size: 10.5px;
	font-weight: 900;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 200ms ease;
}
.bssv-at-shared-cta:hover { background: rgba(225, 29, 72, 0.22); }

.bssv-at-shared-foot {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 14px;
	margin-top: 22px;
	padding: 16px 22px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.02);
	border: 1px dashed var(--bss-glass-border-2);
}
.bssv-at-shared-foot-line {
	font-size: 13px;
	color: var(--bss-text);
	font-style: italic;
	letter-spacing: 0.005em;
}
.bssv-at-shared-note {
	font-size: 10px;
	color: var(--bss-text-quiet);
	letter-spacing: 0.04em;
	font-style: italic;
}

/* Empty state */
.bssv-at-shared-empty {
	padding: 50px 30px;
	border-radius: 18px;
	background: linear-gradient(135deg, rgba(247, 198, 69, 0.08) 0%, rgba(225, 29, 72, 0.04) 100%);
	border: 1px dashed rgba(247, 198, 69, 0.45);
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}
.bssv-at-shared-empty-eyebrow {
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.32em;
	color: var(--bss-elite);
	text-transform: uppercase;
	text-shadow: 0 0 10px rgba(247, 198, 69, 0.45);
}
.bssv-at-shared-empty-line {
	font-size: 16px;
	color: var(--bss-text);
	max-width: 540px;
	font-style: italic;
	letter-spacing: 0.005em;
	line-height: 1.5;
}

@media (max-width: 720px) {
	.bssv-at-shared-row { grid-template-columns: 60px 1fr auto; gap: 10px; padding: 14px 16px; }
	.bssv-at-shared-asset, .bssv-at-shared-cta { display: none; }
	.bssv-at-shared-count-num { font-size: 22px; }
	.bssv-at-shared-rank { font-size: 16px; }
	.bssv-at-shared-foot { flex-direction: column; align-items: flex-start; gap: 8px; }
}

/* === Spotlight share-status hint === */
.bssv-at-spot-share-status {
	position: relative; z-index: 1;
	margin-top: 14px;
	margin-bottom: -8px;
	font-size: 12.5px;
	color: var(--bss-text-muted);
	font-style: italic;
	letter-spacing: 0.02em;
	padding: 8px 14px;
	border-radius: 8px;
	background: rgba(247, 198, 69, 0.06);
	border: 1px solid rgba(247, 198, 69, 0.30);
	display: inline-block;
}
.bssv-at-spot-share-status b {
	color: var(--bss-elite);
	font-weight: 900;
	font-variant-numeric: tabular-nums;
	font-style: normal;
}
.bssv-at-spot-share-status-empty {
	background: rgba(255, 255, 255, 0.03);
	border-color: var(--bss-glass-border-2);
	color: var(--bss-text-quiet);
}

/* ───────────────────────────────────────────────────────────────────────
   v17.23.1 — Growth Loop amplification: toast + movement line
   ─────────────────────────────────────────────────────────────────────── */

/* Slide-in toast (bottom-right, auto-dismiss) */
.bssv-at-toast {
	position: fixed;
	bottom: 24px;
	right: 24px;
	z-index: 9999999;
	min-width: 280px;
	max-width: 380px;
	padding: 16px 22px;
	border-radius: 14px;
	background: linear-gradient(135deg, rgba(20, 12, 40, 0.96) 0%, rgba(13, 16, 24, 0.96) 100%);
	border: 1.5px solid rgba(247, 198, 69, 0.65);
	box-shadow:
		0 24px 60px rgba(0, 0, 0, 0.55),
		0 0 36px rgba(247, 198, 69, 0.30),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
	color: #fff;
	font-family: inherit;
	transform: translateX(120%);
	opacity: 0;
	transition: transform 360ms cubic-bezier(0.2, 0.7, 0.2, 1), opacity 360ms ease, bottom 220ms ease;
	pointer-events: none;
}
.bssv-at-toast.is-show {
	transform: translateX(0);
	opacity: 1;
}
.bssv-at-toast-line {
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.01em;
	line-height: 1.4;
}
.bssv-at-toast-cyan   { border-color: rgba(0, 212, 255, 0.65);  box-shadow: 0 24px 60px rgba(0,0,0,0.55), 0 0 36px rgba(0, 212, 255, 0.30), inset 0 1px 0 rgba(255,255,255,0.08); }
.bssv-at-toast-amber  { border-color: rgba(245, 158, 11, 0.65); box-shadow: 0 24px 60px rgba(0,0,0,0.55), 0 0 36px rgba(245, 158, 11, 0.30), inset 0 1px 0 rgba(255,255,255,0.08); }
.bssv-at-toast-red    { border-color: rgba(225, 29, 72, 0.75);  box-shadow: 0 24px 60px rgba(0,0,0,0.55), 0 0 36px rgba(225, 29, 72, 0.32), inset 0 1px 0 rgba(255,255,255,0.08); }
.bssv-at-toast-gold   { border-color: rgba(247, 198, 69, 0.85); box-shadow: 0 24px 60px rgba(0,0,0,0.55), 0 0 50px rgba(247, 198, 69, 0.45), inset 0 1px 0 rgba(255,255,255,0.10); }
.bssv-at-toast-violet { border-color: rgba(139, 92, 246, 0.65); box-shadow: 0 24px 60px rgba(0,0,0,0.55), 0 0 36px rgba(139, 92, 246, 0.30), inset 0 1px 0 rgba(255,255,255,0.08); }

@media (max-width: 640px) {
	.bssv-at-toast {
		left: 16px;
		right: 16px;
		min-width: 0;
		max-width: none;
		padding: 14px 18px;
	}
	.bssv-at-toast-line { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
	.bssv-at-toast { transition: opacity 200ms ease, bottom 200ms ease; transform: none !important; }
}

/* Spotlight movement line — under the share-status pill */
.bssv-at-spot-share-movement {
	display: inline-block;
	margin-top: 8px;
	margin-left: 6px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.02em;
	padding: 6px 12px;
	border-radius: 999px;
	font-style: normal;
}
.bssv-at-spot-share-movement-up {
	color: var(--bss-verified);
	background: rgba(0, 212, 255, 0.12);
	border: 1px solid rgba(0, 212, 255, 0.45);
	box-shadow: 0 0 14px rgba(0, 212, 255, 0.25);
	text-shadow: 0 0 10px rgba(0, 212, 255, 0.40);
}
.bssv-at-spot-share-movement-steady {
	color: var(--bss-elite);
	background: rgba(247, 198, 69, 0.10);
	border: 1px solid rgba(247, 198, 69, 0.40);
}
@media (max-width: 720px) {
	.bssv-at-spot-share-movement { margin-left: 0; display: block; width: fit-content; font-size: 11px; }
}

/* ====================================================================
 * v17.24 — Share Status Expansion
 * Sub-tabs (week/month/all-time/streaks), profile chips, streak cards.
 * ==================================================================== */

.bssv-at-shared-subtabs {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin: 0 auto 24px;
	max-width: 1200px;
	padding: 0 24px;
}
.bssv-at-shared-subtab {
	position: relative;
	appearance: none;
	border: 1px solid var(--bss-glass-border, rgba(255,255,255,0.08));
	background: rgba(13, 16, 24, 0.55);
	color: var(--bss-text-muted, #A8B0C7);
	font: 800 11px/1 'Inter', sans-serif;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	padding: 12px 18px;
	border-radius: 999px;
	cursor: pointer;
	transition: color 180ms ease, border-color 180ms ease, background 180ms ease, transform 180ms ease;
}
.bssv-at-shared-subtab:hover {
	color: var(--bss-text, #F4F6FB);
	border-color: rgba(255, 255, 255, 0.18);
	transform: translateY(-1px);
}
.bssv-at-shared-subtab.is-active {
	color: var(--bss-text, #F4F6FB);
	border-color: rgba(247, 198, 69, 0.55);
	background: linear-gradient(180deg, rgba(247, 198, 69, 0.18), rgba(247, 198, 69, 0.06));
	box-shadow: 0 0 0 1px rgba(247, 198, 69, 0.18) inset, 0 8px 24px rgba(247, 198, 69, 0.18);
}

.bssv-at-shared-headline {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0 auto 14px;
	max-width: 1200px;
	padding: 0 24px;
}
.bssv-at-shared-headline-eyebrow {
	font: 800 10px/1 'Inter', sans-serif;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--bss-text-quiet, #6C7591);
}
.bssv-at-shared-headline-line {
	font: 500 14px/1.5 'Inter', sans-serif;
	color: var(--bss-text-muted, #A8B0C7);
}

/* Profile share status chips (Weekly Spotlight injection) */
.bssv-at-spot-share-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 6px !important;
	padding: 8px 12px !important;
	border-radius: 999px !important;
	font: 700 12px/1.2 'Inter', sans-serif !important;
	letter-spacing: 0.04em;
	background: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid rgba(255, 255, 255, 0.10) !important;
}
.bssv-at-spot-share-chip.is-month {
	color: var(--bss-stat-ast, #8B5CF6) !important;
	border-color: rgba(139, 92, 246, 0.40) !important;
	background: rgba(139, 92, 246, 0.10) !important;
}
.bssv-at-spot-share-chip.is-alltime {
	color: var(--bss-elite, #F7C645) !important;
	border-color: rgba(247, 198, 69, 0.45) !important;
	background: rgba(247, 198, 69, 0.10) !important;
}
.bssv-at-spot-share-chip.is-streak {
	color: var(--bss-brand-red, #E11D48) !important;
	border-color: rgba(225, 29, 72, 0.45) !important;
	background: rgba(225, 29, 72, 0.10) !important;
}
.bssv-at-spot-share-chip.is-streak-quiet {
	color: var(--bss-text-muted, #A8B0C7) !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
}

/* Streak cards grid */
.bssv-at-streak-grid-wrap {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 16px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 24px;
}
.bssv-at-streak-card {
	position: relative;
	background: var(--bss-glass-fill, rgba(13, 16, 24, 0.55));
	backdrop-filter: blur(20px) saturate(1.6);
	-webkit-backdrop-filter: blur(20px) saturate(1.6);
	border: 1px solid var(--bss-glass-border, rgba(255, 255, 255, 0.08));
	border-radius: 18px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 14px;
	transition: transform 220ms cubic-bezier(.2,.8,.2,1), border-color 220ms ease, box-shadow 220ms ease;
	cursor: pointer;
}
.bssv-at-streak-card:hover {
	transform: translateY(-2px);
	border-color: rgba(225, 29, 72, 0.40);
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.40), 0 0 0 1px rgba(225, 29, 72, 0.25) inset;
}
.bssv-at-streak-head { display: flex; flex-direction: column; gap: 4px; }
.bssv-at-streak-name {
	font: 800 18px/1.2 'Inter', sans-serif;
	color: var(--bss-text, #F4F6FB);
}
.bssv-at-streak-team {
	font: 700 10px/1 'Inter', sans-serif;
	letter-spacing: 0.18em;
	color: var(--bss-text-quiet, #6C7591);
}
.bssv-at-streak-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}
.bssv-at-streak-stat {
	text-align: center;
	padding: 10px 6px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.06);
}
.bssv-at-streak-stat.is-current { border-color: rgba(225, 29, 72, 0.30); background: rgba(225, 29, 72, 0.08); }
.bssv-at-streak-stat.is-best    { border-color: rgba(247, 198, 69, 0.30); background: rgba(247, 198, 69, 0.08); }
.bssv-at-streak-stat.is-total   { border-color: rgba(139, 92, 246, 0.30); background: rgba(139, 92, 246, 0.08); }
.bssv-at-streak-stat-num {
	font: 900 24px/1 'Inter', sans-serif;
	font-feature-settings: "tnum";
	color: var(--bss-text, #F4F6FB);
}
.bssv-at-streak-stat-lbl {
	margin-top: 4px;
	font: 800 9px/1 'Inter', sans-serif;
	letter-spacing: 0.18em;
	color: var(--bss-text-quiet, #6C7591);
}
.bssv-at-streak-line {
	font: 700 13px/1.3 'Inter', sans-serif;
	color: var(--bss-text, #F4F6FB);
}
.bssv-at-streak-foot {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	font: 600 11px/1.2 'Inter', sans-serif;
	color: var(--bss-text-muted, #A8B0C7);
}
.bssv-at-streak-momentum {
	font: 800 10px/1 'Inter', sans-serif;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	padding: 5px 9px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.10);
	background: rgba(255, 255, 255, 0.04);
}
.bssv-at-streak-momentum.is-active { color: var(--bss-brand-red, #E11D48); border-color: rgba(225, 29, 72, 0.40); background: rgba(225, 29, 72, 0.10); }
.bssv-at-streak-momentum.is-warm   { color: var(--bss-elite, #F7C645);  border-color: rgba(247, 198, 69, 0.40); background: rgba(247, 198, 69, 0.10); }
.bssv-at-streak-momentum.is-cool   { color: var(--bss-text-muted, #A8B0C7); }
.bssv-at-streak-last { color: var(--bss-text-quiet, #6C7591); }

@media (max-width: 640px) {
	.bssv-at-shared-subtabs { padding: 0 16px; }
	.bssv-at-shared-subtab { padding: 10px 14px; font-size: 10px; }
	.bssv-at-streak-grid-wrap { padding: 0 16px; }
	.bssv-at-streak-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
	.bssv-at-streak-stat-num { font-size: 20px; }
}

/* ====================================================================
 * v17.25 — Distribution Engine
 * Size selector pills, Copy Caption button, caption preview pane.
 * ==================================================================== */

.bssv-at-share-sizepicker {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 12px;
	padding: 0;
}
.bssv-at-share-sizepicker-lbl {
	font: 800 9px/1 'Inter', sans-serif;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--bss-text-quiet, #6C7591);
	margin-right: 4px;
}
.bssv-at-share-size {
	appearance: none;
	border: 1px solid var(--bss-glass-border, rgba(255,255,255,0.10));
	background: rgba(13, 16, 24, 0.55);
	color: var(--bss-text-muted, #A8B0C7);
	font: 800 10px/1 'Inter', sans-serif;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	padding: 8px 12px;
	border-radius: 999px;
	cursor: pointer;
	transition: color 180ms ease, border-color 180ms ease, background 180ms ease, transform 180ms ease;
}
.bssv-at-share-size:hover {
	color: var(--bss-text, #F4F6FB);
	border-color: rgba(255, 255, 255, 0.20);
	transform: translateY(-1px);
}
.bssv-at-share-size.is-active {
	color: var(--bss-text, #F4F6FB);
	border-color: rgba(225, 29, 72, 0.55);
	background: linear-gradient(180deg, rgba(225, 29, 72, 0.18), rgba(225, 29, 72, 0.06));
	box-shadow: 0 0 0 1px rgba(225, 29, 72, 0.18) inset, 0 8px 24px rgba(225, 29, 72, 0.18);
}

/* Caption preview pane */
.bssv-at-share-caption-preview {
	margin: 6px 0 8px;
	padding: 8px 12px;
	border: 1px solid var(--bss-glass-border, rgba(255, 255, 255, 0.08));
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.02);
}
.bssv-at-share-caption-preview > summary {
	cursor: pointer;
	font: 700 11px/1.4 'Inter', sans-serif;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	color: var(--bss-text-muted, #A8B0C7);
	list-style: none;
}
.bssv-at-share-caption-preview > summary::-webkit-details-marker { display: none; }
.bssv-at-share-caption-preview > summary::before {
	content: '▸';
	display: inline-block;
	margin-right: 6px;
	transition: transform 180ms ease;
}
.bssv-at-share-caption-preview[open] > summary::before { transform: rotate(90deg); }
.bssv-at-share-caption-pre {
	margin: 8px 0 0;
	white-space: pre-wrap;
	word-break: break-word;
	font: 500 13px/1.55 'Inter', sans-serif;
	color: var(--bss-text, #F4F6FB);
	background: rgba(0, 0, 0, 0.18);
	border-radius: 8px;
	padding: 10px 12px;
}

@media (max-width: 640px) {
	.bssv-at-share-sizepicker { gap: 6px; }
	.bssv-at-share-size { padding: 7px 10px; font-size: 9px; }
	.bssv-at-share-caption-pre { font-size: 12px; }
}

/* ====================================================================
 * v17.25.2 — Hero hierarchy + long-name handling
 * Goal: name dominance, descender protection, single-line by default,
 * controlled wrap for long names, decorative layers strictly behind.
 * Single source of truth for hero — overrides earlier hero CSS where
 * it conflicts (later cascade wins, no specificity tricks needed).
 * ==================================================================== */

/* 1 · Z-index lockdown — text always above effects ─────────────────── */
.bssv-at-h2 {
	isolation: isolate;
	overflow: hidden;            /* halos must clip */
}
.bssv-at-h2 > .bssv-at-h2-bg,
.bssv-at-h2-bg .bssv-at-h2-halo,
.bssv-at-h2-bg .bssv-at-h2-grain,
.bssv-at-h2-bg::after {
	pointer-events: none !important;
}
.bssv-at-h2 > .bssv-at-h2-bg { z-index: 0 !important; }
.bssv-at-h2-inner {
	position: relative;
	z-index: 5 !important;       /* was 1 — now strictly above all bg layers */
	max-width: 1200px;           /* roomier so long names have wider single-line space */
	overflow: visible;
}
.bssv-at-h2-inner > * {
	position: relative;          /* ensures children create their own paint order above bg */
	z-index: auto;
}

/* 2 · Decorative tone-down — text-zone halo dimmer + repositioned ──── */
.bssv-at-h2-bg::after {
	top: 62%;                    /* was 35% — out of the name zone */
	width: 460px;
	height: 460px;
	opacity: 0.42;               /* was 0.55 */
	filter: blur(120px);
}
.bssv-at-h2-grain {
	opacity: 0.55;               /* let the name read clean */
}
.bssv-at-h2-headline {
	box-shadow:
		0 0 22px rgba(247, 198, 69, 0.32),
		0 0 8px rgba(247, 198, 69, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

/* 3 · Name — descender protection + responsive single-line clamp ───── */
.bssv-at-h2-name {
	display: block;
	max-width: 100%;
	margin: 0 0 22px;
	padding-bottom: 0.10em;      /* hard descender buffer for y/g/p/q */
	line-height: 1.08;           /* was 0.94 — Playfair descender room */
	letter-spacing: -0.035em;
	font-family: 'Playfair Display', Georgia, serif;
	font-weight: 900;
	font-size: clamp(42px, 6vw, 120px);
	white-space: nowrap;         /* default: single line */
	word-break: keep-all;
	overflow-wrap: normal;
	overflow: visible;
	/* Gradient fill (preserves the v17.16.1 cinematic look) */
	background: linear-gradient(180deg, #ffffff 0%, #ffffff 65%, rgba(255, 255, 255, 0.86) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	text-shadow: none;
	/* drop-shadow filter (no descender clipping when paired with overflow:visible + padding-bottom) */
	filter:
		drop-shadow(0 6px 28px rgba(0, 0, 0, 0.74))
		drop-shadow(0 0 36px rgba(225, 29, 72, 0.26));
}
.bssv-at-h2-elite .bssv-at-h2-name {
	background: linear-gradient(180deg, #ffffff 0%, #ffffff 60%, #ffe28a 100%);
	-webkit-background-clip: text;
	background-clip: text;
	filter:
		drop-shadow(0 6px 28px rgba(0, 0, 0, 0.74))
		drop-shadow(0 0 44px rgba(247, 198, 69, 0.40));
}
.bssv-at-h2-verified .bssv-at-h2-name {
	background: linear-gradient(180deg, #ffffff 0%, #ffffff 60%, #b3edff 100%);
	-webkit-background-clip: text;
	background-clip: text;
	filter:
		drop-shadow(0 6px 28px rgba(0, 0, 0, 0.74))
		drop-shadow(0 0 44px rgba(0, 212, 255, 0.34));
}

/* 4 · Long-name graceful fallback ─────────────────────────────────── */
.bssv-at-h2-name.is-long-name {
	font-size: clamp(36px, 5vw, 92px);
	white-space: normal;         /* allow wrap */
	line-height: 1.02;
	letter-spacing: -0.03em;
}
.bssv-at-h2-name.is-very-long-name {
	font-size: clamp(30px, 4.2vw, 72px);
	white-space: normal;
	line-height: 1.04;
	letter-spacing: -0.025em;
}

/* 5 · Mobile — ensure descender room + sensible scaling ───────────── */
@media (max-width: 720px) {
	.bssv-at-h2-inner {
		padding: 64px 22px 36px;     /* a touch more top headroom */
	}
	.bssv-at-h2-name {
		font-size: clamp(40px, 11vw, 72px);
		line-height: 1.06;
		padding-bottom: 0.10em;
	}
	.bssv-at-h2-name.is-long-name {
		font-size: clamp(32px, 9vw, 60px);
		line-height: 1.04;
	}
	.bssv-at-h2-name.is-very-long-name {
		font-size: clamp(26px, 8vw, 52px);
		line-height: 1.06;
	}
}

/* 6 · Eyebrow + headline tightening so name has visual breathing room  */
.bssv-at-h2-eyebrow {
	position: relative;
	z-index: 6;                  /* explicit above any halo */
	margin-bottom: 26px;
}
.bssv-at-h2-trust,
.bssv-at-h2-meta,
.bssv-at-h2-headline,
.bssv-at-h2-sub,
.bssv-at-h2-ctas {
	position: relative;
	z-index: 6;                  /* explicit above any halo */
}

/* ====================================================================
 * v17.25.3 — Banner ↔ Hero overlap fix
 * Elite Profile banner sits flow-layout above the hero. This block:
 *   1. Pins both into explicit stacking contexts (banner z:1, hero z:3)
 *   2. Increases the gap between them from 18px → 32px
 *   3. Contains the banner's gold glow inside its rounded box
 *   4. Hero retains its inner z:5 lockdown from v17.25.2
 * If a future theme wraps the banner sticky/fixed, the JS helper
 * `ensureBannerHeroSpacing` mirrors its measured height onto the hero
 * via inline padding-top so content never disappears underneath.
 * ==================================================================== */

.bssv-at-elite-banner {
	position: relative;
	z-index: 1;
	margin-bottom: 32px;          /* was 18px — clean separation */
	isolation: isolate;           /* keep box-shadow + glow contained in stack */
}
.bssv-at-elite-banner-glow {
	pointer-events: none;
}

/* Hero section: explicit stacking above the banner */
.bssv-at-h2 {
	position: relative;
	z-index: 3;
	margin-top: 0;
}

/* Breadcrumb between banner and hero — also sits explicitly above banner */
.bssv-at-breadcrumb {
	position: relative;
	z-index: 2;
}

/* Mobile spacing parity */
@media (max-width: 720px) {
	.bssv-at-elite-banner {
		margin-bottom: 24px;
	}
}

/* ====================================================================
 * v17.26.3 — Hero name bulletproof (final pass)
 * Last-cascade override to guarantee Joshua Brown / etc never get
 * clipped on any host theme regardless of parent container width.
 * ==================================================================== */
.bssv-at-h2-name,
.bssv-at-h2-name.is-long-name,
.bssv-at-h2-name.is-very-long-name {
	max-width: 100%;
	min-width: 0;
	overflow: visible;
	text-overflow: clip;
	word-break: normal;
	overflow-wrap: anywhere;   /* allows graceful break of pathological names without clipping */
}
.bssv-at-h2-inner {
	min-width: 0;              /* lets serif name shrink before clipping */
}

/* ====================================================================
 * v17.26.4 — Hero name NUCLEAR override
 *
 * Diagnosis: Chrome/Webkit rendering bug where the combination of
 *   -webkit-background-clip: text
 *   -webkit-text-fill-color: transparent
 *   filter: drop-shadow(...)
 *   letter-spacing: negative
 * crops the last glyph(s) of the rendered name. The render layer
 * created by `filter` doesn't account for the visual extent of negative
 * letter-spacing past the glyph paths. The badge below the name doesn't
 * use this combination, which is why it displays correctly.
 *
 * Fix: drop the gradient-clip + drop-shadow combo. Use solid color
 * + text-shadow for the cinematic glow. Force layout safety on every
 * possible parent. Last-cascade with !important so this wins regardless
 * of any earlier rule, theme injection, or page-builder wrapping.
 * ==================================================================== */

/* Parent containers — force overflow: visible on the inner so a long
   name can never be clipped by inner. Hero (.bssv-at-h2) keeps its
   overflow:hidden because the halos rely on it. */
.bssv-at-h2-inner {
	overflow: visible !important;
	contain: none !important;
	min-width: 0 !important;
}

/* The name element — drop the gradient + filter, use solid + text-shadow */
.bssv-at-h2-name,
.bssv-at-h2-name.is-long-name,
.bssv-at-h2-name.is-very-long-name {
	background: none !important;
	-webkit-background-clip: border-box !important;
	background-clip: border-box !important;
	-webkit-text-fill-color: #ffffff !important;
	color: #ffffff !important;
	filter: none !important;

	/* Cinematic glow via text-shadow (no render-layer clipping) */
	text-shadow:
		0 6px 28px rgba(0, 0, 0, 0.74),
		0 0 36px rgba(225, 29, 72, 0.26) !important;

	/* Layout safety stack */
	display: block !important;
	width: auto !important;
	max-width: 100% !important;
	min-width: 0 !important;
	padding-right: 0.18em !important;   /* gives the visual right-edge breathing room */
	overflow: visible !important;
	text-overflow: clip !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: anywhere !important;
	letter-spacing: -0.02em !important;  /* less aggressive than -0.035em */
	box-sizing: border-box !important;
	transform: none !important;
	contain: none !important;
}

/* Tier-specific glow tints */
.bssv-at-h2-elite .bssv-at-h2-name {
	color: #ffe28a !important;
	-webkit-text-fill-color: #ffe28a !important;
	text-shadow:
		0 6px 28px rgba(0, 0, 0, 0.74),
		0 0 44px rgba(247, 198, 69, 0.40) !important;
}
.bssv-at-h2-verified .bssv-at-h2-name {
	color: #b3edff !important;
	-webkit-text-fill-color: #b3edff !important;
	text-shadow:
		0 6px 28px rgba(0, 0, 0, 0.74),
		0 0 44px rgba(0, 212, 255, 0.34) !important;
}

/* Mobile — keep fonts in the same logical scale */
@media (max-width: 720px) {
	.bssv-at-h2-name,
	.bssv-at-h2-name.is-long-name,
	.bssv-at-h2-name.is-very-long-name {
		letter-spacing: -0.015em !important;
		padding-right: 0.12em !important;
	}
}

/* ====================================================================
 * v17.26.9 — Profile bleed fix + admin-test header tone-down
 * Adds explicit opaque background + z-index lockdown to the dashboard
 * root so theme/sidebar/comment content can't bleed through behind the
 * profile hero or footer area. Also tones down the loud admin banner.
 * ==================================================================== */

/* Dashboard root — opaque background, sits above any theme bleed-through */
.bssv-admin-test {
	position: relative !important;
	z-index: 5 !important;
	isolation: isolate !important;
}
/* Force opaque inner panels so transparent theme rails don't show through */
.bssv-admin-test .bssv-at-dashboard,
.bssv-admin-test .bssv-at-search-section {
	position: relative;
	z-index: 1;
}

/* Tone down the v0.x "ADMIN TEST PAGE — NOT PUBLIC" banner. Keep the
   admin-only hint, drop the alarm. */
.bssv-admin-test .bssv-at-banner {
	display: inline-flex !important;
	align-items: center !important;
	padding: 4px 10px !important;
	font-size: 9px !important;
	letter-spacing: 0.20em !important;
	opacity: 0.85;
}

/* ====================================================================
 * v17.26.10 — Admin-test page: kill white gap + bleed-through
 * Body class `bssv-at-page` is added by class-bss-test-page.php when
 * the shortcode is on the current post. Use it to neutralize Beaver
 * Builder, Elementor, and theme wrapper paddings + force a dark body
 * background so no white/theme colour can show through above or below
 * the BSSV section.
 * ==================================================================== */

body.bssv-at-page {
	background: #05060A !important;
}

/* Beaver Builder + WP + Elementor wrappers — zero out top padding/margin
   AND make them transparent so the body's dark background shows through. */
body.bssv-at-page .entry-content,
body.bssv-at-page .page-content,
body.bssv-at-page .site-main,
body.bssv-at-page main.site-main,
body.bssv-at-page #primary,
body.bssv-at-page article.page,
body.bssv-at-page .post-content,
body.bssv-at-page .single-content,
body.bssv-at-page .fl-builder-content,
body.bssv-at-page .fl-builder-content-primary,
body.bssv-at-page .fl-row,
body.bssv-at-page .fl-row-full-width,
body.bssv-at-page .fl-row-content,
body.bssv-at-page .fl-row-content-wrap,
body.bssv-at-page .fl-col,
body.bssv-at-page .fl-col-content,
body.bssv-at-page .fl-module,
body.bssv-at-page .fl-module-content,
body.bssv-at-page .fl-rich-text,
body.bssv-at-page .elementor-section.elementor-top-section:first-of-type,
body.bssv-at-page .e-con.e-parent:first-of-type {
	padding-top: 0 !important;
	margin-top: 0 !important;
	background-color: transparent !important;
}
body.bssv-at-page .fl-row,
body.bssv-at-page .fl-row-content-wrap {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}
body.bssv-at-page .bssv-admin-test {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* Bleed lockdown on dashboard root — opaque solid bg, full isolation */
body.bssv-at-page .bssv-admin-test {
	position: relative !important;
	z-index: 5 !important;
	isolation: isolate !important;
	overflow: hidden !important;
}
/* Dashboard inner — also opaque so nothing can bleed through gaps */
body.bssv-at-page .bssv-at-dashboard {
	position: relative;
	z-index: 1;
	background: var(--bss-bg-base, #05060A);
}