/**
 * Hero-блок карты уровней (глава 1 hub + глава 2).
 * Эталон: full-test-biology/index.html (.lm-hero).
 */
.lm {
	--lm-bg: #f6f7fb;
	--lm-bg-2: #eef0f7;
	--lm-surface: #ffffff;
	--lm-line: #e6e8f0;
	--lm-line-2: #eef0f7;
	--lm-ink: #0f1226;
	--lm-ink-2: #2a2e4a;
	--lm-muted: #6b7094;
	--lm-muted-2: #9aa0bf;
	--lm-primary: #4f46e5;
	--lm-primary-2: #6366f1;
	--lm-primary-50: #eef0ff;
	--lm-violet: #7c3aed;
	--lm-violet-50: #f3eeff;
	--lm-emerald: #10b981;
	--lm-emerald-50: #e7faf2;
	--lm-amber: #f59e0b;
	--lm-shadow-sm: 0 1px 2px rgba(15, 18, 38, 0.04), 0 1px 1px rgba(15, 18, 38, 0.03);
	--lm-shadow: 0 1px 2px rgba(15, 18, 38, 0.04), 0 8px 24px rgba(15, 18, 38, 0.06);
	font-feature-settings: "ss01", "cv11";
}

.lm .lm-num {
	font-family: "JetBrains Mono", ui-monospace, monospace;
	font-variant-numeric: tabular-nums;
}

.lm-hero {
	margin-top: 18px;
	background: var(--lm-surface);
	border: 1px solid var(--lm-line);
	border-radius: 28px;
	padding: 28px 32px;
	box-shadow: var(--lm-shadow);
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 28px;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.lm-hero::before {
	content: "";
	position: absolute;
	inset: auto -10% -60% auto;
	width: 520px;
	height: 520px;
	background: radial-gradient(closest-side, rgba(124, 58, 237, 0.1), transparent 70%);
	pointer-events: none;
}

.lm-back {
	color: var(--lm-muted);
	font-size: 12.5px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	text-decoration: none;
}

.lm-back:hover {
	color: var(--lm-ink-2);
}

.lm-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: linear-gradient(180deg, #eef0ff, #e0e7ff);
	color: var(--lm-primary);
	border: 1px solid #c7d2fe;
	padding: 5px 12px;
	border-radius: 999px;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin: 8px 0 0;
}

.lm-hero h1 {
	margin: 10px 0 8px;
	font-size: 32px;
	line-height: 1.1;
	letter-spacing: -0.02em;
	font-weight: 800;
	color: var(--lm-ink);
}

.lm-hero h1 .lm-dot {
	color: var(--lm-muted-2);
	margin: 0 6px;
	font-weight: 400;
}

.lm-hero p.lm-lead {
	margin: 0 0 18px;
	color: var(--lm-muted);
	font-size: 14.5px;
	line-height: 1.55;
	max-width: 56ch;
}

.lm-cta-row {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.lm-btn {
	height: 42px;
	padding: 0 16px;
	border-radius: 12px;
	border: 1px solid var(--lm-line);
	background: var(--lm-surface);
	font-weight: 600;
	font-size: 13.5px;
	color: var(--lm-ink-2);
	display: inline-flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	transition: background 0.15s, border-color 0.15s;
	text-decoration: none;
	font-family: inherit;
}

.lm-btn:hover {
	background: var(--lm-bg-2);
}

.lm-btn-streak {
	background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
	border-color: #fed7aa;
	color: #9a3412;
}

.lm-btn-streak:hover {
	background: linear-gradient(180deg, #ffedd5 0%, #fed7aa 100%);
}

.lm-btn-primary {
	background: linear-gradient(180deg, var(--lm-primary-2), var(--lm-primary));
	border-color: transparent;
	color: #fff;
	box-shadow: 0 6px 14px -4px rgba(79, 70, 229, 0.55);
}

.lm-btn-primary:hover {
	filter: brightness(1.05);
	background: linear-gradient(180deg, var(--lm-primary-2), var(--lm-primary));
}

.lm-stat-cluster {
	display: grid;
	grid-template-columns: repeat(4, auto);
	border: 1px solid var(--lm-line);
	border-radius: 18px;
	background: linear-gradient(180deg, #ffffff 0%, #fafbff 100%);
	overflow: hidden;
	min-width: 540px;
}

.lm-stat {
	padding: 16px 22px;
	display: flex;
	align-items: center;
	gap: 12px;
	border-right: 1px solid var(--lm-line-2);
	white-space: nowrap;
}

.lm-stat:last-child {
	border-right: none;
}

.lm-stat-ico {
	width: 38px;
	height: 38px;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.lm-ico-star,
.lm-ico-trophy {
	background: #fff7d6;
	color: #b45309;
}

.lm-ico-fire {
	background: #ffe4e1;
	color: #dc2626;
}

.lm-ico-xp {
	background: var(--lm-violet-50);
	color: var(--lm-violet);
}

.lm-ico-lvl {
	background: var(--lm-primary-50);
	color: var(--lm-primary);
}

.lm-stat-val {
	font-size: 19px;
	font-weight: 800;
	letter-spacing: -0.01em;
	line-height: 1;
	color: var(--lm-ink);
}

.lm-stat-lbl {
	font-size: 11.5px;
	color: var(--lm-muted);
	margin-top: 4px;
	letter-spacing: 0.02em;
}

.lm-stat .lm-num {
	font-weight: 800;
}

.lm-stat-lvl-num {
	font-size: 26px;
	font-weight: 800;
	background: linear-gradient(180deg, var(--lm-primary) 0%, var(--lm-violet) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 1;
}

@media (max-width: 980px) {
	.lm-hero {
		grid-template-columns: 1fr;
	}

	.lm-stat-cluster {
		min-width: 0;
		width: 100%;
		grid-template-columns: repeat(2, 1fr);
	}

	.lm-stat:nth-child(2n) {
		border-right: none;
	}
}

@media (max-width: 640px) {
	.lm-hero {
		padding: 22px;
	}

	.lm-hero h1 {
		font-size: 26px;
	}
}

/* Промо главы 2 — отдельно под hero (не внутри карточки) */
.lm-ch2-promo {
	margin-top: 22px;
	padding: 14px 16px;
	border-radius: 14px;
	border: 1px solid #c7d2fe;
	background: linear-gradient(180deg, #eef0ff 0%, #e0e7ff 100%);
	box-shadow: 0 4px 14px -6px rgba(79, 70, 229, 0.35);
}

.lm-ch2-promo__eyebrow {
	display: block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #4f46e5;
	margin-bottom: 6px;
}

.lm-ch2-promo__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.lm-ch2-promo__txt {
	flex: 1 1 220px;
	font-size: 14px;
	line-height: 1.45;
	color: var(--lm-ink-2, #2a2e4a);
	margin: 0;
}

a.lm-btn-ch2-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 10px 18px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 14px;
	text-decoration: none;
	white-space: nowrap;
	background: linear-gradient(180deg, #6366f1, #4f46e5);
	color: #fff;
	box-shadow: 0 6px 18px -8px rgba(79, 70, 229, 0.65);
}

a.lm-btn-ch2-cta:hover {
	filter: brightness(1.05);
}

/* ════════════════════════════════════════════════════════════
   ИГРОВОЙ HERO (.lm-hero--player) — компактная версия Profile-hero
   на странице Full Test. Высота ~240px, glass-градиент, 3 колонки:
   аватар + ID слева, XP-прогресс + 3 чипса по центру, мотиватор
   справа. Старые .lm-hero / .lm-stat-* правила выше остаются для
   chapter-2 hub, а тут переопределяем то, что нужно.
   ════════════════════════════════════════════════════════════ */
.lm-hero.lm-hero--player {
	margin-top: 18px;
	padding: 22px 26px;
	min-height: 240px;
	border-radius: 24px;
	border: 1px solid rgba(124, 58, 237, 0.12);
	background:
		radial-gradient(520px 320px at 90% -20%, rgba(245, 158, 11, 0.10), transparent 60%),
		radial-gradient(420px 320px at 0% 100%, rgba(124, 58, 237, 0.10), transparent 65%),
		linear-gradient(135deg, #f5f3ff 0%, #faf5ff 50%, #fef9c3 100%);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.85),
		0 1px 2px rgba(15, 18, 38, 0.04),
		0 22px 50px -28px rgba(124, 58, 237, 0.30);
	display: grid;
	grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) minmax(240px, 300px);
	gap: 20px;
	align-items: stretch;
	overflow: hidden;
}

/* Перебиваем декор-glow от старого .lm-hero, чтобы не наслаивался */
.lm-hero.lm-hero--player::before { content: none; }

/* ── LEFT: avatar + level chip + rank ── */
.lm-hero--player .lhp-left {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
}
.lm-hero--player .lhp-av {
	position: relative;
	width: 96px;
	height: 96px;
	flex-shrink: 0;
}
.lm-hero--player .lhp-av__ring {
	position: absolute;
	inset: -3px;
	border-radius: 50%;
	z-index: 0;
	mask: radial-gradient(circle, transparent 47%, #000 49%);
	-webkit-mask: radial-gradient(circle, transparent 47%, #000 49%);
}
.lm-hero--player .lhp-av__img {
	position: absolute;
	inset: 4px;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	border-radius: 50%;
	object-fit: cover;
	background: #fff;
	box-shadow:
		inset 0 0 0 2px #fff,
		0 6px 16px -8px rgba(15, 18, 38, 0.30);
	z-index: 1;
}
.lm-hero--player .lhp-av__lvl {
	position: absolute;
	left: 50%;
	bottom: -8px;
	transform: translateX(-50%);
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.04em;
	color: #fff;
	background: linear-gradient(180deg, #6366f1, #4f46e5);
	box-shadow:
		0 6px 14px -4px rgba(79, 70, 229, 0.55),
		inset 0 1px 0 rgba(255, 255, 255, 0.30);
	white-space: nowrap;
	z-index: 2;
}
.lm-hero--player .lhp-av__lvl svg {
	width: 10px;
	height: 10px;
	fill: currentColor;
}

.lm-hero--player .lhp-id {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}
.lm-hero--player .lhp-id__eye {
	font-size: 10.5px;
	font-weight: 800;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #6b7094;
}
.lm-hero--player .lhp-id__rank {
	margin: 0;
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -0.01em;
	line-height: 1.05;
	color: #0f1226;
	background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 60%, #ec4899 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.lm-hero--player .lhp-id__sub {
	font-size: 12px;
	color: #6b7094;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
}
.lm-hero--player .lhp-id__sub b {
	color: #2a2e4a;
	font-weight: 700;
}
.lm-hero--player .lhp-id__league {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 800;
	color: #b45309;
	background: linear-gradient(180deg, #fff7d6 0%, #fde68a 100%);
	border: 1px solid #fcd34d;
}
.lm-hero--player .lhp-id__league svg {
	width: 11px;
	height: 11px;
	fill: currentColor;
}

/* ── CENTER: XP progress + 3 chips ── */
.lm-hero--player .lhp-mid {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 14px;
	min-width: 0;
}
.lm-hero--player .lhp-xp {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.lm-hero--player .lhp-xp__row {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 8px;
	flex-wrap: wrap;
}
.lm-hero--player .lhp-xp__eye {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #6b7094;
}
.lm-hero--player .lhp-xp__nums {
	font-family: "JetBrains Mono", ui-monospace, monospace;
	font-size: 14px;
	font-weight: 800;
	color: #0f1226;
	font-variant-numeric: tabular-nums;
}
.lm-hero--player .lhp-xp__nums b {
	background: linear-gradient(135deg, #4f46e5, #7c3aed);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 800;
}
.lm-hero--player .lhp-xp__bar {
	height: 12px;
	border-radius: 999px;
	background: rgba(15, 18, 38, 0.06);
	overflow: hidden;
	box-shadow: inset 0 1px 2px rgba(15, 18, 38, 0.06);
}
.lm-hero--player .lhp-xp__bar i {
	display: block;
	height: 100%;
	border-radius: 999px;
	background: linear-gradient(90deg, #6366f1 0%, #7c3aed 50%, #ec4899 100%);
	box-shadow:
		0 0 14px rgba(124, 58, 237, 0.45),
		inset 0 1px 0 rgba(255, 255, 255, 0.45);
	transition: width 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.lm-hero--player .lhp-xp__until {
	font-size: 12px;
	color: #6b7094;
	font-weight: 600;
}
.lm-hero--player .lhp-xp__until b {
	color: #2a2e4a;
	font-weight: 800;
}

.lm-hero--player .lhp-chips {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}
.lm-hero--player .lhp-chip {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid rgba(15, 18, 38, 0.06);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.9),
		0 4px 12px -8px rgba(15, 18, 38, 0.20);
	min-width: 0;
}
.lm-hero--player .lhp-chip__ico {
	width: 32px;
	height: 32px;
	border-radius: 9px;
	display: grid;
	place-items: center;
	flex-shrink: 0;
}
.lm-hero--player .lhp-chip__ico svg { width: 16px; height: 16px; }
.lm-hero--player .lhp-chip--fire .lhp-chip__ico {
	background: linear-gradient(135deg, #fee2e2, #fecaca);
	color: #dc2626;
}
.lm-hero--player .lhp-chip--target .lhp-chip__ico {
	background: linear-gradient(135deg, #d1fae5, #a7f3d0);
	color: #059669;
}
.lm-hero--player .lhp-chip--star .lhp-chip__ico {
	background: linear-gradient(135deg, #fef3c7, #fde68a);
	color: #b45309;
}

/* Streak chip orb — мини-версия Profile dark streak orb для compact hero.
   Дозируем высоту чипа ~52px, орб 48px, точки крошечные (3–4px), радиус ~22px.
   Точки рисует /iqmo-orbit-dots.js (общий компонент с Profile, см. comments
   в orbit-dots.js). Tooltip триггерится по hover на сам чип. */
.lm-hero--player .lhp-chip--fire { padding: 6px 10px 6px 8px; gap: 8px; position: relative; }
.lm-hero--player .lhp-chip--fire .lhp-chip__ico--orb {
	width: 48px;
	height: 48px;
	background: transparent;
	position: relative;
	display: block;
	overflow: visible;
}
.lm-hero--player .lhp-orb-shell {
	position: absolute; inset: 0; border-radius: 50%;
	background: conic-gradient(
		from 0deg,
		rgba(245,158,11,.85) 0deg,
		rgba(239,68,68,.65) 110deg,
		rgba(245,158,11,.85) 220deg,
		rgba(217,119,6,.85) 360deg
	);
	-webkit-mask: radial-gradient(circle, transparent 0 17px, #000 18px 22px, transparent 23px);
	        mask: radial-gradient(circle, transparent 0 17px, #000 18px 22px, transparent 23px);
	filter: drop-shadow(0 0 6px rgba(245,158,11,.5));
	animation: lhpOrbShellSpin 9s linear infinite;
	pointer-events: none;
}
.lm-hero--player .lhp-orb-orbit {
	position: absolute; inset: 0; pointer-events: none;
	animation: lhpOrbGroupSpin 30s linear infinite;
	transform-origin: 50% 50%;
	z-index: 2;
}
.lm-hero--player .lhp-orb-orbit i {
	position: absolute; top: 50%; left: 50%;
	width: var(--dot-size, 4px); height: var(--dot-size, 4px);
	margin: calc(var(--dot-size, 4px) / -2) 0 0 calc(var(--dot-size, 4px) / -2);
	border-radius: 50%;
	background: linear-gradient(135deg, #f59e0b 0%, #ef4444 70%);
	box-shadow: 0 0 5px rgba(245,158,11,.7), 0 0 2px rgba(255,255,255,.85) inset;
	transform: rotate(var(--angle, 0deg)) translateX(var(--orbit-r, 23.5px));
	will-change: transform;
}
.lm-hero--player .lhp-orb-orbit[data-orbit-tier="big"] { --dot-size: 4.5px; }
.lm-hero--player .lhp-orb-orbit[data-orbit-tier="mid"] { --dot-size: 3.5px; }
.lm-hero--player .lhp-orb-orbit[data-orbit-tier="small"] { --dot-size: 2.8px; }
.lm-hero--player .lhp-orb-core {
	position: absolute; inset: 8px;
	border-radius: 50%;
	background:
		radial-gradient(circle at 35% 28%, rgba(255,255,255,.95) 0%, rgba(255,255,255,.5) 22%, transparent 45%),
		linear-gradient(140deg, #fff7ed 0%, #fed7aa 60%, #fdba74 100%);
	box-shadow:
		inset 0 -3px 8px rgba(217,119,6,.25),
		inset 0 1px 0 rgba(255,255,255,.95),
		0 4px 10px -4px rgba(245,158,11,.45);
	display: grid; place-items: center;
	z-index: 3;
	color: #ea580c;
}
.lm-hero--player .lhp-orb-core svg { width: 14px; height: 14px; fill: currentColor; }
@keyframes lhpOrbShellSpin {
	to { transform: rotate(360deg); }
}
@keyframes lhpOrbGroupSpin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
	.lm-hero--player .lhp-orb-shell,
	.lm-hero--player .lhp-orb-orbit { animation: none; }
}
/* Hover tooltip над чипом */
.lm-hero--player .lhp-chip--fire { cursor: help; }
.lm-hero--player .lhp-chip--fire .lhp-chip-tip {
	position: absolute; left: 50%; bottom: calc(100% + 8px);
	transform: translateX(-50%) translateY(4px);
	background: linear-gradient(180deg, rgba(15,18,38,.96), rgba(15,18,38,.92));
	color: #e7eaf6;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 10px;
	padding: 7px 11px;
	font-size: 11px; font-weight: 500; line-height: 1.4;
	width: max-content; max-width: 220px;
	text-align: center;
	box-shadow: 0 8px 24px -8px rgba(0,0,0,.55);
	opacity: 0; pointer-events: none;
	transition: opacity .18s ease, transform .18s ease;
	z-index: 50;
}
.lm-hero--player .lhp-chip--fire .lhp-chip-tip::after {
	content: ""; position: absolute; left: 50%; top: 100%;
	transform: translateX(-50%);
	border: 6px solid transparent;
	border-top-color: rgba(15,18,38,.96);
}
.lm-hero--player .lhp-chip--fire:hover .lhp-chip-tip,
.lm-hero--player .lhp-chip--fire:focus-within .lhp-chip-tip {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}
.lm-hero--player .lhp-chip__body {
	display: flex;
	flex-direction: column;
	gap: 1px;
	min-width: 0;
}
.lm-hero--player .lhp-chip__val {
	font-size: 16px;
	font-weight: 800;
	color: #0f1226;
	line-height: 1;
	font-variant-numeric: tabular-nums;
}
.lm-hero--player .lhp-chip__val .small {
	color: #6b7094;
	font-size: 12px;
	font-weight: 600;
}
.lm-hero--player .lhp-chip__lbl {
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #6b7094;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ── RIGHT: motivational goal block ── */
.lm-hero--player .lhp-goal {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 14px 16px;
	border-radius: 18px;
	background:
		radial-gradient(180px 120px at 100% 0%, rgba(245, 158, 11, 0.18), transparent 60%),
		linear-gradient(180deg, #ffffff 0%, #fefce8 100%);
	border: 1px solid rgba(245, 158, 11, 0.22);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.9),
		0 8px 22px -10px rgba(245, 158, 11, 0.30);
	overflow: hidden;
}
.lm-hero--player .lhp-goal__eye {
	font-size: 10.5px;
	font-weight: 800;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #b45309;
	display: flex;
	align-items: center;
	gap: 6px;
}
.lm-hero--player .lhp-goal__big {
	font-family: "JetBrains Mono", ui-monospace, monospace;
	font-size: 26px;
	font-weight: 800;
	letter-spacing: -0.01em;
	line-height: 1;
	background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-variant-numeric: tabular-nums;
}
.lm-hero--player .lhp-goal__sub {
	font-size: 12px;
	color: #6b7094;
	line-height: 1.4;
}
.lm-hero--player .lhp-goal__sub b {
	color: #2a2e4a;
	font-weight: 700;
}
.lm-hero--player .lhp-goal__bar {
	margin-top: 4px;
	height: 8px;
	border-radius: 999px;
	background: rgba(245, 158, 11, 0.12);
	overflow: hidden;
}
.lm-hero--player .lhp-goal__bar i {
	display: block;
	height: 100%;
	border-radius: 999px;
	background: linear-gradient(90deg, #fbbf24 0%, #f59e0b 60%, #d97706 100%);
	box-shadow: 0 0 10px rgba(245, 158, 11, 0.45);
	transition: width 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.lm-hero--player .lhp-goal__cta {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 10px 14px;
	border-radius: 12px;
	font-size: 13px;
	font-weight: 800;
	color: #fff;
	text-decoration: none;
	background: linear-gradient(180deg, #f59e0b, #d97706);
	box-shadow:
		0 8px 18px -6px rgba(217, 119, 6, 0.55),
		inset 0 1px 0 rgba(255, 255, 255, 0.35);
	transition: transform 0.12s ease, box-shadow 0.18s ease, filter 0.15s;
}
.lm-hero--player .lhp-goal__cta:hover {
	transform: translateY(-1px);
	filter: brightness(1.05);
	box-shadow:
		0 12px 22px -6px rgba(217, 119, 6, 0.65),
		inset 0 1px 0 rgba(255, 255, 255, 0.35);
}
.lm-hero--player .lhp-goal__cta svg { width: 13px; height: 13px; }
.lm-hero--player .lhp-goal__cta.is-disabled {
	background: linear-gradient(180deg, #cbd5e1, #94a3b8);
	box-shadow: none;
	pointer-events: none;
	opacity: 0.7;
}

/* ── responsive breakpoints (player hero) ── */
@media (max-width: 1080px) {
	.lm-hero.lm-hero--player {
		grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
	}
	.lm-hero--player .lhp-left {
		grid-column: 1 / -1;
		padding-bottom: 4px;
		border-bottom: 1px dashed rgba(15, 18, 38, 0.08);
	}
}
@media (max-width: 760px) {
	.lm-hero.lm-hero--player {
		grid-template-columns: 1fr;
		padding: 18px;
		min-height: 0;
	}
	.lm-hero--player .lhp-left {
		grid-column: auto;
		border-bottom: 1px dashed rgba(15, 18, 38, 0.08);
		padding-bottom: 14px;
	}
	.lm-hero--player .lhp-av { width: 80px; height: 80px; }
	.lm-hero--player .lhp-id__rank { font-size: 20px; }
	.lm-hero--player .lhp-chips { grid-template-columns: repeat(3, 1fr); }
	.lm-hero--player .lhp-chip { padding: 8px 10px; gap: 8px; }
	.lm-hero--player .lhp-chip__ico { width: 28px; height: 28px; }
	.lm-hero--player .lhp-chip__val { font-size: 14px; }
	.lm-hero--player .lhp-goal__big { font-size: 22px; }
}