/*
 * Here2Stay HUB – közös felület (főoldal és minden HUB-oldal).
 * Koncepció: esport-közvetítés / „tippradar”. Végig álló márkaháttér, egy nagy színpad
 * a következő tippzárással, futó hírszalag, alatta egységes, sorszámozott panelek.
 */

@font-face {
	font-family: "H2S Share";
	src: url("../fonts/share-bold-italic.ttf") format("truetype");
	font-style: italic;
	font-weight: 700;
	font-display: swap;
}

.hz {
	--hz-bg: #050608;
	--hz-panel: rgba(11, 13, 19, 0.74);
	--hz-panel-2: rgba(255, 255, 255, 0.04);
	--hz-line: rgba(255, 255, 255, 0.075);
	--hz-line-2: rgba(255, 255, 255, 0.15);
	--hz-text: #f4f6fa;
	--hz-muted: #8e97a6;
	--hz-red: #ff2b3e;
	--hz-accent-rgb: 255, 43, 62;
	--hz-accent-text: #ff8a95;
	--hz-grad-a: #ff4253;
	--hz-grad-b: #ff9b4f;
	--hz-ticker-a: #d8142a;
	--hz-ticker-b: #ff5a2a;
	--hz-ticker-ink: #1a0005;
	--hz-orange: #ff7a2f;
	--hz-green: #34e39b;
	--hz-cut: 18px;
	--hz-font: "Inter", "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, "SF Pro Display", Roboto, "Helvetica Neue", Arial, sans-serif;
	--hz-num: "H2S Share", "Arial Narrow", var(--hz-font);
	position: relative;
	isolation: isolate;
	/* clip: nem hoz létre görgetési konténert, így a sticky elemek működnek. */
	overflow-x: clip;
	padding-bottom: 110px;
	background: var(--hz-bg);
	color: var(--hz-text);
	font-family: var(--hz-font);
	-webkit-font-smoothing: antialiased;
}

/*
 * Az alapszabályok csak a HUB saját elemeire hatnak: a régi modulok (Profil, Üzenetek,
 * Fejlesztések, Szabályzat, admin modulok) belsejét kihagyjuk, mert azok saját méretezéssel
 * és ikonstílussal készültek. A :where() miatt a prioritás nem nő.
 */
.hz *:where(:not(:is(.h2s-hub-profile, .h2s-messages, .h2s-developments, .h2s-legal-shell, .hz-admin__view, .hz-admin__filter, .h2s-ms-section-page, .h2s-f1-leagues-page, .hz-skin--page) *)),
.hz *:where(:not(:is(.h2s-hub-profile, .h2s-messages, .h2s-developments, .h2s-legal-shell, .hz-admin__view, .hz-admin__filter, .h2s-ms-section-page, .h2s-f1-leagues-page, .hz-skin--page) *))::before,
.hz *:where(:not(:is(.h2s-hub-profile, .h2s-messages, .h2s-developments, .h2s-legal-shell, .hz-admin__view, .hz-admin__filter, .h2s-ms-section-page, .h2s-f1-leagues-page, .hz-skin--page) *))::after {
	box-sizing: border-box;
}

.hz a:where(:not(:is(.h2s-hub-profile, .h2s-messages, .h2s-developments, .h2s-legal-shell, .hz-admin__view, .hz-admin__filter, .h2s-ms-section-page, .h2s-f1-leagues-page, .hz-skin--page) *)) {
	color: inherit;
	text-decoration: none;
}

.hz a:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}

.hz h1:where(:not(:is(.h2s-hub-profile, .h2s-messages, .h2s-developments, .h2s-legal-shell, .hz-admin__view, .hz-admin__filter, .h2s-ms-section-page, .h2s-f1-leagues-page, .hz-skin--page) *)),
.hz h2:where(:not(:is(.h2s-hub-profile, .h2s-messages, .h2s-developments, .h2s-legal-shell, .hz-admin__view, .hz-admin__filter, .h2s-ms-section-page, .h2s-f1-leagues-page, .hz-skin--page) *)),
.hz h3:where(:not(:is(.h2s-hub-profile, .h2s-messages, .h2s-developments, .h2s-legal-shell, .hz-admin__view, .hz-admin__filter, .h2s-ms-section-page, .h2s-f1-leagues-page, .hz-skin--page) *)) {
	margin: 0;
	font-family: var(--hz-font);
	font-style: normal;
	text-transform: none;
}

.hz svg:where(:not(:is(.h2s-hub-profile, .h2s-messages, .h2s-developments, .h2s-legal-shell, .hz-admin__view, .hz-admin__filter, .h2s-ms-section-page, .h2s-f1-leagues-page, .hz-skin--page) *)) {
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.hz-wrap {
	position: relative;
	width: min(1280px, calc(100% - 48px));
	margin-inline: auto;
}

/* ---------- Álló háttér: márkakép + rács + vignetta, görgetéskor is végig látszik ---------- */
.hz-atmos {
	position: fixed;
	z-index: -1;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(120% 80% at 50% 0, transparent 40%, rgba(5, 6, 8, 0.7) 100%),
		linear-gradient(180deg, rgba(5, 6, 8, 0.25) 0%, rgba(5, 6, 8, 0.6) 60%, rgba(5, 6, 8, 0.78) 100%),
		url("../images/h2s-hub-stage.jpg") center / cover no-repeat;
}

.hz-atmos::before {
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.028) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px);
	background-size: 72px 72px;
	content: "";
	-webkit-mask-image: radial-gradient(ellipse at 30% 20%, #000 0, transparent 75%);
	mask-image: radial-gradient(ellipse at 30% 20%, #000 0, transparent 75%);
}

/* ---------- Gombok, apró elemek ---------- */
.hz-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 54px;
	padding: 0 28px;
	border: 0;
	background: linear-gradient(120deg, var(--hz-red), var(--hz-orange));
	box-shadow: 0 18px 40px -14px rgba(var(--hz-accent-rgb), 0.75);
	clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
	color: #fff;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0.02em;
	white-space: nowrap;
	transition: filter 180ms ease, transform 180ms ease;
}

.hz-btn svg {
	transition: transform 180ms ease;
}

.hz-btn:hover {
	filter: brightness(1.1);
	transform: translateY(-1px);
}

.hz-btn:hover svg {
	transform: translateX(3px);
}

.hz-btn.is-ghost {
	background: rgba(255, 255, 255, 0.07);
	box-shadow: inset 0 0 0 1px var(--hz-line-2);
	backdrop-filter: blur(10px);
}

.hz-btn.is-ghost:hover {
	background: rgba(255, 255, 255, 0.13);
}

.hz-live {
	position: relative;
	display: inline-block;
	width: 9px;
	height: 9px;
	flex: 0 0 auto;
	border-radius: 50%;
	background: var(--accent, var(--hz-red));
	box-shadow: 0 0 12px var(--accent, var(--hz-red));
}

.hz-live::after {
	position: absolute;
	inset: -5px;
	border: 2px solid var(--accent, var(--hz-red));
	border-radius: 50%;
	content: "";
	animation: hz-pulse 1.8s ease-out infinite;
}

.hz-live.is-idle {
	background: #6b7586;
	box-shadow: none;
}

.hz-live.is-idle::after {
	display: none;
}

@keyframes hz-pulse {
	from { opacity: 0.9; transform: scale(0.5); }
	to { opacity: 0; transform: scale(1.9); }
}

.hz-status {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 26px;
	padding: 0 11px;
	border: 1px solid var(--hz-line-2);
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.35);
	color: #c6cdd8;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.hz-status.is-live {
	border-color: rgba(52, 227, 155, 0.35);
	color: #86f3c6;
}

.hz-status.is-live::before {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--hz-green);
	box-shadow: 0 0 10px var(--hz-green);
	content: "";
}

.hz-empty {
	margin: 0;
	padding: 26px;
	border: 1px dashed var(--hz-line-2);
	color: var(--hz-muted);
	line-height: 1.55;
}

/* ---------- Színpad ---------- */
.hz-stage {
	position: relative;
	padding: 56px 0 84px;
}

.hz-stage::after {
	position: absolute;
	right: 0;
	bottom: 30px;
	left: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 70%, transparent) 30%, transparent 85%);
	content: "";
}

.hz-stage__mark {
	position: absolute;
	top: 10px;
	right: max(-40px, calc((100vw - 1280px) / 2 - 60px));
	z-index: 0;
	color: transparent;
	font-family: var(--hz-num);
	font-size: clamp(200px, 30vw, 440px);
	font-style: italic;
	line-height: 0.85;
	letter-spacing: -0.04em;
	pointer-events: none;
	-webkit-text-stroke: 2px color-mix(in srgb, var(--accent) 30%, transparent);
	user-select: none;
	opacity: 0.7;
}

.hz-stage__grid {
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(340px, 0.85fr);
	align-items: center;
	gap: 48px;
}

.hz-stage__hello {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 38px;
	padding: 6px 18px 6px 6px;
	border: 1px solid var(--hz-line);
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.35);
	backdrop-filter: blur(12px);
}

.hz-stage__hello img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: 0 0 0 2px var(--hz-red);
}

.hz-stage__hello span {
	display: grid;
	line-height: 1.25;
}

.hz-stage__hello strong {
	font-size: 14px;
	font-weight: 750;
}

.hz-stage__hello small {
	color: var(--hz-muted);
	font-size: 12px;
}

.hz-eyebrow {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 0 0 18px;
	color: #d5dbe5;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.hz-eyebrow em {
	color: var(--accent, var(--hz-red));
	font-style: normal;
}

.hz-stage__title {
	max-width: 12ch;
	font-size: clamp(50px, 7.4vw, 108px);
	font-weight: 850;
	line-height: 0.9;
	letter-spacing: -0.055em;
	text-shadow: 0 10px 60px rgba(0, 0, 0, 0.6);
}

.hz-stage__title span {
	background: linear-gradient(100deg, var(--hz-grad-a) 15%, var(--hz-grad-b) 85%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.hz-stage__meta {
	max-width: 560px;
	margin: 22px 0 0;
	color: #b8c0cc;
	font-size: 17px;
	line-height: 1.55;
}

.hz-stage__meta strong {
	color: #fff;
}

.hz-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 34px;
}

/* Eredményjelző-óra */
.hz-clock {
	display: inline-grid;
	gap: 14px;
	margin-top: 34px;
	padding: 20px 26px 18px;
	border: 1px solid var(--hz-line-2);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.3));
	clip-path: polygon(var(--hz-cut) 0, 100% 0, 100% calc(100% - var(--hz-cut)), calc(100% - var(--hz-cut)) 100%, 0 100%, 0 var(--hz-cut));
	backdrop-filter: blur(14px);
}

.hz-clock__digits {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}

.hz-clock__digits span {
	display: grid;
	justify-items: center;
	min-width: 76px;
}

.hz-clock__digits b {
	font-family: var(--hz-num);
	font-size: 72px;
	font-style: italic;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	line-height: 0.95;
}

.hz-clock__digits small {
	margin-top: 6px;
	color: var(--hz-muted);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.hz-clock__digits i {
	color: color-mix(in srgb, var(--accent, var(--hz-red)) 70%, transparent);
	font-family: var(--hz-num);
	font-size: 56px;
	font-style: normal;
	line-height: 1.1;
	animation: hz-blink 1s steps(2, start) infinite;
}

@keyframes hz-blink {
	50% { opacity: 0.25; }
}

.hz-clock__bar {
	height: 4px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.08);
}

.hz-clock__bar i {
	display: block;
	width: 0;
	height: 100%;
	background: linear-gradient(90deg, var(--accent, var(--hz-red)), var(--hz-orange));
	box-shadow: 0 0 16px var(--accent, var(--hz-red));
	transition: width 900ms linear;
}

.hz-clock.is-urgent .hz-clock__digits b {
	color: var(--hz-accent-text);
	text-shadow: 0 0 24px rgba(var(--hz-accent-rgb), 0.6);
}

/* Tippradar: a további határidők panelje */
.hz-pitwall {
	position: relative;
	padding: 24px;
	border: 1px solid var(--hz-line-2);
	background: linear-gradient(180deg, rgba(14, 17, 24, 0.86), rgba(8, 10, 14, 0.8));
	box-shadow: 0 40px 90px -40px rgba(0, 0, 0, 0.9);
	clip-path: polygon(0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 0 100%);
	backdrop-filter: blur(18px);
}

.hz-pitwall::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 92px;
	height: 3px;
	background: linear-gradient(90deg, var(--hz-red), var(--hz-orange));
	content: "";
}

.hz-pitwall > header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--hz-line);
}

.hz-pitwall > header h2 {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: var(--hz-num);
	font-size: 20px;
	font-style: italic;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.hz-pitwall > header h2 svg {
	color: var(--hz-red);
}

.hz-pitwall > header span {
	color: var(--hz-muted);
	font-size: 12px;
	font-weight: 600;
}

.hz-pitwall ol {
	display: grid;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hz-pitwall li a {
	position: relative;
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	padding: 12px 12px 12px 14px;
	background: rgba(255, 255, 255, 0.025);
	transition: background 160ms ease;
}

.hz-pitwall li a::before {
	position: absolute;
	top: 8px;
	bottom: 8px;
	left: 0;
	width: 3px;
	background: var(--accent);
	box-shadow: 0 0 12px var(--accent);
	content: "";
}

.hz-pitwall li a[href]:hover {
	background: rgba(255, 255, 255, 0.07);
}

.hz-pitwall__pos {
	color: rgba(255, 255, 255, 0.35);
	font-family: var(--hz-num);
	font-size: 22px;
	font-style: italic;
}

.hz-pitwall__what {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.hz-pitwall__what strong,
.hz-pitwall__what small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hz-pitwall__what strong {
	font-size: 15px;
	font-weight: 700;
}

.hz-pitwall__what small,
.hz-pitwall__when small {
	color: var(--hz-muted);
	font-size: 12px;
}

.hz-pitwall__when {
	display: grid;
	justify-items: end;
	gap: 2px;
}

.hz-pitwall__when b {
	color: color-mix(in srgb, var(--accent) 55%, #fff);
	font-size: 13px;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.hz-pitwall__empty {
	margin: 0;
	padding: 18px 4px;
	color: var(--hz-muted);
}

.hz-pitwall > footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid var(--hz-line);
	color: var(--hz-muted);
	font-size: 12px;
}

.hz-pitwall > footer span {
	margin-right: auto;
}

.hz-pitwall > footer a {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 0 12px;
	border: 1px solid var(--hz-line-2);
	color: #dfe4ec;
	font-weight: 700;
	transition: background 160ms ease;
}

.hz-pitwall > footer a:hover {
	background: rgba(255, 255, 255, 0.08);
}

.hz-pitwall.is-demo {
	transform: perspective(1400px) rotateY(-10deg) rotateX(4deg);
}

.hz-pitwall__demo-title {
	margin: 4px 0 0;
	font-size: 30px;
	font-weight: 850;
	letter-spacing: -0.04em;
}

.hz-pitwall.is-demo .hz-clock {
	margin: 14px 0 16px;
	padding: 14px 16px;
}

.hz-pitwall.is-demo .hz-clock__digits span {
	min-width: 52px;
}

.hz-pitwall.is-demo .hz-clock__digits b {
	font-size: 46px;
}

.hz-pitwall.is-demo .hz-clock__digits i {
	font-size: 36px;
}

/* ---------- Futó hírszalag ---------- */
.hz-ticker {
	position: relative;
	z-index: 2;
	overflow: hidden;
	margin: 0 -2%;
	background: linear-gradient(90deg, var(--hz-ticker-a), var(--hz-red) 40%, var(--hz-ticker-b));
	box-shadow: 0 20px 50px -20px rgba(var(--hz-accent-rgb), 0.8);
	transform: rotate(-1.2deg);
}

.hz-ticker__track {
	display: flex;
	width: max-content;
	animation: hz-marquee 48s linear infinite;
}

.hz-ticker:hover .hz-ticker__track {
	animation-play-state: paused;
}

.hz-ticker ul {
	display: flex;
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hz-ticker li {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 15px 34px 15px 0;
	color: #fff;
	font-family: var(--hz-num);
	font-size: 17px;
	font-style: italic;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	white-space: nowrap;
}

.hz-ticker li::before {
	width: 9px;
	height: 9px;
	background: rgba(0, 0, 0, 0.45);
	content: "";
	transform: rotate(45deg);
}

.hz-ticker li b {
	color: var(--hz-ticker-ink);
	font-size: 20px;
}

@keyframes hz-marquee {
	to { transform: translateX(-50%); }
}

/* ---------- Panelek ---------- */
.hz-board {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 20px;
	margin-top: 64px;
}

.hz-span-4 { grid-column: span 4; }
.hz-span-5 { grid-column: span 5; }
.hz-span-7 { grid-column: span 7; }
.hz-span-8 { grid-column: span 8; }
.hz-span-12 { grid-column: 1 / -1; }

.hz-panel {
	position: relative;
	min-width: 0;
	padding: 26px;
	border: 1px solid var(--hz-line);
	background: var(--hz-panel);
	box-shadow: 0 30px 80px -40px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.04);
	clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%);
	backdrop-filter: blur(16px);
}

.hz-panel::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 56px;
	height: 2px;
	background: linear-gradient(90deg, var(--hz-red), var(--hz-orange));
	content: "";
}

.hz-panel__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: -4px 0 22px;
}

.hz-panel__head h2 {
	display: flex;
	align-items: baseline;
	gap: 14px;
	font-size: 14px;
	font-weight: 850;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.hz-index {
	color: var(--hz-red);
	font-family: var(--hz-num);
	font-size: 26px;
	font-style: italic;
	letter-spacing: 0;
}

.hz-panel__head > a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 34px;
	color: var(--hz-muted);
	font-size: 13px;
	font-weight: 700;
	white-space: nowrap;
	transition: color 160ms ease;
}

.hz-panel__head > a:hover {
	color: #fff;
}

/* Ligák */
.hz-leagues {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.hz-league {
	position: relative;
	display: grid;
	grid-template-columns: 50px minmax(0, 1fr) auto;
	grid-template-areas: "icon main go" "icon meta go";
	align-items: center;
	column-gap: 14px;
	row-gap: 6px;
	padding: 16px 16px 16px 18px;
	border: 1px solid var(--hz-line);
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--accent, var(--hz-red)) 14%, transparent), transparent 60%),
		var(--hz-panel-2);
	transition: border-color 180ms ease, transform 180ms ease;
}

.hz-league::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 3px;
	background: var(--accent, var(--hz-red));
	content: "";
}

.hz-league:hover {
	border-color: color-mix(in srgb, var(--accent, var(--hz-red)) 55%, transparent);
	transform: translateX(3px);
}

.hz-league__icon {
	display: grid;
	grid-area: icon;
	width: 50px;
	height: 50px;
	place-items: center;
	background: color-mix(in srgb, var(--accent, var(--hz-red)) 20%, rgba(0, 0, 0, 0.4));
	clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
	color: color-mix(in srgb, var(--accent, var(--hz-red)) 75%, #fff);
}

.hz-league__icon svg {
	width: 24px;
	height: 24px;
	stroke-width: 1.7;
}

.hz-league__main {
	display: grid;
	grid-area: main;
	gap: 2px;
	min-width: 0;
}

.hz-league__main small {
	overflow: hidden;
	color: var(--hz-muted);
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hz-league__main strong {
	overflow: hidden;
	font-size: 18px;
	font-weight: 750;
	letter-spacing: -0.015em;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hz-league__meta {
	display: flex;
	grid-area: meta;
	align-items: center;
	gap: 6px;
	color: #c3cad5;
	font-size: 12px;
}

.hz-league__meta i {
	margin-left: 6px;
	padding: 2px 8px;
	border: 1px solid var(--hz-line-2);
	color: #dfe4ec;
	font-size: 10px;
	font-style: normal;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.hz-league__go {
	display: grid;
	grid-area: go;
	width: 38px;
	height: 38px;
	place-items: center;
	border: 1px solid var(--hz-line-2);
	color: #cfd5de;
	transition: background 180ms ease, border-color 180ms ease;
}

.hz-league:hover .hz-league__go {
	border-color: transparent;
	background: linear-gradient(120deg, var(--hz-red), var(--hz-orange));
	color: #fff;
}

.hz-league.is-add {
	--accent: #5d6676;
	border-style: dashed;
	background: transparent;
}

.hz-league.is-add::before {
	display: none;
}

.hz-league.is-add .hz-league__main {
	grid-row: 1 / span 2;
}

/* Profil panel */
.hz-me__id {
	display: flex;
	align-items: center;
	gap: 16px;
}

.hz-me__id img {
	width: 72px;
	height: 72px;
	padding: 3px;
	background: linear-gradient(135deg, var(--hz-red), var(--hz-orange));
	clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
	object-fit: cover;
}

.hz-me__id strong {
	display: block;
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -0.02em;
}

.hz-me__id small {
	color: var(--hz-muted);
	font-size: 13px;
}

.hz-me__stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	margin: 22px 0 18px;
	padding: 0;
	list-style: none;
}

.hz-me__stats li {
	display: grid;
	gap: 2px;
	padding: 14px 12px;
	border: 1px solid var(--hz-line);
	background: var(--hz-panel-2);
}

.hz-me__stats b {
	font-family: var(--hz-num);
	font-size: 34px;
	font-style: italic;
	line-height: 1;
}

.hz-me__stats span {
	color: var(--hz-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.hz-me__links {
	display: grid;
	gap: 6px;
}

.hz-me__links a {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 48px;
	padding: 0 14px;
	border: 1px solid var(--hz-line);
	background: var(--hz-panel-2);
	font-size: 14px;
	font-weight: 650;
	transition: background 160ms ease, border-color 160ms ease;
}

.hz-me__links a > svg:first-child {
	color: var(--hz-red);
}

.hz-me__links a > svg:last-child {
	margin-left: auto;
	color: var(--hz-muted);
}

.hz-me__links a:hover {
	border-color: var(--hz-line-2);
	background: rgba(255, 255, 255, 0.07);
}

.hz-me__links em {
	display: inline-grid;
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	place-items: center;
	border-radius: 999px;
	background: var(--hz-red);
	font-size: 11px;
	font-style: normal;
	font-weight: 800;
}

/* Játék-plakátok */
.hz-games {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.hz-game {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	min-height: 360px;
	padding: 24px;
	border: 1px solid var(--hz-line);
	background:
		repeating-linear-gradient(135deg, color-mix(in srgb, var(--accent) 9%, transparent) 0 2px, transparent 2px 16px),
		radial-gradient(120% 90% at 100% 0, color-mix(in srgb, var(--accent) 40%, transparent), transparent 60%),
		linear-gradient(180deg, #11141c, #07080c);
	clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 26px 100%, 0 calc(100% - 26px));
	transition: transform 240ms ease, border-color 240ms ease, box-shadow 240ms ease;
}

.hz-game::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 40%;
	background: linear-gradient(180deg, transparent, rgba(5, 6, 8, 0.85));
	content: "";
	pointer-events: none;
}

a.hz-game:hover {
	border-color: color-mix(in srgb, var(--accent) 65%, transparent);
	box-shadow: 0 30px 80px -30px color-mix(in srgb, var(--accent) 70%, transparent);
	transform: translateY(-6px);
}

.hz-game.is-upcoming {
	filter: grayscale(0.6);
	opacity: 0.6;
}

.hz-game__mark {
	position: absolute;
	right: -14px;
	bottom: 18px;
	z-index: 0;
	color: color-mix(in srgb, var(--accent) 22%, transparent);
	font-family: var(--hz-num);
	font-size: 200px;
	font-style: italic;
	line-height: 0.8;
	letter-spacing: -0.04em;
	pointer-events: none;
	transition: transform 500ms cubic-bezier(0.2, 0.8, 0.2, 1), color 400ms ease;
}

a.hz-game:hover .hz-game__mark {
	color: color-mix(in srgb, var(--accent) 38%, transparent);
	transform: translateX(-16px) scale(1.04);
}

.hz-game > *:not(.hz-game__mark) {
	position: relative;
	z-index: 1;
}

.hz-game__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.hz-game__icon {
	display: grid;
	width: 52px;
	height: 52px;
	place-items: center;
	background: color-mix(in srgb, var(--accent) 24%, rgba(0, 0, 0, 0.4));
	clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
	color: color-mix(in srgb, var(--accent) 70%, #fff);
}

.hz-game__icon svg {
	width: 26px;
	height: 26px;
	stroke-width: 1.7;
}

.hz-game__body {
	display: grid;
	gap: 8px;
	margin-top: auto;
	padding-top: 40px;
}

.hz-game__body small {
	color: color-mix(in srgb, var(--accent) 60%, #fff);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.hz-game__body strong {
	font-size: 40px;
	font-weight: 850;
	line-height: 0.95;
	letter-spacing: -0.045em;
}

.hz-game__body span {
	max-width: 30ch;
	color: #b6bec9;
	font-size: 14px;
	line-height: 1.5;
}

.hz-game__foot {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 22px;
	padding-top: 16px;
	border-top: 1px solid var(--hz-line);
	color: var(--hz-muted);
	font-size: 13px;
}

.hz-game__foot b {
	color: #fff;
	font-family: var(--hz-num);
	font-size: 18px;
	font-style: italic;
}

.hz-game__foot em {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-left: auto;
	color: #fff;
	font-size: 13px;
	font-style: normal;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.hz-game.is-upcoming .hz-game__foot em {
	color: var(--hz-muted);
}

/* Élő aktivitás */
.hz-feed {
	display: grid;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hz-feed li {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr) auto;
	align-items: start;
	gap: 14px;
	padding: 14px 0;
	border-top: 1px solid var(--hz-line);
}

.hz-feed li:first-child {
	padding-top: 0;
	border-top: 0;
}

.hz-feed img,
.hz-feed__dot {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
}

.hz-feed__dot {
	display: grid;
	place-items: center;
	background: rgba(var(--hz-accent-rgb), 0.14);
	color: var(--hz-red);
}

.hz-feed li.is-member img {
	box-shadow: 0 0 0 2px var(--hz-green);
}

.hz-feed li.is-league img {
	box-shadow: 0 0 0 2px var(--hz-red);
}

.hz-feed strong {
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.35;
}

.hz-feed p {
	margin: 4px 0 0;
	color: var(--hz-muted);
	font-size: 13px;
	line-height: 1.45;
}

.hz-feed time {
	color: var(--hz-muted);
	font-size: 12px;
	white-space: nowrap;
}

/* Újdonságok */
.hz-release__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
}

.hz-release__ver {
	background: linear-gradient(100deg, var(--hz-grad-a), var(--hz-grad-b));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-family: var(--hz-num);
	font-size: 52px;
	font-style: italic;
	line-height: 1;
}

.hz-release__head time {
	color: var(--hz-muted);
	font-size: 13px;
}

.hz-release h3 {
	margin: 10px 0 14px;
	font-size: 19px;
	font-weight: 750;
	letter-spacing: -0.01em;
}

.hz-release__list {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hz-release__list li {
	position: relative;
	padding-left: 20px;
	color: #c3cad5;
	font-size: 14px;
	line-height: 1.45;
}

.hz-release__list li::before {
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 7px;
	height: 7px;
	background: var(--hz-red);
	content: "";
	transform: rotate(45deg);
}

.hz-release__more {
	margin: 14px 0 0;
	color: var(--hz-muted);
	font-size: 13px;
}

/* Achievement-szalag */
.hz-badges {
	display: grid;
	grid-auto-columns: minmax(250px, 1fr);
	grid-auto-flow: column;
	gap: 12px;
	overflow-x: auto;
	padding-bottom: 6px;
	scroll-snap-type: x mandatory;
	scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
	scrollbar-width: thin;
}

.hz-badge {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 16px;
	border: 1px solid var(--hz-line);
	background: var(--hz-panel-2);
	scroll-snap-align: start;
}

.hz-badge .h2s-achievement-medal {
	width: 56px;
	height: 56px;
	flex: 0 0 56px;
	margin: 0;
}

.hz-badge .h2s-achievement-medal > span {
	font-size: 22px !important;
}

.hz-badge div {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.hz-badge small {
	color: var(--hz-accent-text);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.hz-badge strong {
	overflow: hidden;
	font-size: 15px;
	font-weight: 750;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hz-badge span {
	overflow: hidden;
	color: var(--hz-muted);
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Vendég: lépések */
.hz-steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hz-steps li {
	padding: 24px;
	border: 1px solid var(--hz-line);
	background: var(--hz-panel-2);
}

.hz-steps b {
	display: block;
	margin-bottom: 16px;
	color: var(--hz-red);
	font-family: var(--hz-num);
	font-size: 44px;
	font-style: italic;
	line-height: 1;
}

.hz-steps strong {
	display: block;
	margin-bottom: 6px;
	font-size: 18px;
	font-weight: 750;
}

.hz-steps p {
	margin: 0;
	color: var(--hz-muted);
	line-height: 1.5;
}

/* Nyitott ligák és gyors műveletek a Ligáim panel alján */
.hz-subhead {
	margin: 26px 0 10px;
	color: var(--hz-muted);
	font-size: 11px;
	font-weight: 850;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.hz-open {
	display: grid;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hz-open a {
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 58px;
	padding: 10px 14px;
	border: 1px solid transparent;
	background: rgba(255, 255, 255, 0.025);
	transition: background 160ms ease, border-color 160ms ease;
}

.hz-open a:hover {
	border-color: var(--hz-line-2);
	background: rgba(255, 255, 255, 0.06);
}

.hz-open i {
	width: 8px;
	height: 8px;
	flex: 0 0 auto;
	background: var(--accent);
	box-shadow: 0 0 10px var(--accent);
	transform: rotate(45deg);
}

.hz-open span {
	display: grid;
	flex: 1 1 auto;
	gap: 2px;
	min-width: 0;
}

.hz-open strong {
	overflow: hidden;
	font-size: 15px;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hz-open small {
	overflow: hidden;
	color: var(--hz-muted);
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hz-open em {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #dfe4ec;
	font-size: 12px;
	font-style: normal;
	font-weight: 800;
	white-space: nowrap;
}

.hz-quick {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-top: 26px;
}

.hz-quick a {
	display: grid;
	gap: 4px;
	padding: 16px;
	border: 1px solid var(--hz-line);
	background: var(--hz-panel-2);
	transition: border-color 160ms ease, background 160ms ease;
}

.hz-quick a:hover {
	border-color: rgba(var(--hz-accent-rgb), 0.55);
	background: rgba(var(--hz-accent-rgb), 0.07);
}

.hz-quick b {
	color: var(--hz-red);
	font-family: var(--hz-num);
	font-size: 22px;
	font-style: italic;
}

.hz-quick span {
	color: #c3cad5;
	font-size: 13px;
}

@media (max-width: 640px) {
	.hz-quick {
		gap: 8px;
	}

	.hz-quick a {
		padding: 12px 10px;
	}

	.hz-quick b {
		font-size: 18px;
	}

	.hz-quick span {
		font-size: 11px;
		line-height: 1.35;
	}

	.hz-eyebrow {
		gap: 6px 8px;
		font-size: 10px;
		letter-spacing: 0.14em;
	}
}

/* =====================================================================
 * HUB-oldalak (Ligák, Játékok, Naptár, Közösség, Elérhetőség, Értesítések…)
 * ================================================================== */

.hz-page {
	min-height: 70vh;
}

.hz-muted {
	margin: 0 0 16px;
	color: #a3acba;
	font-size: 14px;
	line-height: 1.6;
}

.hz-muted a,
.hz-steps a,
.hz-hint a {
	color: var(--hz-accent-text);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.hz-hint {
	display: block;
	margin: 8px 0 0;
	color: #737d8c;
	font-size: 12px;
}

.hz-code {
	padding: 2px 8px;
	border: 1px solid var(--hz-line-2);
	background: rgba(255, 255, 255, 0.05);
	color: #fff;
	font-family: var(--hz-num);
	font-style: italic;
	letter-spacing: 0.06em;
}

/* Oldalfejléc */
.hz-pagehead {
	position: relative;
	padding: 56px 0 36px;
}

.hz-pagehead__mark {
	position: absolute;
	top: 12px;
	right: max(-30px, calc((100vw - 1280px) / 2 - 40px));
	color: transparent;
	font-family: var(--hz-num);
	font-size: clamp(140px, 20vw, 300px);
	font-style: italic;
	line-height: 0.85;
	letter-spacing: -0.04em;
	pointer-events: none;
	-webkit-text-stroke: 2px rgba(var(--hz-accent-rgb), 0.22);
	user-select: none;
}

.hz-pagehead__grid {
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: end;
	gap: 40px;
}

.hz-pagehead.has-aside .hz-pagehead__grid {
	grid-template-columns: minmax(0, 1.4fr) minmax(300px, 0.8fr);
}

.hz-pagehead__title {
	max-width: 15ch;
	font-size: clamp(44px, 6.4vw, 92px);
	font-weight: 850;
	line-height: 0.92;
	letter-spacing: -0.05em;
	text-shadow: 0 10px 60px rgba(0, 0, 0, 0.6);
}

.hz-pagehead__title span {
	background: linear-gradient(100deg, var(--hz-grad-a) 15%, var(--hz-grad-b) 85%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.hz-pagehead__lead {
	max-width: 620px;
	margin: 20px 0 0;
	color: #b8c0cc;
	font-size: 17px;
	line-height: 1.6;
}

.hz-headstats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 0;
	padding: 0;
	border: 1px solid var(--hz-line-2);
	background: rgba(8, 10, 14, 0.7);
	clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
	list-style: none;
	backdrop-filter: blur(14px);
}

.hz-headstats li {
	display: grid;
	gap: 4px;
	padding: 18px 16px;
}

.hz-headstats li + li {
	border-left: 1px solid var(--hz-line);
}

.hz-headstats b {
	overflow: hidden;
	font-family: var(--hz-num);
	font-size: 34px;
	font-style: italic;
	line-height: 1;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hz-headstats span {
	color: var(--hz-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.hz-page .hz-board {
	margin-top: 8px;
}

/* Visszajelzés */
.hz-notice {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 16px 18px;
	border: 1px solid;
	font-size: 14px;
	font-weight: 600;
	backdrop-filter: blur(12px);
}

.hz-notice p {
	margin: 0;
}

.hz-notice p + p {
	margin-top: 4px;
}

.hz-notice.is-success {
	border-color: rgba(52, 227, 155, 0.4);
	background: rgba(20, 120, 80, 0.25);
	color: #c4f7df;
}

.hz-notice.is-error {
	border-color: rgba(255, 75, 89, 0.5);
	background: rgba(150, 20, 35, 0.3);
	color: #ffd3d8;
}

/* Gombok kiegészítése */
button.hz-btn {
	font-family: inherit;
	cursor: pointer;
}

.hz-btn.is-small {
	min-height: 40px;
	padding: 0 16px;
	clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
	font-size: 13px;
}

.hz-btn.is-busy {
	opacity: 0.6;
	pointer-events: none;
}

.hz-btn svg {
	width: 16px;
	height: 16px;
}

.hz-stack {
	display: grid;
	gap: 8px;
	margin-bottom: 10px;
}

.hz-stack .hz-btn {
	justify-content: flex-start;
}

/* Címkék */
.hz-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 26px;
	padding: 0 10px;
	border: 1px solid var(--hz-line-2);
	color: #dfe4ec;
	font-size: 10px;
	font-style: normal;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	white-space: nowrap;
}

.hz-chip svg {
	width: 13px;
	height: 13px;
}

.hz-chip.is-open,
.hz-chip.is-member {
	border-color: rgba(52, 227, 155, 0.35);
	color: #86f3c6;
}

.hz-chip.is-request {
	border-color: rgba(246, 217, 74, 0.4);
	color: #f6e18a;
}

.hz-chip.is-private {
	border-color: rgba(var(--hz-accent-rgb), 0.4);
	color: var(--hz-accent-text);
}

.hz-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.hz-chips button {
	min-height: 38px;
	padding: 0 14px;
	border: 1px solid var(--hz-line-2);
	background: rgba(255, 255, 255, 0.03);
	color: #c6cdd8;
	font: inherit;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	transition: background 160ms ease, border-color 160ms ease, color 160ms ease;
}

.hz-chips button:hover {
	color: #fff;
}

.hz-chips button.is-active {
	border-color: transparent;
	background: linear-gradient(120deg, var(--hz-red), var(--hz-orange));
	color: #fff;
}

/* Űrlapelemek */
.hz input[type="text"]:where(:not(:is(.h2s-hub-profile, .h2s-messages, .h2s-developments, .h2s-legal-shell, .hz-admin__view, .hz-admin__filter, .h2s-ms-section-page, .h2s-f1-leagues-page, .hz-skin--page) *)),
.hz input[type="email"]:where(:not(:is(.h2s-hub-profile, .h2s-messages, .h2s-developments, .h2s-legal-shell, .hz-admin__view, .hz-admin__filter, .h2s-ms-section-page, .h2s-f1-leagues-page, .hz-skin--page) *)),
.hz input[type="search"]:where(:not(:is(.h2s-hub-profile, .h2s-messages, .h2s-developments, .h2s-legal-shell, .hz-admin__view, .hz-admin__filter, .h2s-ms-section-page, .h2s-f1-leagues-page, .hz-skin--page) *)),
.hz input[type="password"]:where(:not(:is(.h2s-hub-profile, .h2s-messages, .h2s-developments, .h2s-legal-shell, .hz-admin__view, .hz-admin__filter, .h2s-ms-section-page, .h2s-f1-leagues-page, .hz-skin--page) *)),
.hz select:where(:not(:is(.h2s-hub-profile, .h2s-messages, .h2s-developments, .h2s-legal-shell, .hz-admin__view, .hz-admin__filter, .h2s-ms-section-page, .h2s-f1-leagues-page, .hz-skin--page) *)),
.hz textarea:where(:not(:is(.h2s-hub-profile, .h2s-messages, .h2s-developments, .h2s-legal-shell, .hz-admin__view, .hz-admin__filter, .h2s-ms-section-page, .h2s-f1-leagues-page, .hz-skin--page) *)) {
	width: 100%;
	min-height: 50px;
	padding: 12px 14px;
	border: 1px solid #2f3746;
	border-radius: 0;
	background: rgba(5, 7, 10, 0.75);
	color: #fff;
	font: inherit;
	font-size: 16px;
	outline: 0;
	transition: border-color 160ms ease, box-shadow 160ms ease;
}

.hz select:where(:not(:is(.h2s-hub-profile, .h2s-messages, .h2s-developments, .h2s-legal-shell, .hz-admin__view, .hz-admin__filter, .h2s-ms-section-page, .h2s-f1-leagues-page, .hz-skin--page) *)) {
	appearance: none;
	padding-right: 38px;
	background-image: linear-gradient(45deg, transparent 50%, #9aa3b2 50%), linear-gradient(135deg, #9aa3b2 50%, transparent 50%);
	background-position: calc(100% - 20px) 50%, calc(100% - 14px) 50%;
	background-repeat: no-repeat;
	background-size: 6px 6px;
}

.hz textarea:where(:not(:is(.h2s-hub-profile, .h2s-messages, .h2s-developments, .h2s-legal-shell, .hz-admin__view, .hz-admin__filter, .h2s-ms-section-page, .h2s-f1-leagues-page, .hz-skin--page) *)) {
	min-height: 160px;
	resize: vertical;
	line-height: 1.55;
}

.hz input:focus,
.hz select:focus,
.hz textarea:focus {
	border-color: var(--hz-red);
	box-shadow: 0 0 0 3px rgba(var(--hz-accent-rgb), 0.18);
}

.hz input::placeholder,
.hz textarea::placeholder {
	color: #5f6878;
}

.hz-form label > span,
.hz-filters label > span {
	color: #c9d0db;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.hz-form__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.hz-form__grid label,
.hz-filters label {
	display: grid;
	gap: 8px;
	min-width: 0;
}

.hz-form__grid .is-wide {
	grid-column: 1 / -1;
}

.hz-form__grid b {
	color: var(--hz-red);
}

.hz-form__grid small {
	justify-self: end;
	color: #737d8c;
	font-size: 12px;
}

.hz-check {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 20px 0 24px;
	color: #a9b2bf;
	font-size: 13px;
	line-height: 1.5;
	cursor: pointer;
}

.hz-check input {
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
	margin: 1px 0 0;
	accent-color: var(--hz-red);
}

.hz-trap {
	position: absolute !important;
	left: -10000px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

/* Eszköztár, kereső */
.hz-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 18px;
}

.hz-search {
	display: flex;
	flex: 1 1 280px;
	align-items: center;
	gap: 10px;
	max-width: 420px;
	padding: 0 0 0 14px;
	border: 1px solid #2f3746;
	background: rgba(5, 7, 10, 0.75);
	color: var(--hz-muted);
}

.hz-search input[type="search"] {
	min-height: 44px;
	padding-left: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.hz-select select {
	min-height: 40px;
	font-size: 14px;
}

/* Kódos csatlakozás */
.hz-codeform__row {
	display: flex;
	align-items: stretch;
	border: 1px solid var(--hz-line-2);
	background: rgba(5, 7, 10, 0.8);
	clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
}

.hz-codeform__row > span {
	display: grid;
	width: 54px;
	flex: 0 0 auto;
	place-items: center;
	color: var(--hz-red);
}

.hz-codeform__row > span svg {
	width: 22px;
	height: 22px;
}

.hz .hz-codeform__row input {
	min-height: 60px;
	padding-left: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	font-family: var(--hz-num);
	font-size: 24px;
	font-style: italic;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.hz-codeform__row .hz-btn {
	min-height: auto;
	clip-path: none;
	box-shadow: none;
}

.hz-pick {
	display: grid;
	gap: 8px;
}

.hz-pick__item,
.hz-create__item {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px;
	border: 1px solid var(--hz-line);
	background: var(--hz-panel-2);
	cursor: pointer;
	transition: border-color 160ms ease, background 160ms ease;
}

.hz-pick__item:hover,
.hz-create__item:hover {
	border-color: color-mix(in srgb, var(--accent, var(--hz-red)) 55%, transparent);
	background: rgba(255, 255, 255, 0.06);
}

.hz-pick__item:has(input:checked) {
	border-color: var(--accent, var(--hz-red));
	background: color-mix(in srgb, var(--accent, var(--hz-red)) 12%, transparent);
}

.hz-pick__item input {
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
	accent-color: var(--accent, var(--hz-red));
}

.hz-pick__item > span:last-child,
.hz-create__item > span:nth-child(2) {
	display: grid;
	flex: 1 1 auto;
	gap: 2px;
	min-width: 0;
}

.hz-pick__item strong,
.hz-create__item strong {
	font-size: 16px;
	font-weight: 750;
}

.hz-pick__item small,
.hz-create__item small {
	color: var(--hz-muted);
	font-size: 12px;
}

.hz-pick__icon {
	display: grid;
	width: 44px;
	height: 44px;
	flex: 0 0 auto;
	place-items: center;
	background: color-mix(in srgb, var(--accent, var(--hz-red)) 20%, rgba(0, 0, 0, 0.4));
	clip-path: polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);
	color: color-mix(in srgb, var(--accent, var(--hz-red)) 75%, #fff);
}

.hz-pick__icon svg {
	width: 22px;
	height: 22px;
	stroke-width: 1.7;
}

.hz-pick .hz-actions {
	margin-top: 10px;
}

.hz-create {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 10px;
}

.hz-create__item > svg {
	color: var(--hz-muted);
}

/* Ligakártyák */
.hz-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 14px;
}

.hz-lcard {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 20px;
	border: 1px solid var(--hz-line);
	background:
		radial-gradient(90% 70% at 100% 0, color-mix(in srgb, var(--accent, var(--hz-red)) 16%, transparent), transparent 70%),
		var(--hz-panel-2);
}

.hz-lcard::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 3px;
	background: var(--accent, var(--hz-red));
	content: "";
}

.hz-lcard header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
}

.hz-lcard > small {
	color: var(--hz-muted);
	font-size: 12px;
}

.hz-lcard h3 {
	font-size: 19px;
	font-weight: 750;
	letter-spacing: -0.015em;
}

.hz-lcard p {
	margin: 0;
	color: #b6bec9;
	font-size: 13px;
}

.hz-lcard footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: auto;
	padding-top: 14px;
}

.hz-lcard footer form {
	margin: 0;
}

.hz-copy {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	margin-top: 8px;
	padding: 10px 12px;
	border: 1px dashed var(--hz-line-2);
	background: rgba(0, 0, 0, 0.3);
	color: #fff;
	font: inherit;
	text-align: left;
	cursor: pointer;
	transition: border-color 160ms ease, background 160ms ease;
}

.hz-copy span {
	overflow: hidden;
	flex: 1 1 auto;
	font-family: var(--hz-num);
	font-size: 17px;
	font-style: italic;
	letter-spacing: 0.06em;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hz-copy em {
	color: var(--hz-muted);
	font-size: 11px;
	font-style: normal;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.hz-copy svg {
	color: var(--hz-red);
}

.hz-copy:hover {
	border-color: rgba(var(--hz-accent-rgb), 0.6);
}

.hz-copy.is-copied {
	border-style: solid;
	border-color: rgba(52, 227, 155, 0.5);
}

.hz-copy.is-copied em {
	color: #86f3c6;
}

/* Felfedező szűrő */
.hz-filters {
	display: grid;
	grid-template-columns: 2fr repeat(4, minmax(0, 1fr));
	align-items: end;
	gap: 12px;
	margin-bottom: 22px;
	padding: 16px;
	border: 1px solid var(--hz-line);
	background: rgba(0, 0, 0, 0.25);
}

.hz-filters__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	grid-column: 1 / -1;
}

/* Játékok oldal */
.hz-leagues.is-row {
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.hz-game__series {
	display: flex !important;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 6px;
}

.hz-game__series i {
	padding: 3px 8px;
	border: 1px solid color-mix(in srgb, var(--accent) 35%, transparent);
	background: rgba(0, 0, 0, 0.35);
	color: #dfe4ec;
	font-size: 11px;
	font-style: normal;
	font-weight: 600;
}

.hz-game[hidden] {
	display: none;
}

/* Naptár */
.hz-agenda {
	display: grid;
	gap: 18px;
}

.hz-agenda__day {
	display: grid;
	grid-template-columns: 110px minmax(0, 1fr);
	gap: 18px;
}

.hz-agenda__day[hidden],
.hz-agenda__item[hidden] {
	display: none;
}

.hz-agenda__date {
	position: sticky;
	top: 110px;
	display: grid;
	align-content: start;
	gap: 2px;
	height: max-content;
	padding: 14px;
	border: 1px solid var(--hz-line);
	background: rgba(0, 0, 0, 0.35);
}

.hz-agenda__date b {
	font-family: var(--hz-num);
	font-size: 44px;
	font-style: italic;
	line-height: 0.9;
}

.hz-agenda__date span {
	color: #fff;
	font-size: 13px;
	font-weight: 700;
}

.hz-agenda__date small {
	color: var(--hz-muted);
	font-size: 11px;
}

.hz-agenda__items {
	display: grid;
	gap: 8px;
}

.hz-agenda__item {
	position: relative;
	display: grid;
	grid-template-columns: 60px minmax(0, 1fr) auto 38px;
	align-items: center;
	gap: 14px;
	padding: 14px 14px 14px 18px;
	border: 1px solid var(--hz-line);
	background: var(--hz-panel-2);
	transition: border-color 160ms ease, transform 160ms ease;
}

.hz-agenda__item::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 3px;
	background: var(--accent);
	box-shadow: 0 0 12px var(--accent);
	content: "";
}

.hz-agenda__item:hover {
	border-color: color-mix(in srgb, var(--accent) 55%, transparent);
	transform: translateX(3px);
}

.hz-agenda__item time {
	font-family: var(--hz-num);
	font-size: 22px;
	font-style: italic;
}

.hz-agenda__what {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.hz-agenda__what strong,
.hz-agenda__what small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hz-agenda__what strong {
	font-size: 16px;
	font-weight: 700;
}

.hz-agenda__what small {
	color: var(--hz-muted);
	font-size: 12px;
}

.hz-agenda__left {
	padding: 4px 10px;
	background: color-mix(in srgb, var(--accent) 16%, transparent);
	color: color-mix(in srgb, var(--accent) 55%, #fff);
	font-size: 12px;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.hz-agenda__left.is-urgent {
	background: rgba(var(--hz-accent-rgb), 0.25);
	color: var(--hz-accent-text);
}

.hz-agenda__go {
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	border: 1px solid var(--hz-line-2);
	color: #cfd5de;
}

.hz-agenda__item:hover .hz-agenda__go {
	border-color: transparent;
	background: linear-gradient(120deg, var(--hz-red), var(--hz-orange));
	color: #fff;
}

.hz-nextcard {
	position: relative;
	display: grid;
	gap: 4px;
	margin-bottom: 20px;
	padding: 18px 18px 18px 22px;
	border: 1px solid color-mix(in srgb, var(--accent) 40%, transparent);
	background: radial-gradient(120% 90% at 100% 0, color-mix(in srgb, var(--accent) 28%, transparent), transparent 60%), rgba(0, 0, 0, 0.35);
}

.hz-nextcard::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 3px;
	background: var(--accent);
	content: "";
}

.hz-nextcard small {
	color: var(--hz-muted);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.hz-nextcard strong {
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -0.02em;
}

.hz-nextcard span {
	color: #b6bec9;
	font-size: 13px;
}

.hz-nextcard b {
	margin-top: 6px;
	font-family: var(--hz-num);
	font-size: 28px;
	font-style: italic;
}

/* Közösség */
.hz-roles {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.hz-role {
	display: flex;
	flex-direction: column;
	padding: 18px;
	border: 1px solid var(--hz-line);
	border-top: 3px solid var(--accent);
	background: var(--hz-panel-2);
}

.hz-role header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 14px;
}

.hz-role header span {
	display: grid;
	gap: 4px;
}

.hz-role header strong {
	font-size: 17px;
	font-weight: 800;
}

.hz-role header small {
	color: var(--hz-muted);
	font-size: 12px;
	line-height: 1.45;
}

.hz-role header b {
	color: var(--accent);
	font-family: var(--hz-num);
	font-size: 30px;
	font-style: italic;
	line-height: 1;
}

.hz-role__list {
	display: grid;
	gap: 6px;
	max-height: 290px;
	overflow-y: auto;
	scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
	scrollbar-width: thin;
}

.hz-member {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
	padding: 10px;
	border: 1px solid var(--hz-line);
	background: rgba(0, 0, 0, 0.3);
	cursor: pointer;
	transition: border-color 160ms ease;
}

.hz-member:hover {
	border-color: var(--hz-line-2);
}

.hz-member img {
	width: 44px;
	height: 44px;
	flex: 0 0 auto;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.12);
}

.hz-member span {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.hz-member strong,
.hz-member small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hz-member strong {
	font-size: 14px;
	font-weight: 700;
}

.hz-member small {
	color: var(--hz-muted);
	font-size: 12px;
}

.hz-members {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.hz-soon {
	display: flex;
	align-items: center;
	gap: 22px;
}

.hz-soon__icon {
	display: grid;
	width: 64px;
	height: 64px;
	flex: 0 0 auto;
	place-items: center;
	background: linear-gradient(135deg, var(--hz-red), var(--hz-orange));
	clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
}

.hz-soon__icon svg {
	width: 28px;
	height: 28px;
}

.hz-soon h2 {
	margin: -6px 0 8px;
	font-size: 26px;
	font-weight: 800;
	letter-spacing: -0.02em;
}

.hz-soon .hz-muted {
	margin: 0;
}

.hz-feed a {
	color: #fff;
}

.hz-feed a:hover {
	color: var(--hz-accent-text);
}

.hz-feed li[hidden] {
	display: none;
}

.hz [data-h2s-activity-filter] {
	margin-bottom: 18px;
}

/* Értesítések */
.hz-panel__tools {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.hz-notifs {
	display: grid;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hz-notifs li {
	position: relative;
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	padding: 14px 16px;
	border: 1px solid var(--hz-line);
	background: rgba(255, 255, 255, 0.02);
}

.hz-notifs li.is-unread {
	border-color: rgba(var(--hz-accent-rgb), 0.35);
	background: rgba(var(--hz-accent-rgb), 0.07);
}

.hz-notifs li.is-unread::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 3px;
	background: var(--hz-red);
	content: "";
}

.hz-notifs__icon {
	display: grid;
	width: 42px;
	height: 42px;
	place-items: center;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.06);
	color: var(--hz-accent-text);
}

.hz-notifs strong {
	display: block;
	font-size: 15px;
	font-weight: 700;
}

.hz-notifs p {
	margin: 4px 0;
	color: #b6bec9;
	font-size: 13px;
	line-height: 1.45;
}

.hz-notifs small {
	color: var(--hz-muted);
	font-size: 12px;
}

/* Elérhetőség */
.hz-infolist {
	display: grid;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hz-infolist li {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 14px;
	border: 1px solid var(--hz-line);
	background: var(--hz-panel-2);
}

.hz-infolist li > span {
	display: grid;
	width: 40px;
	height: 40px;
	flex: 0 0 auto;
	place-items: center;
	background: rgba(var(--hz-accent-rgb), 0.14);
	color: var(--hz-accent-text);
}

.hz-infolist small {
	display: block;
	color: var(--hz-muted);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.hz-infolist a,
.hz-infolist strong {
	color: #fff;
	font-size: 15px;
	font-weight: 700;
}

.hz-infolist a:hover {
	color: var(--hz-accent-text);
}

/* Állapot */
.hz-statuslist {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hz-statuslist li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 18px;
	border: 1px solid var(--hz-line);
	background: var(--hz-panel-2);
	font-weight: 650;
}

.hz-statuslist b {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #86f3c6;
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.hz-statuslist b::before {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--hz-green);
	box-shadow: 0 0 10px var(--hz-green);
	content: "";
}

.hz-statuslist li.is-soon b {
	color: #c6cdd8;
}

.hz-statuslist li.is-soon b::before {
	background: #6b7586;
	box-shadow: none;
}

.hz-empty.is-cta {
	display: grid;
	justify-items: start;
	gap: 8px;
}

.hz-empty.is-cta strong {
	color: #fff;
	font-size: 18px;
}

.hz-empty.is-cta .hz-btn {
	margin-top: 8px;
}

@media (max-width: 1100px) {
	.hz-pagehead.has-aside .hz-pagehead__grid {
		grid-template-columns: 1fr;
		gap: 26px;
	}

	.hz-roles {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hz-filters {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hz-filters .is-wide {
		grid-column: 1 / -1;
	}
}

@media (max-width: 640px) {
	.hz-pagehead {
		padding: 30px 0 24px;
	}

	.hz-pagehead__title {
		font-size: clamp(38px, 12vw, 54px);
	}

	.hz-pagehead__lead {
		font-size: 15px;
	}

	.hz-headstats b {
		font-size: 24px;
	}

	.hz-headstats li {
		padding: 14px 10px;
	}

	.hz-headstats span {
		font-size: 9px;
	}

	.hz-form__grid,
	.hz-roles,
	.hz-members,
	.hz-filters {
		grid-template-columns: 1fr;
	}

	.hz-form__grid .is-wide {
		grid-column: auto;
	}

	.hz-codeform__row {
		flex-wrap: wrap;
	}

	.hz .hz-codeform__row input {
		flex: 1 1 0;
		min-width: 0;
		font-size: 20px;
	}

	.hz-codeform__row .hz-btn {
		width: 100%;
		min-height: 48px;
	}

	.hz-agenda__day {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.hz-agenda__date {
		position: static;
		display: flex;
		align-items: baseline;
		gap: 10px;
		padding: 8px 12px;
	}

	.hz-agenda__date b {
		font-size: 28px;
	}

	.hz-agenda__item {
		grid-template-columns: 52px minmax(0, 1fr);
	}

	.hz-agenda__left {
		grid-column: 2;
		justify-self: start;
	}

	.hz-agenda__go {
		display: none;
	}

	.hz-notifs li {
		grid-template-columns: 36px minmax(0, 1fr);
	}

	.hz-notifs li > .hz-btn {
		grid-column: 2;
		justify-self: start;
	}

	.hz-soon {
		align-items: flex-start;
		flex-direction: column;
	}
}

/* =====================================================================
 * Skin: a meglévő alkalmazás-oldalak (Profil, Üzenetek, Fejlesztések,
 * Szabályzat/ÁSZF) átfestése az új HUB-stílusra. A modulok saját
 * színváltozóit írjuk felül, a formákat pedig egységesítjük – a
 * működésükhöz (fülek, űrlapok, szkriptek) nem nyúlunk.
 * ================================================================== */

.hz-skin {
	padding-top: 36px;
}

/* Elementor-doboz semlegesítése (a profil és a fejlesztések Elementor-oldalak). */
.hz-skin .elementor,
.hz-skin .e-con,
.hz-skin .e-con-inner,
.hz-skin .elementor-widget,
.hz-skin .elementor-widget-container,
.hz-skin .elementor-shortcode {
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	--padding-top: 0;
	--padding-bottom: 0;
	--padding-left: 0;
	--padding-right: 0;
}

/* Modulok színváltozói → üveghatású HUB-panelek. */
.hz-skin .h2s-hub-profile {
	--hp-bg: transparent;
	--hp-panel: rgba(11, 13, 19, 0.78);
	--hp-panel-2: rgba(255, 255, 255, 0.045);
	--hp-line: rgba(255, 255, 255, 0.09);
	--hp-muted: #9aa3b2;
}

.hz-skin .h2s-messages {
	--msg-bg: transparent;
	--msg-panel: rgba(11, 13, 19, 0.82);
	--msg-panel-2: rgba(255, 255, 255, 0.045);
	--msg-line: rgba(255, 255, 255, 0.09);
	--msg-muted: #9aa3b2;
}

.hz-skin .h2s-developments,
.hz-skin.h2s-updates-page {
	--updates-bg: transparent;
	--updates-card: rgba(11, 13, 19, 0.78);
	--updates-card-2: rgba(255, 255, 255, 0.045);
	--updates-border: rgba(255, 255, 255, 0.09);
	--updates-muted: #9aa3b2;
}

.hz-skin.h2s-legal-page {
	--hl-bg: transparent;
	--hl-panel: rgba(11, 13, 19, 0.8);
	--hl-panel2: rgba(255, 255, 255, 0.045);
	--hl-line: rgba(255, 255, 255, 0.09);
	--hl-muted: #a3acba;
	background: none !important;
}

/* Közös szélesség és betűkészlet. */
.hz-skin .h2s-hub-profile,
.hz-skin .h2s-messages,
.hz-skin .h2s-developments,
.hz-skin .h2s-legal-shell {
	position: relative;
	z-index: 1;
	width: min(1280px, calc(100% - 48px)) !important;
	margin-inline: auto !important;
	font-family: var(--hz-font);
}

.hz-skin.h2s-profile-page,
.hz-skin.h2s-updates-page,
.hz-skin.h2s-social-stage,
.hz-skin.h2s-content,
.hz-skin .h2s-messages,
.hz-skin .h2s-developments {
	background-color: transparent !important;
	background-image: none !important;
}

/* Címsorok: mondatkezdő, modern, nem dőlt. */
.hz-skin :is(h1, h2, h3) {
	font-family: var(--hz-font) !important;
	font-style: normal !important;
	text-transform: none !important;
	letter-spacing: -0.03em !important;
}

.hz-skin h1 {
	font-size: clamp(40px, 5.6vw, 76px) !important;
	font-weight: 850 !important;
	line-height: 0.95 !important;
}

.hz-skin h1 em,
.hz-skin h2 em {
	background: linear-gradient(100deg, var(--hz-grad-a) 15%, var(--hz-grad-b) 85%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent !important;
	font-style: normal;
}

.hz-skin h2 {
	font-weight: 800 !important;
}

/* Kártyák és panelek: éles, levágott sarok, piros akcentus. */
.hz-skin :is(
	.h2s-hub-profile__hero,
	.h2s-hub-profile__tabs,
	.h2s-hub-profile__summary,
	.h2s-hub-profile__form,
	.h2s-hub-profile__leagues,
	.h2s-profile-analytics,
	.h2s-profile-community,
	.h2s-profile-social,
	.h2s-security-panel,
	.h2s-security-2fa,
	.h2s-security-reports,
	.h2s-messages__app,
	.h2s-messages__sidebar,
	.h2s-messages__thread,
	.h2s-changelog,
	.h2s-developments__actions > button,
	.h2s-legal-context-nav,
	.h2s-legal-document,
	.h2s-legal-toc
) {
	border-radius: 0 !important;
	border-color: rgba(255, 255, 255, 0.09) !important;
	background: linear-gradient(180deg, rgba(14, 17, 24, 0.86), rgba(8, 10, 14, 0.8)) !important;
	box-shadow: 0 30px 80px -40px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
	backdrop-filter: blur(16px);
}

.hz-skin :is(.h2s-hub-profile__hero, .h2s-hub-profile__summary, .h2s-hub-profile__form, .h2s-hub-profile__leagues, .h2s-security-panel, .h2s-profile-analytics, .h2s-profile-community, .h2s-profile-social, .h2s-messages__app, .h2s-changelog, .h2s-legal-document) {
	clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 0 100%);
}

.hz-skin .h2s-hub-profile__hero {
	position: relative;
	border-top: 0 !important;
	background:
		radial-gradient(120% 120% at 100% 0, rgba(var(--hz-accent-rgb), 0.28), transparent 55%),
		linear-gradient(180deg, rgba(14, 17, 24, 0.9), rgba(8, 10, 14, 0.82)) !important;
}

.hz-skin .h2s-hub-profile__hero::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	height: 3px;
	background: linear-gradient(90deg, var(--hz-red), var(--hz-orange));
	content: "";
}

/* Belső dobozok: szögletes, finom keret. */
.hz-skin .h2s-hub-profile :is(div, section, article, aside, label, nav, header, form, a, button, input, select, textarea):not(.h2s-achievement-medal, .h2s-achievement-medal *, [class*="avatar"] > a) {
	border-radius: 0;
}

.hz-skin .h2s-messages :is(div, section, article, aside, label, header, form, button, input, select, textarea):not([class*="avatar"]) {
	border-radius: 0;
}

.hz-skin .h2s-hub-profile__avatar > img {
	border-radius: 0 !important;
	clip-path: polygon(18px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 18px);
}

.hz-skin .h2s-hub-profile__avatar > a {
	border-radius: 0 !important;
	clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
}

.hz-skin .h2s-hub-profile__identity h1 {
	font-size: clamp(44px, 6vw, 84px) !important;
}

.hz-skin .h2s-hub-profile__level b,
.hz-skin .h2s-hub-profile__level strong,
.hz-skin .h2s-pa-metrics strong,
.hz-skin .h2s-pa-metrics b,
.hz-skin .h2s-hub-profile__league-stats strong {
	font-family: var(--hz-num) !important;
	font-style: italic !important;
}

/* Profil fülsor: egy sorban görgethető, chip-stílusú fülek. */
.hz-skin .h2s-hub-profile__tabs {
	display: flex !important;
	gap: 6px !important;
	overflow-x: auto;
	padding: 8px !important;
	scrollbar-width: none;
}

.hz-skin .h2s-hub-profile__tabs::-webkit-scrollbar {
	display: none;
}

.hz-skin .h2s-hub-profile__tabs button {
	flex: 1 0 auto;
	justify-content: center;
	min-height: 46px !important;
	padding: 0 16px !important;
	border: 1px solid transparent !important;
	background: transparent !important;
	color: #aab3c0 !important;
	white-space: nowrap;
	box-shadow: none !important;
}

.hz-skin .h2s-hub-profile__tabs button:hover {
	background: rgba(255, 255, 255, 0.05) !important;
	color: #fff !important;
}

.hz-skin .h2s-hub-profile__tabs button[aria-selected="true"] {
	border-color: transparent !important;
	background: linear-gradient(120deg, var(--hz-red), var(--hz-orange)) !important;
	color: #fff !important;
	clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
}

/* Űrlapmezők egységesen. */
.hz-skin :is(input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="url"], input[type="number"], select, textarea) {
	border-color: #2f3746 !important;
	border-radius: 0 !important;
	background-color: rgba(5, 7, 10, 0.75) !important;
	color: #fff !important;
	font-family: inherit;
}

.hz-skin :is(input, select, textarea):focus {
	border-color: var(--hz-red) !important;
	box-shadow: 0 0 0 3px rgba(var(--hz-accent-rgb), 0.18) !important;
	outline: 0;
}

/* Elsődleges gombok: a HUB-gomb formája. */
.hz-skin :is(
	.h2s-hub-profile__actions button[type="submit"],
	.h2s-hub-profile button[type="submit"]:not([class*="delete"]):not([class*="danger"]),
	.h2s-feedback-dialog button[type="submit"],
	.h2s-messages__hero > button,
	.h2s-messages__composer button[type="submit"]
) {
	border: 0 !important;
	border-radius: 0 !important;
	background: linear-gradient(120deg, var(--hz-red), var(--hz-orange)) !important;
	box-shadow: 0 14px 30px -12px rgba(var(--hz-accent-rgb), 0.75) !important;
	clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
	color: #fff !important;
}

/* Profil kickerek és apró címkék maradnak HUD-stílusúak. */
.hz-skin :is(.h2s-hub-profile__identity > span, .h2s-messages__hero span, .h2s-developments__hero p, .h2s-legal-kicker) {
	color: var(--hz-accent-text) !important;
	letter-spacing: 0.16em !important;
}

/* Üzenetek: a fejléc a HUB-oldalfejléc ritmusát kapja. */
.hz-skin .h2s-messages__hero {
	margin-bottom: 26px !important;
	padding: 20px 0 0 !important;
	border: 0 !important;
	background: none !important;
}

.hz-skin .h2s-messages__app {
	overflow: hidden;
}

/* Fejlesztések: időcsík és akciógombok. */
.hz-skin .h2s-developments__hero {
	padding: 20px 0 10px !important;
	border: 0 !important;
	background: none !important;
}

.hz-skin .h2s-developments__actions > button {
	clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%);
	transition: transform 180ms ease;
}

.hz-skin .h2s-developments__actions > button:hover {
	transform: translateY(-3px);
}

.hz-skin .h2s-changelog__timeline article {
	border-radius: 0 !important;
}

/* Szabályzat / ÁSZF. */
.hz-skin .h2s-legal-shell {
	padding-top: 10px;
}

.hz-skin .h2s-legal-context-nav a.is-current {
	border-radius: 0 !important;
	background: linear-gradient(120deg, var(--hz-red), var(--hz-orange)) !important;
	color: #fff !important;
}

.hz-skin .h2s-legal-hero {
	border-radius: 0 !important;
	background: none !important;
}

.hz-skin .h2s-legal-number {
	font-family: var(--hz-num) !important;
	font-style: italic !important;
	color: var(--hz-red) !important;
}

.hz-skin .h2s-legal-document section {
	border-radius: 0 !important;
}

@media (max-width: 640px) {
	.hz-skin {
		padding-top: 18px;
	}

	.hz-skin .h2s-hub-profile,
	.hz-skin .h2s-messages,
	.hz-skin .h2s-developments,
	.hz-skin .h2s-legal-shell {
		width: calc(100% - 24px) !important;
	}

	.hz-skin .h2s-hub-profile__identity h1 {
		font-size: clamp(36px, 11vw, 52px) !important;
	}
}

/* =====================================================================
 * Admin központ: csoportosított oldalsáv + munkaterület.
 * ================================================================== */

.hz-admin {
	display: grid;
	grid-template-columns: 270px minmax(0, 1fr);
	align-items: start;
	gap: 20px;
	margin-top: 8px;
	--cc-surface: rgba(255, 255, 255, 0.04);
	--cc-line: rgba(255, 255, 255, 0.09);
	--cc-muted: #9aa3b2;
}

.hz-admin.h2s-control-center {
	width: min(1280px, calc(100% - 48px));
	max-width: none;
	padding: 0;
	background: none;
}

.hz-admin__nav {
	position: sticky;
	top: 110px;
	display: grid;
	gap: 4px;
	max-height: calc(100vh - 130px);
	overflow-y: auto;
	padding: 14px;
	border: 1px solid var(--hz-line);
	background: var(--hz-panel);
	clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%);
	scrollbar-width: thin;
	backdrop-filter: blur(16px);
}

.hz-admin__group summary {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 42px;
	padding: 0 10px;
	color: #fff;
	font-size: 11px;
	font-weight: 850;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	cursor: pointer;
	list-style: none;
}

.hz-admin__group summary::-webkit-details-marker {
	display: none;
}

.hz-admin__group summary svg {
	width: 16px;
	height: 16px;
	color: var(--hz-red);
}

.hz-admin__group summary::after {
	width: 6px;
	height: 6px;
	margin-left: auto;
	border-right: 2px solid #6f7886;
	border-bottom: 2px solid #6f7886;
	content: "";
	transform: rotate(-45deg);
	transition: transform 160ms ease;
}

.hz-admin__group[open] summary::after {
	transform: rotate(45deg);
}

.hz-admin__link {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 38px;
	padding: 0 10px 0 36px;
	color: #b3bcc8;
	font-size: 14px;
	font-weight: 600;
	transition: background 140ms ease, color 140ms ease;
}

.hz-admin__nav > .hz-admin__link {
	padding-left: 10px;
	color: #fff;
	font-weight: 750;
}

.hz-admin__link svg {
	width: 16px;
	height: 16px;
	color: var(--hz-red);
}

.hz-admin__link:hover {
	background: rgba(255, 255, 255, 0.05);
	color: #fff;
}

.hz-admin__link.is-current {
	background: linear-gradient(90deg, rgba(var(--hz-accent-rgb), 0.22), transparent);
	color: #fff;
}

.hz-admin__link.is-current::before {
	position: absolute;
	top: 6px;
	bottom: 6px;
	left: 0;
	width: 3px;
	background: var(--hz-red);
	content: "";
}

.hz-admin__link em,
.hz-admin__tiles em {
	display: inline-grid;
	min-width: 22px;
	height: 20px;
	margin-left: auto;
	padding: 0 6px;
	place-items: center;
	border-radius: 999px;
	background: var(--hz-red);
	color: #fff;
	font-size: 11px;
	font-style: normal;
	font-weight: 800;
}

.hz-admin__tiles em {
	margin-left: 6px;
}

.hz-admin__main {
	display: grid;
	gap: 20px;
	min-width: 0;
}

.hz-admin.h2s-control-center .h2s-control-center__shell {
	width: auto;
	max-width: none;
	margin: 0;
	padding: 0;
}

.hz-admin__filter {
	padding: 14px 16px;
	border: 1px solid var(--hz-line);
	background: var(--hz-panel);
	backdrop-filter: blur(16px);
}

.hz-admin__filter .h2s-cc-filter {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
}

.hz-admin__todo-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 10px;
}

.hz-admin__todo-list a {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 16px;
	border: 1px solid rgba(var(--hz-accent-rgb), 0.35);
	background: rgba(var(--hz-accent-rgb), 0.08);
	transition: background 160ms ease;
}

.hz-admin__todo-list a:hover {
	background: rgba(var(--hz-accent-rgb), 0.16);
}

.hz-admin__todo-list b {
	color: var(--hz-accent-text);
	font-family: var(--hz-num);
	font-size: 36px;
	font-style: italic;
	line-height: 1;
}

.hz-admin__todo-list span {
	display: grid;
	flex: 1 1 auto;
}

.hz-admin__todo-list strong {
	font-size: 15px;
}

.hz-admin__todo-list small {
	color: var(--hz-muted);
	font-size: 12px;
}

.hz-admin__tiles {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 10px;
}

.hz-admin__tiles a {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 84px;
	padding: 14px 16px;
	border: 1px solid var(--hz-line);
	background: var(--hz-panel-2);
	transition: border-color 160ms ease, transform 160ms ease;
}

.hz-admin__tiles a:hover {
	border-color: rgba(var(--hz-accent-rgb), 0.55);
	transform: translateY(-2px);
}

.hz-admin__tiles span {
	display: grid;
	flex: 1 1 auto;
	gap: 4px;
}

.hz-admin__tiles strong {
	display: flex;
	align-items: center;
	font-size: 15px;
	font-weight: 750;
}

.hz-admin__tiles small {
	color: var(--hz-muted);
	font-size: 12px;
	line-height: 1.45;
}

.hz-admin__tiles a > svg {
	color: #6f7886;
}

.hz-admin__view {
	min-height: 320px;
}

/* A modulok saját „vissza” linkje helyett ott az oldalsáv. */
.hz-admin .h2s-cc-back {
	display: none !important;
}

/* A modulok belső elemei az új paneleken. */
.hz-admin .h2s-cc-panel,
.hz-admin .h2s-cc-empty,
.hz-admin .h2s-cc-notice {
	border-radius: 0 !important;
}

.hz-admin :is(input[type="text"], input[type="email"], input[type="search"], input[type="number"], input[type="password"], input[type="date"], input[type="datetime-local"], select, textarea) {
	border-color: #2f3746 !important;
	border-radius: 0 !important;
	background-color: rgba(5, 7, 10, 0.75) !important;
	color: #fff !important;
}

.hz-admin button[type="submit"]:not([class*="danger"]):not([class*="delete"]) {
	border-radius: 0 !important;
	clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
}

@media (max-width: 1020px) {
	.hz-admin {
		grid-template-columns: 1fr;
	}

	.hz-admin__nav {
		position: static;
		max-height: none;
	}

	.hz-admin__group:not([open]) {
		border-bottom: 1px solid var(--hz-line);
	}
}

@media (max-width: 640px) {
	.hz-admin.h2s-control-center {
		width: calc(100% - 24px);
	}
}

/* =====================================================================
 * Sportág-témák közös színváltozói (Foci: kék, Motorsport: piros–borostyán).
 * A sporttéma szabályai ezekből dolgoznak, így minden aldomain ugyanazt a
 * felépítést kapja saját színvilággal.
 * ================================================================== */

body.hz-theme-football {
	--sp-a: #1687ff; --sp-b: #2fd4ff; --sp-a-rgb: 22, 135, 255; --sp-b-rgb: 47, 212, 255;
	--sp-bright: #4fb0ff; --sp-text: #7cc0ff; --sp-text-2: #8cc8ff; --sp-deep: #0a56c4;
	--sp-grad-a: #3a9bff; --sp-grad-b: #4fe3ff; --sp-tick-b: #13b4ff; --sp-ink: #00152e;
	--sp-bg: #04070d; --sp-bg-rgb: 4, 7, 13; --sp-bg-2: #060a12;
}

body.hz-theme-motorsport {
	--sp-a: #e10600; --sp-b: #ffb000; --sp-a-rgb: 225, 6, 0; --sp-b-rgb: 255, 176, 0;
	--sp-bright: #ff4136; --sp-text: #ff8f80; --sp-text-2: #ffb3a8; --sp-deep: #7a0300;
	--sp-grad-a: #ff3a2a; --sp-grad-b: #ffc240; --sp-tick-b: #ff7a00; --sp-ink: #1a0200;
	--sp-bg: #050506; --sp-bg-rgb: 5, 5, 6; --sp-bg-2: #09090b;
}
/* =====================================================================
 * Téma: Here2Stay Labdarúgás (fo.) – kék–türkiz akcentus, kék márkaháttér,
 * saját fejléc. Ugyanazok az elemek, mint a HUB-on, más színvilággal.
 * ================================================================== */

:is(.hz-theme-football, .hz-theme-motorsport) {
	--fz-blue: var(--sp-a);
	--fz-cyan: var(--sp-b);
	background: var(--sp-bg);
}

:is(.hz-theme-football, .hz-theme-motorsport) .hz {
	--hz-bg: var(--sp-bg);
	--hz-red: var(--sp-a);
	--hz-orange: var(--sp-b);
	--hz-accent-rgb: var(--sp-a-rgb);
	--hz-accent-text: var(--sp-text);
	--hz-grad-a: var(--sp-grad-a);
	--hz-grad-b: var(--sp-grad-b);
	--hz-ticker-a: var(--sp-deep);
	--hz-ticker-b: var(--sp-tick-b);
	--hz-ticker-ink: var(--sp-ink);
}

:is(.hz-theme-football, .hz-theme-motorsport) .hz-atmos {
	background:
		radial-gradient(120% 80% at 50% 0, transparent 40%, rgba(var(--sp-bg-rgb), 0.7) 100%),
		linear-gradient(180deg, rgba(var(--sp-bg-rgb), 0.25) 0%, rgba(var(--sp-bg-rgb), 0.6) 60%, rgba(var(--sp-bg-rgb), 0.8) 100%),
		url("../images/h2s-football-stage.jpg") center / cover no-repeat;
}

/* Fejléc */
.fz-shell {
	width: min(1280px, calc(100% - 48px));
	margin-inline: auto;
}

.fz-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: rgba(var(--sp-bg-rgb), 0.82);
	backdrop-filter: blur(18px);
	font-family: "Inter", "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
}

body.admin-bar .fz-header {
	top: 32px;
}

.fz-header::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(var(--sp-a-rgb), 0.7) 30%, rgba(var(--sp-b-rgb), 0.5) 70%, transparent);
	content: "";
}

.fz-header svg {
	width: 16px;
	height: 16px;
	fill: currentColor;
}

.fz-header__top {
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	background: linear-gradient(90deg, rgba(var(--sp-a-rgb), 0.18), transparent 40%);
}

.fz-header__top-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 40px;
}

.fz-back {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #a9c7ea;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-decoration: none;
	text-transform: uppercase;
}

.fz-back svg {
	fill: none;
	stroke: currentColor;
	stroke-width: 2.4;
}

.fz-back:hover {
	color: #fff;
}

.fz-switcher {
	flex: 0 1 auto;
	min-width: 0;
}

.fz-header__social {
	display: flex;
	align-items: center;
	gap: 6px;
}

.fz-header__social > a {
	display: grid;
	width: 28px;
	height: 28px;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, 0.12);
	color: #c9d9ee;
	transition: background 160ms ease;
}

.fz-header__social > a:hover {
	background: linear-gradient(135deg, var(--fz-blue), var(--fz-cyan));
	color: #fff;
}

.fz-header__social svg {
	width: 13px;
	height: 13px;
}

.fz-header__main-inner {
	display: flex;
	align-items: center;
	gap: 22px;
	min-height: 72px;
}

.fz-brand {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 10px;
	color: #fff;
	text-decoration: none;
}

.fz-brand__mark {
	display: grid;
	width: 46px;
	height: 46px;
	place-items: center;
	background: linear-gradient(135deg, rgba(var(--sp-a-rgb), 0.35), rgba(var(--sp-b-rgb), 0.15));
	clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
}

.fz-brand__mark img {
	width: 40px;
	height: 40px;
	object-fit: contain;
}

.fz-brand__text {
	display: grid;
	line-height: 1;
}

.fz-brand__text strong {
	font-size: 18px;
	font-weight: 850;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.fz-brand__text small {
	margin-top: 4px;
	background: linear-gradient(90deg, var(--sp-bright), var(--sp-grad-b));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-size: 11px;
	font-weight: 850;
	letter-spacing: 0.22em;
	text-transform: uppercase;
}

.fz-nav {
	display: flex;
	flex: 1 1 auto;
	justify-content: center;
	gap: 4px;
}

.fz-nav a {
	position: relative;
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding: 0 12px;
	color: #b9c6d8;
	font-size: 14px;
	font-weight: 650;
	text-decoration: none;
	white-space: nowrap;
	transition: color 160ms ease, background 160ms ease;
}

.fz-nav a:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.05);
}

.fz-nav a.is-current {
	color: #fff;
	background: linear-gradient(180deg, rgba(var(--sp-a-rgb), 0.22), rgba(var(--sp-a-rgb), 0.05));
}

.fz-nav a.is-current::after {
	position: absolute;
	right: 10px;
	bottom: 0;
	left: 10px;
	height: 2px;
	background: linear-gradient(90deg, var(--fz-blue), var(--fz-cyan));
	box-shadow: 0 0 10px var(--fz-blue);
	content: "";
}

.fz-header__actions {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 8px;
}

.fz-header .h2s-notification-button,
.fz-header .h2s-message-button {
	border-color: rgba(255, 255, 255, 0.14);
}

.fz-header .h2s-notification-button:hover,
.fz-header .h2s-message-button:hover,
.fz-header .h2s-message-button.is-current,
.fz-header .h2s-notification-button.is-current {
	border-color: rgba(var(--sp-a-rgb), 0.8);
	background: rgba(var(--sp-a-rgb), 0.15);
}

.fz-header .h2s-notification-button b,
.fz-header .h2s-message-button b {
	background: var(--fz-blue);
}

.fz-header .h2s-profile-trigger img {
	box-shadow: 0 0 0 2px var(--fz-blue);
}

.fz-header .fz-menu-toggle {
	display: none;
}

.fz-mobile-nav a.is-current {
	border-left-color: var(--fz-blue) !important;
	background: linear-gradient(90deg, rgba(var(--sp-a-rgb), 0.18), transparent) !important;
}

.fz-mobile-nav a span {
	color: var(--sp-bright) !important;
}

.fz-mobile-nav__switcher {
	padding: 12px 0;
}

/* Foci-specifikus elemek */
.fz-warn {
	color: #ffbd3e;
}

.fz-ok {
	color: #5fe3a8;
}

.fz-card .fz-rank {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 18px;
}

.fz-rank > b {
	background: linear-gradient(100deg, var(--hz-grad-a), var(--hz-grad-b));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-family: var(--hz-num);
	font-size: 64px;
	font-style: italic;
	line-height: 0.9;
}

.fz-rank span {
	display: grid;
	gap: 4px;
}

.fz-rank strong {
	font-size: 22px;
	font-weight: 800;
}

.fz-rank small {
	color: var(--hz-muted);
	font-size: 13px;
}

.fz-mini {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 6px;
	margin: 0 0 16px;
	padding: 0;
	list-style: none;
}

.fz-mini li {
	display: grid;
	gap: 2px;
	padding: 12px 10px;
	border: 1px solid var(--hz-line);
	background: rgba(255, 255, 255, 0.03);
}

.fz-mini b {
	font-family: var(--hz-num);
	font-size: 24px;
	font-style: italic;
}

.fz-mini span {
	color: var(--hz-muted);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.fz-progress {
	height: 6px;
	background: rgba(255, 255, 255, 0.08);
}

.fz-progress i {
	display: block;
	height: 100%;
	background: linear-gradient(90deg, var(--hz-red), var(--hz-orange));
	box-shadow: 0 0 14px rgba(var(--hz-accent-rgb), 0.7);
}

.fz-matches {
	display: grid;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.fz-matches li {
	position: relative;
	display: grid;
	grid-template-columns: 70px minmax(0, 1fr) minmax(150px, auto);
	align-items: center;
	gap: 16px;
	padding: 14px 16px 14px 18px;
	border: 1px solid var(--hz-line);
	background: var(--hz-panel-2);
}

.fz-matches li::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 3px;
	background: rgba(255, 255, 255, 0.15);
	content: "";
}

.fz-matches li.has-tip::before {
	background: #42d392;
	box-shadow: 0 0 10px #42d392;
}

.fz-matches li.needs-tip::before {
	background: #ffbd3e;
}

.fz-matches time {
	display: grid;
}

.fz-matches time b {
	font-family: var(--hz-num);
	font-size: 22px;
	font-style: italic;
}

.fz-matches time small {
	color: var(--hz-muted);
	font-size: 12px;
}

.fz-teams {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: 12px;
}

.fz-teams strong {
	overflow: hidden;
	font-size: 16px;
	font-weight: 750;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fz-teams strong:first-child {
	text-align: right;
}

.fz-teams i {
	padding: 3px 8px;
	border: 1px solid var(--hz-line-2);
	color: var(--hz-muted);
	font-size: 11px;
	font-style: normal;
	font-weight: 800;
	text-transform: uppercase;
}

.fz-tip {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	color: #9fe9c5;
	font-size: 13px;
	font-weight: 700;
	text-align: right;
}

.fz-tip svg {
	width: 15px;
	height: 15px;
}

.needs-tip .fz-tip {
	color: #ffcf6e;
}

.fz-top {
	display: grid;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.fz-top + .fz-top {
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px dashed var(--hz-line-2);
}

.fz-top li {
	display: grid;
	grid-template-columns: 26px 32px minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	padding: 8px 10px;
	background: rgba(255, 255, 255, 0.025);
	cursor: pointer;
}

.fz-top li.is-me {
	background: rgba(var(--hz-accent-rgb), 0.16);
	box-shadow: inset 3px 0 0 var(--hz-red);
}

.fz-top b {
	color: var(--hz-accent-text);
	font-family: var(--hz-num);
	font-size: 18px;
	font-style: italic;
}

.fz-top img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	object-fit: cover;
}

.fz-top span {
	overflow: hidden;
	font-size: 14px;
	font-weight: 650;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fz-top em {
	font-family: var(--hz-num);
	font-size: 17px;
	font-style: italic;
}

.fz-rounds {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 10px;
}

.fz-round {
	display: grid;
	gap: 4px;
	padding: 18px;
	border: 1px solid var(--hz-line);
	background:
		radial-gradient(90% 80% at 100% 0, rgba(var(--hz-accent-rgb), 0.16), transparent 70%),
		var(--hz-panel-2);
	transition: border-color 160ms ease, transform 160ms ease;
}

.fz-round:hover {
	border-color: rgba(var(--hz-accent-rgb), 0.55);
	transform: translateY(-2px);
}

.fz-round small {
	color: var(--hz-accent-text);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.fz-round strong {
	font-size: 19px;
	font-weight: 800;
}

.fz-round span {
	color: var(--hz-muted);
	font-size: 12px;
}

.fz-round em {
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid var(--hz-line);
	color: #dfe9f6;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
}

/* Tabella: dobogó + táblázat */
.fz-podium {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: end;
	gap: 14px;
	max-width: 760px;
	margin: 0 auto;
}

.fz-podium__step {
	position: relative;
	display: grid;
	justify-items: center;
	gap: 6px;
	padding: 22px 14px 0;
	text-align: center;
	cursor: pointer;
}

.fz-podium__step img {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: 0 0 0 3px rgba(var(--hz-accent-rgb), 0.8), 0 12px 30px rgba(0, 0, 0, 0.5);
}

.fz-podium__step.is-1 img {
	width: 92px;
	height: 92px;
	box-shadow: 0 0 0 3px #ffd36b, 0 0 40px rgba(255, 211, 107, 0.35);
}

.fz-podium__step strong {
	font-size: 16px;
	font-weight: 800;
}

.fz-podium__step span {
	color: var(--hz-accent-text);
	font-family: var(--hz-num);
	font-size: 20px;
	font-style: italic;
}

.fz-podium__step b {
	display: grid;
	width: 100%;
	place-items: center;
	margin-top: 10px;
	background: linear-gradient(180deg, rgba(var(--hz-accent-rgb), 0.35), rgba(var(--hz-accent-rgb), 0.08));
	clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 100%, 0 100%);
	font-family: var(--hz-num);
	font-size: 44px;
	font-style: italic;
}

.fz-podium__step.is-1 b {
	height: 120px;
	background: linear-gradient(180deg, rgba(255, 211, 107, 0.45), rgba(255, 211, 107, 0.08));
	color: #ffe29a;
}

.fz-podium__step.is-2 b {
	height: 90px;
}

.fz-podium__step.is-3 b {
	height: 64px;
}

.fz-table {
	display: grid;
	gap: 4px;
}

.fz-table__row {
	display: grid;
	grid-template-columns: 60px minmax(0, 1fr) 90px 100px 110px;
	align-items: center;
	gap: 12px;
	padding: 10px 16px;
	background: rgba(255, 255, 255, 0.025);
	font-size: 14px;
}

.fz-table__row.is-head {
	background: none;
	color: var(--hz-muted);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.fz-table__row:not(.is-head):hover {
	background: rgba(255, 255, 255, 0.05);
}

.fz-table__row.is-me {
	background: rgba(var(--hz-accent-rgb), 0.16);
	box-shadow: inset 3px 0 0 var(--hz-red);
}

.fz-table__row > span:first-child b {
	color: var(--hz-accent-text);
	font-family: var(--hz-num);
	font-size: 22px;
	font-style: italic;
}

.fz-table__row > span:last-child strong {
	font-family: var(--hz-num);
	font-size: 22px;
	font-style: italic;
}

.fz-table__player {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
	cursor: pointer;
}

.fz-table__player img {
	width: 34px;
	height: 34px;
	flex: 0 0 auto;
	border-radius: 50%;
	object-fit: cover;
}

.fz-table__player strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fz-playclock small {
	display: block;
	margin-bottom: -18px;
	color: var(--hz-muted);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.fz-playclock .hz-clock__digits span {
	min-width: 56px;
}

.fz-playclock .hz-clock__digits b {
	font-size: 48px;
}

.fz-playclock .hz-clock__digits i {
	font-size: 36px;
}

.hz-agenda__day.is-next .hz-agenda__date {
	border-color: rgba(var(--hz-accent-rgb), 0.6);
	background: rgba(var(--hz-accent-rgb), 0.15);
}

.hz-agenda__left.is-done {
	background: rgba(255, 255, 255, 0.06);
	color: var(--hz-muted);
}

.hz [data-hz-cat][hidden] {
	display: none !important;
}

/* A platform tippkártyái és eredménytáblái az új paneleken. */
.hz-panel.fz-legacy {
	color: #eaf2fc;
}

.fz-legacy :is(.h2s-foot-panel, .h2s-foot-round, .h2s-foot-round-board, .h2s-foot-champion, .h2s-foot-fixtures > *, .h2s-foot-round-result, .h2s-foot-day-summary, .h2s-foot-champion-board) {
	border-radius: 0 !important;
}

.fz-legacy .h2s-foot-panel {
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
}

.fz-legacy :is(h2, h3) {
	font-family: var(--hz-font) !important;
	font-style: normal !important;
	text-transform: none !important;
	letter-spacing: -0.02em !important;
}

.fz-legacy :is(input, select) {
	border-radius: 0 !important;
}

.fz-legacy button[type="submit"],
.fz-legacy .h2s-foot-save-bar button {
	border-radius: 0 !important;
	background: linear-gradient(120deg, var(--hz-red), var(--hz-orange)) !important;
	clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
	color: #fff !important;
}

.fz-rules .h2s-legal-document,
.fz-rules .h2s-foot-rules {
	border-radius: 0 !important;
}

/* Ligák (sportoldal) skin */
.hz-skin .h2s-f1-leagues {
	position: relative;
	z-index: 1;
	width: min(1280px, calc(100% - 48px));
	margin-inline: auto;
	font-family: var(--hz-font);
}

.hz-skin :is(.h2s-f1-leagues__hero, .h2s-f1-league-action, .h2s-f1-league-card, .h2s-f1-my-leagues, .h2s-f1-active-leagues) {
	border-radius: 0 !important;
}

.hz-skin :is(.h2s-f1-league-action, .h2s-f1-league-card) {
	border-color: rgba(255, 255, 255, 0.09) !important;
	background: linear-gradient(180deg, rgba(14, 17, 24, 0.86), rgba(8, 10, 14, 0.8)) !important;
	backdrop-filter: blur(16px);
}

.hz-skin .h2s-f1-league-action {
	clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 0 100%);
}

.hz-skin .h2s-f1-leagues__hero {
	background: none !important;
	border: 0 !important;
}

.hz-skin .h2s-f1-leagues button[type="submit"] {
	border-radius: 0 !important;
	background: linear-gradient(120deg, var(--hz-red), var(--hz-orange)) !important;
	clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
	color: #fff !important;
}

@media (max-width: 1180px) {
	.fz-nav a {
		padding: 0 8px;
		font-size: 13px;
	}
}

@media (max-width: 1020px) {
	.fz-nav {
		display: none;
	}

	.fz-header .fz-menu-toggle {
		display: block;
	}

	.fz-header__main-inner {
		justify-content: space-between;
	}
}

@media (max-width: 780px) {
	.fz-switcher,
	.fz-back span {
		display: none;
	}

	.fz-matches li {
		grid-template-columns: 56px minmax(0, 1fr);
	}

	.fz-tip {
		grid-column: 2;
		justify-content: flex-start;
	}

	.fz-teams {
		grid-template-columns: 1fr;
		gap: 2px;
	}

	.fz-teams strong:first-child {
		text-align: left;
	}

	.fz-teams i {
		display: none;
	}

	.fz-table__row {
		grid-template-columns: 40px minmax(0, 1fr) 70px;
	}

	.fz-table__row > span:nth-child(3),
	.fz-table__row > span:nth-child(4) {
		display: none;
	}
}

@media (max-width: 480px) {
	.fz-shell {
		width: calc(100% - 24px);
	}

	.fz-brand__text {
		display: none;
	}

	.fz-header__actions {
		gap: 6px;
	}

	.fz-header__actions .h2s-message-button,
	.fz-header__actions .h2s-notification-button {
		width: 40px;
		height: 40px;
		flex-basis: 40px;
	}

	.fz-header .h2s-profile-trigger {
		width: 40px;
		min-height: 40px;
		padding: 4px;
	}

	.fz-header .h2s-profile-trigger span,
	.fz-header .h2s-profile-trigger i {
		display: none;
	}

	.fz-podium__step img {
		width: 54px;
		height: 54px;
	}

	.fz-podium__step.is-1 img {
		width: 66px;
		height: 66px;
	}
}


/* Nagyon magas panelek: háttér-elmosás nélkül, mert lassítja a kirajzolást. */
.hz-panel.fz-legacy,
.hz-skin .hz-panel,
.hz-skin :is(.h2s-profile-analytics, .h2s-profile-community, .h2s-profile-social, .h2s-messages__app, .h2s-changelog, .h2s-legal-document, .h2s-f1-league-card, .h2s-f1-league-action) {
	backdrop-filter: none !important;
}

/* ---------- Reszponzív ---------- */
@media (max-width: 1100px) {
	.hz-stage__grid {
		grid-template-columns: 1fr;
		gap: 36px;
	}

	.hz-pitwall.is-demo {
		transform: none;
	}

	.hz-span-4,
	.hz-span-5,
	.hz-span-7,
	.hz-span-8 {
		grid-column: 1 / -1;
	}
}

@media (max-width: 860px) {
	.hz-games,
	.hz-steps {
		grid-template-columns: 1fr;
	}

	.hz-game {
		min-height: 280px;
	}
}

@media (max-width: 640px) {
	.hz-wrap {
		width: calc(100% - 32px);
	}

	.hz-stage {
		padding: 28px 0 64px;
	}

	.hz-stage__hello {
		margin-bottom: 26px;
	}

	.hz-stage__title {
		font-size: clamp(42px, 13vw, 60px);
	}

	.hz-stage__meta {
		font-size: 15px;
	}

	.hz-clock {
		display: grid;
		padding: 16px 14px 14px;
	}

	.hz-clock__digits {
		justify-content: space-between;
		gap: 4px;
	}

	.hz-clock__digits span {
		min-width: 0;
	}

	.hz-clock__digits b {
		font-size: 46px;
	}

	.hz-clock__digits i {
		font-size: 34px;
	}

	.hz-actions .hz-btn {
		flex: 1 1 auto;
	}

	.hz-pitwall,
	.hz-panel {
		padding: 20px 16px;
	}

	.hz-leagues {
		grid-template-columns: 1fr;
	}

	.hz-panel__head h2 {
		font-size: 12px;
	}

	.hz-ticker li {
		padding: 12px 26px 12px 0;
		font-size: 14px;
	}

	.hz-board {
		gap: 16px;
		margin-top: 48px;
	}

	.hz-feed li {
		grid-template-columns: 36px minmax(0, 1fr);
	}

	.hz-feed time {
		grid-column: 2;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hz *,
	.hz *::before,
	.hz *::after {
		animation: none !important;
		transition: none !important;
	}

	.hz-pitwall.is-demo {
		transform: none;
	}

	.hz-ticker__track {
		flex-wrap: wrap;
		width: auto;
	}

	.hz-ticker ul[aria-hidden="true"] {
		display: none;
	}
}

/* Foci: chat (üzenetek) kék akcentussal – a messages.css változóin át */
body:is(.hz-theme-football, .hz-theme-motorsport) .h2s-messages {
	--msg-accent: var(--sp-a);
	--msg-accent-2: var(--sp-b);
	--msg-accent-rgb: var(--sp-a-rgb);
}

/* Foci: havi naptár */
.fz-cal__head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 18px;
}

.fz-cal__head h2 {
	flex: 1;
	margin: 0;
	font-size: clamp(20px, 2.4vw, 28px);
}

.fz-cal__nav {
	display: grid;
	width: 40px;
	height: 40px;
	place-items: center;
	border: 1px solid rgba(var(--hz-accent-rgb), 0.35);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.03);
	color: #fff;
	cursor: pointer;
}

.fz-cal__nav svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2.4;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.fz-cal__nav:hover:not(:disabled) {
	border-color: var(--hz-red);
	background: rgba(var(--hz-accent-rgb), 0.14);
}

.fz-cal__nav:disabled {
	opacity: 0.3;
	cursor: default;
}

.fz-cal__head h2 {
	order: 0;
}

.fz-cal__nav[data-fz-cal-step="-1"] {
	order: -1;
}

.fz-cal__grid {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 6px;
}

.fz-cal__wd {
	padding: 4px 8px;
	color: rgba(255, 255, 255, 0.5);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.fz-cal__cell {
	position: relative;
	display: flex;
	min-width: 0;
	min-height: 108px;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	padding: 8px 9px;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.025);
	color: rgba(255, 255, 255, 0.75);
	font: inherit;
	text-align: left;
	cursor: pointer;
	transition: border-color 0.15s ease, background 0.15s ease;
}

.fz-cal__cell.is-pad {
	border-color: transparent;
	background: none;
	cursor: default;
}

.fz-cal__cell.is-past {
	color: rgba(255, 255, 255, 0.4);
}

.fz-cal__cell > b {
	font-family: "H2S Share", "Inter", sans-serif;
	font-size: 17px;
	font-style: italic;
	line-height: 1;
}

.fz-cal__cell.has-matches {
	border-color: rgba(var(--hz-accent-rgb), 0.35);
	background: linear-gradient(160deg, rgba(var(--hz-accent-rgb), 0.16), rgba(var(--hz-accent-rgb), 0.04));
	color: #fff;
}

.fz-cal__cell.has-matches.is-done {
	border-color: rgba(255, 255, 255, 0.12);
	background: rgba(255, 255, 255, 0.04);
	color: rgba(255, 255, 255, 0.7);
}

.fz-cal__cell:hover:not(.is-pad) {
	border-color: rgba(var(--hz-accent-rgb), 0.7);
}

.fz-cal__cell.is-today {
	box-shadow: inset 0 0 0 2px var(--hz-orange);
}

.fz-cal__cell.is-today > b::after {
	content: "MA";
	margin-left: 6px;
	padding: 2px 5px;
	border-radius: 4px;
	background: var(--hz-orange);
	color: var(--hz-ticker-ink, #000);
	font-family: "Inter", sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: 900;
	letter-spacing: 0.08em;
	vertical-align: 2px;
}

.fz-cal__cell.is-selected {
	border-color: var(--hz-red);
	background: rgba(var(--hz-accent-rgb), 0.24);
}

.fz-cal__count {
	color: var(--hz-accent-text);
	font-size: 11px;
	font-weight: 800;
}

.fz-cal__count em {
	color: #ffcf5a;
	font-style: normal;
}

.fz-cal__peek {
	display: grid;
	min-width: 0;
	max-width: 100%;
	gap: 1px;
}

.fz-cal__peek small {
	overflow: hidden;
	color: rgba(255, 255, 255, 0.7);
	font-size: 11px;
	font-variant-numeric: tabular-nums;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fz-cal__dots {
	display: none;
	gap: 3px;
	margin-top: auto;
}

.fz-cal__dots u {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--hz-orange);
}

.fz-cal__detail {
	margin-top: 20px;
}

.fz-cal__day > header {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 12px 18px;
	margin-bottom: 12px;
}

.fz-cal__day > header > div {
	flex: 1;
	min-width: 180px;
}

.fz-cal__day > header small {
	color: var(--hz-accent-text);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.fz-cal__day > header h3 {
	margin: 2px 0 0;
	font-size: 22px;
}

.fz-cal__round {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 9px 14px;
	border: 1px solid rgba(var(--hz-accent-rgb), 0.4);
	border-radius: 10px;
	background: rgba(var(--hz-accent-rgb), 0.1);
	color: #fff;
	font-size: 13px;
	text-decoration: none;
}

.fz-cal__round b {
	color: var(--hz-accent-text);
	font-weight: 700;
}

.fz-cal__round em {
	font-style: normal;
}

.fz-cal__round svg {
	width: 14px;
	height: 14px;
}

.fz-cal__list {
	display: grid;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.fz-cal__list li {
	display: grid;
	grid-template-columns: 60px minmax(0, 1fr) 70px minmax(0, 1fr) minmax(120px, 0.8fr);
	align-items: center;
	gap: 12px;
	padding: 11px 14px;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 10px;
	background: rgba(var(--sp-bg-rgb), 0.55);
}

.fz-cal__list time {
	color: var(--hz-accent-text);
	font-weight: 800;
	font-variant-numeric: tabular-nums;
}

.fz-cal__list strong:first-of-type {
	text-align: right;
}

.fz-cal__list b {
	font-family: "H2S Share", "Inter", sans-serif;
	font-size: 18px;
	font-style: italic;
	text-align: center;
}

.fz-cal__list li:not(.is-done) b {
	color: rgba(255, 255, 255, 0.45);
	font-size: 13px;
}

.fz-cal__tip {
	color: #ffcf5a;
	font-size: 12px;
	text-align: right;
}

.fz-cal__tip.is-tipped {
	color: #8ef0b2;
}

.fz-cal__day.is-empty p {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0;
	padding: 18px;
	border: 1px dashed rgba(255, 255, 255, 0.14);
	border-radius: 12px;
	color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 760px) {
	.fz-cal__grid {
		gap: 4px;
	}

	.fz-cal__cell {
		min-height: 54px;
		padding: 6px;
		align-items: center;
	}

	.fz-cal__cell > b {
		font-size: 14px;
	}

	.fz-cal__cell.is-today > b::after {
		display: none;
	}

	.fz-cal__count,
	.fz-cal__peek {
		display: none;
	}

	.fz-cal__dots {
		display: flex;
	}

	.fz-cal__wd {
		padding: 2px;
		font-size: 9px;
		text-align: center;
	}

	.fz-cal__list li {
		grid-template-columns: 48px minmax(0, 1fr) 54px minmax(0, 1fr);
		gap: 8px;
		padding: 10px;
		font-size: 13px;
	}

	.fz-cal__tip {
		grid-column: 1 / -1;
		text-align: left;
	}
}

/* Foci: a HUB-os lábléc és a régi h2s-változók is kékek legyenek */
body:is(.hz-theme-football, .hz-theme-motorsport) {
	--h2s-red: var(--sp-a);
	--h2s-orange: var(--sp-b);
	--h2s-f1-red: var(--sp-a);
	--h2s-f1-red-rgb: var(--sp-a-rgb);
	--h2s-f1-red-bright: var(--sp-bright);
}

body:is(.hz-theme-football, .hz-theme-motorsport) .h2s-footer {
	background:
		radial-gradient(60% 120% at 100% 100%, rgba(var(--sp-a-rgb), 0.16), transparent 60%),
		linear-gradient(180deg, var(--sp-bg-2), var(--sp-bg));
}

body:is(.hz-theme-football, .hz-theme-motorsport) .h2s-footer::before {
	background: linear-gradient(90deg, var(--sp-deep), var(--sp-a) 35%, var(--sp-b) 70%, transparent);
}
/* Foci: a chat és a közösségi elemek fixen piros részei */
body:is(.hz-theme-football, .hz-theme-motorsport) :is(.h2s-messages__report-modal form > button[type="submit"], .h2s-profile-social__grid > form > button, .h2s-pa-rival button) {
	background: linear-gradient(135deg, var(--sp-a), var(--sp-b));
}

body:is(.hz-theme-football, .hz-theme-motorsport) .h2s-messages__report-modal footer button[type="submit"] {
	border-color: var(--sp-bright);
	background: var(--sp-a);
}

body:is(.hz-theme-football, .hz-theme-motorsport) :is(.h2s-message-button:hover, .h2s-message-button:focus-visible, .h2s-message-button.is-current) {
	border-color: var(--sp-bright);
	background: rgba(var(--sp-a-rgb), 0.12);
}

body:is(.hz-theme-football, .hz-theme-motorsport) .h2s-message-button b {
	background: var(--sp-a);
}

body:is(.hz-theme-football, .hz-theme-motorsport) .h2s-notification-matrix input:checked + span {
	border-color: var(--sp-bright);
	background: rgba(var(--sp-a-rgb), 0.25);
}

body:is(.hz-theme-football, .hz-theme-motorsport) .h2s-profile-social__grid input[type="checkbox"] {
	accent-color: var(--sp-a);
}

body:is(.hz-theme-football, .hz-theme-motorsport) .h2s-user-mini {
	border-top-color: var(--sp-a);
	background: radial-gradient(circle at 90% 0, rgba(var(--sp-a-rgb), 0.16), transparent 42%), #0d121a;
}

body:is(.hz-theme-football, .hz-theme-motorsport) .h2s-user-mini header img {
	border-color: var(--sp-a);
}

body:is(.hz-theme-football, .hz-theme-motorsport) .h2s-user-mini__roles span {
	border-color: rgba(var(--sp-a-rgb), 0.3);
	background: rgba(var(--sp-a-rgb), 0.08);
	color: var(--sp-text-2);
}

body:is(.hz-theme-football, .hz-theme-motorsport) .h2s-score-modal > section {
	border-top-color: var(--sp-a);
}

body:is(.hz-theme-football, .hz-theme-motorsport) .h2s-pa-record header i {
	border-color: rgba(var(--sp-a-rgb), 0.4);
	background: linear-gradient(145deg, rgba(var(--sp-a-rgb), 0.25), rgba(var(--sp-b-rgb), 0.13));
	color: var(--sp-text);
}

body:is(.hz-theme-football, .hz-theme-motorsport) .h2s-pa-form i {
	background: linear-gradient(var(--sp-a), var(--sp-b));
	box-shadow: 0 0 24px rgba(var(--sp-a-rgb), 0.16);
}

body:is(.hz-theme-football, .hz-theme-motorsport) :is(.h2s-pa-results__table, .h2s-hub-profile__tabs)::-webkit-scrollbar-thumb {
	background: linear-gradient(90deg, var(--sp-a), var(--sp-b));
}
/* Achievementek 2.0: hatszögletű érmek a jelvénysávokban */
.hz-badge i.h2s-achi-medal {
	width: 54px;
	height: 60px;
	flex: 0 0 54px;
}

.hz-badge i.h2s-achi-medal > span.h2s-achi-medal__icon {
	width: 26px;
	height: 26px;
	margin-top: -4px !important;
	font-size: 18px !important;
}

.hz-badge i.h2s-achi-medal .h2s-achi-medal__pips {
	bottom: 9px;
}

.hz-badge i.h2s-achi-medal .h2s-achi-medal__pips u {
	width: 4px;
	height: 4px;
}
/* =====================================================================
 * Téma: Here2Stay Motorsport (ms.) – fekete aszfalt, F1-piros és
 * borostyán „időmérő” fények. A fejléc és a keret a sporttémáé.
 * ================================================================== */

.hz-theme-motorsport .hz-atmos {
	background:
		radial-gradient(110% 70% at 50% 0, transparent 35%, rgba(5, 5, 6, 0.75) 100%),
		linear-gradient(180deg, rgba(5, 5, 6, 0.15) 0%, rgba(5, 5, 6, 0.55) 55%, rgba(5, 5, 6, 0.85) 100%),
		url("../images/h2s-ms-stage.jpg") center 30% / cover no-repeat;
}

.msx-header .fz-brand__mark { background: linear-gradient(135deg, #e10600, #7a0300); }

/* Lenyíló menü a fejlécben (Tabella / Eredmények / Rekordok / Hírességek) */
.msx-drop { position: relative; }
.msx-drop > summary {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 10px 12px;
	color: inherit;
	font: inherit;
	list-style: none;
	cursor: pointer;
}
.msx-drop > summary::-webkit-details-marker { display: none; }
.msx-drop > summary svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; transition: transform 0.2s ease; }
.msx-drop[open] > summary svg { transform: rotate(180deg); }
.msx-drop > div {
	position: absolute;
	z-index: 40;
	top: calc(100% + 8px);
	left: 0;
	display: grid;
	min-width: 220px;
	padding: 8px;
	border: 1px solid rgba(var(--sp-a-rgb), 0.35);
	background: rgba(8, 8, 10, 0.97);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5);
	clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
}
.msx-drop > div a { padding: 10px 12px; color: #e8eaee; text-decoration: none; }
.msx-drop > div a:hover, .msx-drop > div a.is-current { background: rgba(var(--sp-a-rgb), 0.16); color: #fff; }
.msx-drop.is-current > summary { color: #fff; box-shadow: inset 0 -2px 0 var(--sp-a); }

.msx-livedot {
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-right: 7px;
	border-radius: 50%;
	background: var(--sp-a);
	box-shadow: 0 0 0 0 rgba(var(--sp-a-rgb), 0.6);
	animation: msx-pulse 1.8s ease-out infinite;
	vertical-align: 1px;
}
@keyframes msx-pulse { 70% { box-shadow: 0 0 0 7px rgba(var(--sp-a-rgb), 0); } 100% { box-shadow: 0 0 0 0 rgba(var(--sp-a-rgb), 0); } }

/* Színpad */
.msx-title { display: flex; align-items: center; gap: 18px; }
.msx-title img { width: clamp(46px, 6vw, 72px); height: auto; flex: 0 0 auto; border-radius: 4px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5); }
.msx-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 4px; }
.msx-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 11px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: rgba(0, 0, 0, 0.35);
	color: #d7dbe2;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
}
.msx-chip svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2.4; }
.msx-chip.is-ok { border-color: rgba(61, 220, 132, 0.45); color: #8ef0b2; }
.msx-chip.is-warn { border-color: rgba(var(--sp-b-rgb), 0.5); color: var(--sp-b); }
.msx-chip.is-live { border-color: var(--sp-a); background: rgba(var(--sp-a-rgb), 0.18); color: #fff; }
.msx-chip.is-live i { width: 8px; height: 8px; border-radius: 50%; background: var(--sp-a); animation: msx-pulse 1.8s ease-out infinite; }
.msx-clock-label { margin: 18px 0 6px; color: var(--sp-text); font-size: 11px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; }

/* Bokszutca (saját állás) */
.msx-pit .fz-rank b { font-style: italic; }
.msx-telemetry { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 16px 0; padding: 0; overflow: hidden; background: rgba(255, 255, 255, 0.08); list-style: none; }
.msx-telemetry li { display: grid; gap: 2px; padding: 12px 14px; background: rgba(8, 8, 10, 0.92); }
.msx-telemetry b { font-family: "H2S Share", "Inter", sans-serif; font-size: 24px; font-style: italic; line-height: 1; color: #fff; }
.msx-telemetry li:first-child b { color: #c58bff; }
.msx-telemetry span { color: #9aa1ad; font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.msx-season { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; color: #9aa1ad; font-size: 11px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.msx-season b { color: #fff; font-variant-numeric: tabular-nums; }
.msx-season .fz-progress { margin: 0; }

/* Hétvégi program */
.msx-sessions { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.msx-session {
	position: relative;
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr) auto 96px;
	align-items: center;
	gap: 14px;
	padding: 12px 16px;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-left: 3px solid rgba(255, 255, 255, 0.18);
	background: rgba(8, 8, 10, 0.6);
}
.msx-session > b { font-family: "H2S Share", "Inter", sans-serif; font-size: 18px; font-style: italic; color: #fff; }
.msx-session span { display: grid; gap: 2px; }
.msx-session strong { color: #f2f3f5; font-size: 14px; }
.msx-session small { color: #8f96a3; font-size: 12px; }
.msx-session time { font-family: "H2S Share", "Inter", sans-serif; font-size: 20px; font-style: italic; color: #fff; font-variant-numeric: tabular-nums; }
.msx-session em { color: #8f96a3; font-size: 10px; font-style: normal; font-weight: 900; letter-spacing: 0.14em; text-align: right; }
.msx-session.is-qualifying { border-left-color: #c58bff; }
.msx-session.is-sprint { border-left-color: var(--sp-b); }
.msx-session.is-race { border-left-color: var(--sp-a); background: linear-gradient(90deg, rgba(var(--sp-a-rgb), 0.14), rgba(8, 8, 10, 0.6) 45%); }
.msx-session.is-done { opacity: 0.5; }
.msx-session.is-next { border-color: rgba(var(--sp-b-rgb), 0.55); box-shadow: inset 0 0 0 1px rgba(var(--sp-b-rgb), 0.25); }
.msx-session.is-next em { color: var(--sp-b); }
.msx-session.is-live { border-color: var(--sp-a); }
.msx-session.is-live em { color: #fff; }
.msx-weekend-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; }
.msx-deadline { display: inline-flex; align-items: center; gap: 8px; color: #c9ced6; font-size: 13px; }
.msx-deadline svg { width: 16px; height: 16px; fill: none; stroke: var(--sp-b); stroke-width: 2; }
.msx-deadline strong { color: #fff; }
.msx-weather [data-home-weather-output] { display: grid; grid-template-columns: 22px auto; column-gap: 8px; align-items: center; color: #c9ced6; font-size: 12px; }
.msx-weather svg { grid-row: span 2; width: 22px; height: 22px; fill: none; stroke: #9fb4cc; stroke-width: 1.8; }
.msx-weather small { color: #8f96a3; font-size: 10px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
.msx-weather strong { color: #e8eaee; font-size: 12px; font-weight: 600; }

/* Tabella-kivonat */
.msx-top li span { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.msx-top li span small { color: #8f96a3; font-size: 11px; font-variant-numeric: tabular-nums; }

/* Szezon futamról futamra */
.msx-grid-strip { display: grid; grid-auto-columns: minmax(150px, 1fr); grid-auto-flow: column; gap: 8px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x proximity; scrollbar-color: var(--sp-a) rgba(255, 255, 255, 0.06); scrollbar-width: thin; }
.msx-round {
	position: relative;
	display: grid;
	align-content: start;
	gap: 5px;
	min-height: 150px;
	padding: 12px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: rgba(8, 8, 10, 0.65);
	color: #cfd3da;
	text-decoration: none;
	scroll-snap-align: start;
	transition: border-color 0.15s ease, transform 0.15s ease;
}
.msx-round:hover { transform: translateY(-2px); border-color: rgba(var(--sp-a-rgb), 0.6); }
.msx-round__top { display: flex; align-items: center; justify-content: space-between; }
.msx-round__top b { font-family: "H2S Share", "Inter", sans-serif; font-size: 16px; font-style: italic; color: #fff; }
.msx-round__top img { width: 30px; height: auto; border-radius: 2px; }
.msx-round strong { color: #fff; font-size: 14px; line-height: 1.2; }
.msx-round small { color: #8f96a3; font-size: 11px; }
.msx-round em { margin-top: auto; overflow: hidden; color: #e8eaee; font-size: 12px; font-style: normal; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.msx-round u { color: #8f96a3; font-size: 11px; text-decoration: none; }
.msx-round.is-done { background: rgba(14, 14, 17, 0.7); }
.msx-round.is-won { border-color: rgba(var(--sp-b-rgb), 0.55); }
.msx-round.is-won u { color: var(--sp-b); font-weight: 800; }
.msx-round.is-now { border-color: var(--sp-a); background: linear-gradient(160deg, rgba(var(--sp-a-rgb), 0.28), rgba(8, 8, 10, 0.8) 70%); box-shadow: 0 0 0 1px rgba(var(--sp-a-rgb), 0.5), 0 14px 30px rgba(var(--sp-a-rgb), 0.18); }
.msx-round em.is-now { color: #fff; letter-spacing: 0.14em; text-transform: uppercase; }
.msx-round:not(.is-done):not(.is-now) { opacity: 0.7; }

/* Legutóbbi futamok */
.msx-recent { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.msx-recent a { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.2fr) 110px; align-items: center; gap: 14px; padding: 11px 14px; border: 1px solid rgba(255, 255, 255, 0.07); background: rgba(8, 8, 10, 0.6); color: inherit; text-decoration: none; }
.msx-recent a:hover { border-color: rgba(var(--sp-a-rgb), 0.5); }
.msx-recent__race, .msx-recent__win { display: flex; align-items: center; gap: 10px; min-width: 0; }
.msx-recent__race img { width: 36px; height: auto; border-radius: 2px; }
.msx-recent span span { display: grid; min-width: 0; }
.msx-recent small { color: #8f96a3; font-size: 10px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.msx-recent strong { overflow: hidden; color: #fff; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.msx-recent__win img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.msx-recent__win b { margin-left: auto; color: var(--sp-b); font-family: "H2S Share", "Inter", sans-serif; font-style: italic; }
.msx-recent__me { display: grid; text-align: right; }
.msx-recent__me.is-win strong { color: var(--sp-b); }
.msx-recent__me.is-podium strong { color: #dfe7f2; }

/* Liga-radar */
.msx-radar { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.msx-radar li { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 11px 14px; border: 1px solid rgba(255, 255, 255, 0.07); background: rgba(8, 8, 10, 0.6); }
.msx-radar i { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(var(--sp-a-rgb), 0.35); background: rgba(var(--sp-a-rgb), 0.12); color: var(--sp-bright); }
.msx-radar i svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; }
.msx-radar span { display: grid; min-width: 0; }
.msx-radar small { color: #8f96a3; font-size: 11px; }
.msx-radar strong { overflow: hidden; color: #fff; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.msx-radar b { color: var(--sp-b); font-size: 13px; white-space: nowrap; }

/* Liga-hírek */
.msx-news { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.msx-news a { display: grid; gap: 5px; height: 100%; padding: 14px; border: 1px solid rgba(255, 255, 255, 0.07); border-top: 2px solid rgba(255, 255, 255, 0.18); background: rgba(8, 8, 10, 0.6); color: #aeb4bf; text-decoration: none; }
.msx-news .is-announcement a { border-top-color: var(--sp-b); }
.msx-news .is-round_summary a { border-top-color: var(--sp-a); }
.msx-news small { color: #8f96a3; font-size: 10px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.msx-news strong { color: #fff; font-size: 14px; }
.msx-news span { font-size: 12px; line-height: 1.5; }

/* Liga-fal (a platform hírfolyama új keretben) */
.msx-wall { scroll-margin-top: 120px; }
.msx-wall .h2s-lx { margin: 0; }
.msx-wall .h2s-achievement-feed { display: none; }

@media (max-width: 900px) {
	.msx-session { grid-template-columns: 44px minmax(0, 1fr) auto; }
	.msx-session em { display: none; }
	.msx-recent a { grid-template-columns: minmax(0, 1fr) auto; }
	.msx-recent__win { grid-column: 1 / -1; grid-row: 2; }
}

@media (max-width: 760px) {
	.msx-title { gap: 12px; }
	.msx-telemetry b { font-size: 20px; }
	.msx-grid-strip { grid-auto-columns: 140px; }
	.msx-drop > div { position: static; }
}
/* Finomítások: a lenyíló gomb a menü többi eleméhez igazodik, a cím alja nem vágódik le */
.fz-nav .msx-drop > summary { min-height: 40px; padding: 0 12px; color: #b9c6d8; font-size: 14px; font-weight: 650; white-space: nowrap; transition: color 160ms ease, background 160ms ease; }
.fz-nav .msx-drop > summary:hover, .fz-nav .msx-drop[open] > summary { color: #fff; background: rgba(255, 255, 255, 0.05); }
.fz-nav .msx-drop.is-current > summary { color: #fff; background: linear-gradient(180deg, rgba(var(--sp-a-rgb), 0.22), rgba(var(--sp-a-rgb), 0.05)); box-shadow: inset 0 -2px 0 var(--sp-a); }
.fz-nav .msx-drop > div a { display: flex; min-height: 0; padding: 10px 12px; font-size: 14px; }
.fz-nav .msx-drop > div a.is-current::after { content: none; }
.msx-title { line-height: 1; }
.msx-title span { padding-bottom: 0.14em; }
/* Motorsport: Párharc (VS) */
.msx-vs__pick { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: end; gap: 16px; }
.msx-vs__pick label { display: grid; gap: 6px; }
.msx-vs__pick label span { color: #8f96a3; font-size: 11px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
.msx-vs__pick > b { display: grid; width: 56px; height: 56px; place-items: center; background: linear-gradient(135deg, var(--sp-a), var(--sp-b)); color: #fff; font-family: "H2S Share", "Inter", sans-serif; font-size: 22px; font-style: italic; clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%); }
.msx-vs__summary { margin: 18px 0; padding: 12px 16px; border-left: 3px solid var(--sp-b); background: rgba(var(--sp-b-rgb), 0.08); color: #c9ced6; font-size: 13px; }
.msx-vs__summary strong { margin-right: 8px; color: #fff; font-size: 15px; }
.msx-vs__arena { display: grid; grid-template-columns: minmax(0, 220px) minmax(0, 1fr) minmax(0, 220px); gap: 16px; align-items: stretch; }
.msx-vs__card { display: grid; align-content: center; justify-items: center; gap: 6px; padding: 20px 14px; border: 1px solid rgba(255, 255, 255, 0.08); background: radial-gradient(90% 80% at 50% 0, rgba(var(--sp-a-rgb), 0.22), transparent 70%), rgba(8, 8, 10, 0.7); text-align: center; cursor: pointer; }
.msx-vs__card.is-right { background: radial-gradient(90% 80% at 50% 0, rgba(var(--sp-b-rgb), 0.2), transparent 70%), rgba(8, 8, 10, 0.7); }
.msx-vs__card .h2s-ms-home__compare-avatar { width: 84px; height: 84px; border: 3px solid var(--sp-a); border-radius: 50%; object-fit: cover; }
.msx-vs__card.is-right .h2s-ms-home__compare-avatar { border-color: var(--sp-b); }
.msx-vs__card > span { display: flex; align-items: center; gap: 6px; color: #fff; font-size: 18px; font-weight: 800; }
.msx-vs__card .h2s-ms-home__compare-flag { width: 20px; height: auto; border-radius: 2px; }
.msx-vs__card small { color: #8f96a3; font-size: 12px; }
.msx-vs__card em { color: var(--sp-text); font-size: 12px; font-style: normal; font-weight: 700; }
.msx-vs__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; align-content: center; }
.msx-vs__stats > div { display: grid; grid-template-columns: 1fr; gap: 2px; padding: 8px 12px; background: rgba(8, 8, 10, 0.6); text-align: center; }
.msx-vs__stats b { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; font-family: "H2S Share", "Inter", sans-serif; font-size: 17px; font-style: italic; font-weight: 400; }
.msx-vs__stats b em { color: #8f96a3; font-style: normal; }
.msx-vs__stats b em:first-child { text-align: right; }
.msx-vs__stats b em:last-child { text-align: left; }
.msx-vs__stats b em.is-winner { color: #fff; text-shadow: 0 0 14px rgba(var(--sp-a-rgb), 0.7); }
.msx-vs__stats b em:first-child.is-winner { color: var(--sp-bright); }
.msx-vs__stats b em:last-child.is-winner { color: var(--sp-b); }
.msx-vs__stats b i { color: #565c66; font-family: "Inter", sans-serif; font-size: 11px; font-style: normal; }
.msx-vs__stats span { color: #8f96a3; font-size: 10px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }

/* Motorsport: Liga-hírfolyam */
.msx-feed__layout { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr); gap: 18px; align-items: start; }
.msx-feed__list { display: grid; gap: 8px; }
.msx-post { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; padding: 16px; border: 1px solid rgba(255, 255, 255, 0.07); border-left: 3px solid rgba(255, 255, 255, 0.16); background: rgba(8, 8, 10, 0.6); cursor: pointer; transition: border-color 0.15s ease, background 0.15s ease; }
.msx-post:hover, .msx-post:focus-visible { border-color: rgba(var(--sp-a-rgb), 0.45); background: rgba(14, 14, 17, 0.8); outline: none; }
.msx-post.is-announcement { border-left-color: var(--sp-b); }
.msx-post.is-round_summary { border-left-color: var(--sp-a); }
.msx-post__icon { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(var(--sp-a-rgb), 0.35); background: rgba(var(--sp-a-rgb), 0.12); color: var(--sp-bright); }
.msx-post.is-announcement .msx-post__icon { border-color: rgba(var(--sp-b-rgb), 0.4); background: rgba(var(--sp-b-rgb), 0.12); color: var(--sp-b); }
.msx-post__icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; }
.msx-post__body small { color: #8f96a3; font-size: 10px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.msx-post__body h3 { margin: 4px 0 4px; color: #fff; font-size: 16px; }
.msx-post__body p { margin: 0; color: #aeb4bf; font-size: 13px; line-height: 1.55; }
.msx-post__delivery { margin-top: 6px !important; color: #8f96a3 !important; font-size: 11px !important; }
.msx-post__body footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: 12px; }
.msx-post__body footer > b { display: inline-flex; align-items: center; gap: 6px; color: var(--sp-text); font-size: 12px; }
.msx-post__body footer > b svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; }
.msx-reactions { display: flex; gap: 6px; }
.msx-reactions button { display: inline-flex; align-items: center; gap: 5px; min-width: 46px; height: 32px; padding: 0 10px; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.03); color: #e8eaee; font: inherit; font-size: 14px; cursor: pointer; transition: transform 0.12s ease, border-color 0.12s ease, background 0.12s ease; }
.msx-reactions button:hover { transform: translateY(-1px); border-color: rgba(var(--sp-a-rgb), 0.5); }
.msx-reactions button.is-active { border-color: var(--sp-a); background: rgba(var(--sp-a-rgb), 0.18); }
.msx-reactions button small { min-width: 6px; color: #c9ced6; font-size: 12px; font-weight: 800; letter-spacing: 0; text-transform: none; }
.msx-reactions button:disabled { opacity: 0.6; }
.msx-feed__side { display: grid; gap: 10px; }
.msx-sumcard { padding: 16px; border: 1px solid rgba(var(--sp-a-rgb), 0.3); background: radial-gradient(90% 70% at 100% 0, rgba(var(--sp-a-rgb), 0.18), transparent 60%), rgba(8, 8, 10, 0.7); }
.msx-sumcard > small { color: var(--sp-text); font-size: 10px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; }
.msx-sumcard h3 { margin: 4px 0 12px; color: #fff; font-size: 17px; }
.msx-sumcard__podium { display: grid; gap: 4px; margin: 0 0 12px; padding: 0; list-style: none; }
.msx-sumcard__podium li { display: grid; grid-template-columns: 36px 1fr auto; align-items: center; gap: 10px; padding: 8px 10px; background: rgba(255, 255, 255, 0.04); }
.msx-sumcard__podium b { font-family: "H2S Share", "Inter", sans-serif; font-style: italic; color: #8f96a3; }
.msx-sumcard__podium .is-p1 b { color: #ffd24d; }
.msx-sumcard__podium .is-p2 b { color: #dfe7f2; }
.msx-sumcard__podium .is-p3 b { color: #d08a52; }
.msx-sumcard__podium strong { overflow: hidden; color: #fff; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.msx-sumcard__podium em { color: var(--sp-b); font-size: 12px; font-style: normal; font-weight: 800; }
.msx-sumcard dl { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 0 0 12px; }
.msx-sumcard dl div { padding: 8px 10px; background: rgba(255, 255, 255, 0.03); }
.msx-sumcard dt { color: #8f96a3; font-size: 10px; font-weight: 700; }
.msx-sumcard dd { margin: 2px 0 0; color: #fff; font-size: 13px; font-weight: 700; }
.msx-fold { border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(8, 8, 10, 0.6); }
.msx-fold > summary { display: flex; align-items: center; gap: 10px; padding: 12px 14px; color: #e8eaee; font-size: 13px; font-weight: 800; list-style: none; cursor: pointer; }
.msx-fold > summary::-webkit-details-marker { display: none; }
.msx-fold > summary svg { width: 16px; height: 16px; fill: none; stroke: var(--sp-b); stroke-width: 2; }
.msx-fold > summary::after { margin-left: auto; color: #8f96a3; content: "+"; }
.msx-fold[open] > summary::after { content: "–"; }
.msx-fold form { display: grid; gap: 10px; padding: 0 14px 14px; }
.msx-fold form label { display: grid; gap: 5px; }
.msx-fold form label > span { color: #8f96a3; font-size: 11px; font-weight: 700; }
.msx-fold form a { color: var(--sp-text); font-size: 12px; }
.msx-check { display: flex !important; align-items: center; gap: 8px !important; }
.msx-check input { accent-color: var(--sp-a); }
.msx-check span { color: #c9ced6 !important; font-size: 12px !important; font-weight: 500 !important; }
.msx-archive { padding: 14px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(8, 8, 10, 0.6); }
.msx-archive h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; color: #fff; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; }
.msx-archive h3 svg { width: 16px; height: 16px; fill: none; stroke: #ffd24d; stroke-width: 2; }
.msx-archive ul { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
.msx-archive li { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; padding: 8px 10px; background: rgba(255, 255, 255, 0.03); font-size: 12px; }
.msx-archive li b { color: var(--sp-b); }
.msx-archive li span { color: #e8eaee; }
.msx-archive li small, .msx-archive p { margin: 0; color: #8f96a3; font-size: 12px; }

/* Részletek-ablak */
.msx-modal { max-width: min(640px, calc(100% - 32px)); padding: 0; border: 1px solid rgba(var(--sp-a-rgb), 0.4); background: #0a0a0c; color: #e8eaee; }
.msx-modal::backdrop { background: rgba(0, 0, 0, 0.7); backdrop-filter: blur(4px); }
.msx-modal .h2s-lx-modal__panel { position: relative; padding: 26px; }
.msx-modal header small { color: var(--sp-text); font-size: 10px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; }
.msx-modal header h2 { margin: 6px 0; color: #fff; font-size: 22px; }
.msx-modal header time { color: #8f96a3; font-size: 12px; }
.msx-modal .h2s-lx-modal__close { position: absolute; top: 14px; right: 14px; width: 34px; height: 34px; border: 1px solid rgba(255, 255, 255, 0.12); background: none; color: #fff; font-size: 20px; cursor: pointer; }
.msx-modal .h2s-lx-modal__content { color: #c9ced6; line-height: 1.6; }
.msx-modal footer { display: flex; gap: 8px; margin-top: 14px; }
.msx-modal footer a { padding: 9px 14px; background: linear-gradient(135deg, var(--sp-a), var(--sp-b)); color: #fff; font-size: 13px; font-weight: 800; text-decoration: none; }

@media (max-width: 980px) {
	.msx-feed__layout { grid-template-columns: 1fr; }
	.msx-vs__arena { grid-template-columns: 1fr 1fr; }
	.msx-vs__stats { grid-column: 1 / -1; grid-row: 2; }
}
@media (max-width: 560px) {
	.msx-vs__pick { grid-template-columns: 1fr; }
	.msx-vs__pick > b { justify-self: center; }
	.msx-post { grid-template-columns: 1fr; }
	.msx-post__icon { display: none; }
}
/* =====================================================================
 * Motorsport: a régi modulok (Játék, Élő, Tabella, Eredmények, Rekordok,
 * Hírességek Csarnoka, Naptár, Ligák, Hétvége, Szabályzat) új köntösben.
 * Csak megjelenés: a jelölések és a szkriptek változatlanok.
 * ================================================================== */

.hz-theme-motorsport .hz-skin { font-family: "Inter", "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif; }

/* Oldalfejlécek a HUB-oldalfejléc nyelvén */
.hz-theme-motorsport :is(.h2s-ms-standing__hero, .h2s-ms-results__hero, .h2s-ms-records__hero, .h2s-ms-live__hero, .h2s-cal-hero, .h2s-hof-hero, .h2s-f1p-roadmap > header, .h2s-f1-leagues__hero, .h2s-msi-weekend__hero, .h2s-legal-hero) { position: relative; isolation: isolate; background: none !important; border: 0 !important; box-shadow: none !important; }
.hz-theme-motorsport :is(.h2s-ms-standing__hero, .h2s-ms-results__hero, .h2s-ms-records__hero, .h2s-ms-live__hero, .h2s-cal-hero, .h2s-hof-hero, .h2s-f1p-roadmap > header, .h2s-f1-leagues__hero, .h2s-msi-weekend__hero, .h2s-legal-hero) h1 { color: #fff !important; font-family: inherit !important; font-size: clamp(42px, 6vw, 88px) !important; font-style: normal !important; font-weight: 850 !important; line-height: 0.92 !important; letter-spacing: -0.05em !important; text-shadow: 0 10px 60px rgba(0, 0, 0, 0.6); }
.hz-theme-motorsport :is(.h2s-ms-standing__hero, .h2s-ms-results__hero, .h2s-ms-records__hero, .h2s-ms-live__hero, .h2s-cal-hero, .h2s-hof-hero, .h2s-f1p-roadmap > header, .h2s-f1-leagues__hero, .h2s-msi-weekend__hero, .h2s-legal-hero) h1 :is(em, span, strong) { background: linear-gradient(100deg, var(--hz-grad-a) 15%, var(--hz-grad-b) 85%); -webkit-background-clip: text; background-clip: text; color: transparent !important; font-style: normal; }
.hz-theme-motorsport :is(:is(.h2s-ms-standing__hero, .h2s-ms-results__hero, .h2s-ms-records__hero, .h2s-ms-live__hero, .h2s-cal-hero, .h2s-hof-hero, .h2s-f1p-roadmap > header, .h2s-f1-leagues__hero, .h2s-msi-weekend__hero, .h2s-legal-hero) > div > span:first-child, .h2s-cal-eyebrow, .h2s-legal-kicker, .h2s-msi-weekend__eyebrow, .h2s-f1-leagues__hero > p) { display: inline-flex !important; align-items: center; gap: 10px; color: #d5dbe5 !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: 0.18em !important; text-transform: uppercase; }
.hz-theme-motorsport :is(:is(.h2s-ms-standing__hero, .h2s-ms-results__hero, .h2s-ms-records__hero, .h2s-ms-live__hero, .h2s-cal-hero, .h2s-hof-hero, .h2s-f1p-roadmap > header, .h2s-f1-leagues__hero, .h2s-msi-weekend__hero, .h2s-legal-hero) > div > span:first-child, .h2s-cal-eyebrow, .h2s-legal-kicker, .h2s-msi-weekend__eyebrow, .h2s-f1-leagues__hero > p)::before { width: 9px; height: 9px; flex: 0 0 9px; border-radius: 50%; background: var(--sp-a); box-shadow: 0 0 0 4px rgba(var(--sp-a-rgb), 0.2); content: ""; }
.hz-theme-motorsport :is(:is(.h2s-ms-standing__hero, .h2s-ms-results__hero, .h2s-ms-records__hero, .h2s-ms-live__hero, .h2s-cal-hero, .h2s-hof-hero, .h2s-f1p-roadmap > header, .h2s-f1-leagues__hero, .h2s-msi-weekend__hero, .h2s-legal-hero) > div > p, .h2s-legal-lead) { color: #b8c0cc !important; font-size: 17px !important; line-height: 1.6 !important; }
.hz-theme-motorsport :is(.h2s-ms-standing__hero, .h2s-ms-results__hero, .h2s-ms-records__hero, .h2s-ms-live__hero, .h2s-cal-hero, .h2s-hof-hero, .h2s-f1p-roadmap > header, .h2s-f1-leagues__hero, .h2s-msi-weekend__hero, .h2s-legal-hero)::after { position: absolute; z-index: -1; top: -26px; right: clamp(180px, 24vw, 340px); color: transparent; font-family: var(--hz-num, "H2S Share"), sans-serif; font-size: clamp(110px, 15vw, 230px); font-style: italic; line-height: 0.85; letter-spacing: -0.04em; pointer-events: none; -webkit-text-stroke: 2px rgba(var(--sp-a-rgb), 0.2); user-select: none; }
.hz-theme-motorsport .h2s-ms-standing__hero::after { content: "P1"; }
.hz-theme-motorsport .h2s-ms-results__hero::after { content: "RES"; }
.hz-theme-motorsport .h2s-ms-records__hero::after { content: "REC"; }
.hz-theme-motorsport .h2s-ms-live__hero::after { content: "LIVE"; }
.hz-theme-motorsport .h2s-cal-hero::after { content: "CAL"; }
.hz-theme-motorsport .h2s-f1-leagues__hero::after { content: "LIGA"; }
.hz-theme-motorsport .h2s-msi-weekend__hero::after { content: "GP"; }
.hz-theme-motorsport .h2s-legal-hero::after { content: "RULES"; }

/* Fejléc-kártyák (pontozott futam, éllovas, tippzár …) */
.hz-theme-motorsport :is(.h2s-ms-standing__meta, .h2s-ms-results__headline, .h2s-ms-records__hero-mark, .h2s-ms-live__hero > aside, .h2s-msi-weekend__deadline) { position: relative; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 0 !important; background: linear-gradient(90deg, var(--sp-a), var(--sp-b)) top left / 56px 2px no-repeat, rgba(8, 8, 10, 0.8) !important; box-shadow: 0 30px 80px -40px rgba(0, 0, 0, 0.9) !important; clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%); }

/* Panelek: szögletes, áttetsző sötét lapok vörös felső éllel */
.hz-theme-motorsport :is(.h2s-ms-standing__context, .h2s-ms-standing__board, .h2s-ms-results__tabs, .h2s-ms-results__panel, .h2s-ms-records__stats, .h2s-ms-records__filters, .h2s-ms-records__summary, .h2s-ms-live__weekend, .h2s-ms-live__sessions, .h2s-ms-live__toolbar, .h2s-ms-live__panel, .h2s-cal-stats, .h2s-cal-controls, .h2s-cal-season-overview, .h2s-hof-viewbar, .h2s-hof-nav, .h2s-hof-panel, .h2s-f1p-roadmap, .h2s-f1p-tabs, .h2s-f1p-event, .h2s-f1p-panel, .h2s-msi, .h2s-f1-league-card, .h2s-f1-league-action) { border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top-color: rgba(var(--sp-a-rgb), 0.55) !important; border-radius: 0 !important; background-color: rgba(10, 10, 12, 0.78) !important; box-shadow: 0 30px 80px -40px rgba(0, 0, 0, 0.9) !important; }

/* Szögletes elemek mindenhol, kivéve az avatarokat, zászlókat és kör alakú jelzőket */
.hz-theme-motorsport :is(.h2s-ms-section-page, .hz-skin--leagues, .hz-skin--page) :is(section, article, aside, header, nav, div, button, a, input, select, textarea, label, table, details, summary, li):not([class*="avatar"], [class*="flag"], [class*="dot"], [class*="pin"], [class*="stop"], [class*="medal"], [class*="toggle"], [class*="switch"], [class*="radio"], [class*="check"], [class*="seal"], [class*="circle"], [class*="ring"], [class*="knob"], [class*="spinner"]) { border-radius: 0 !important; }

/* Fülek és szűrőgombok */
.hz-theme-motorsport :is(.h2s-ms-results__tabs, .h2s-f1p-tabs, .h2s-hof-nav, .h2s-hof-viewbar, .h2s-ms-live__toolbar, .h2s-ms-records__filters) :is(a, button) { font-size: 12px !important; font-weight: 800 !important; letter-spacing: 0.1em !important; text-transform: uppercase; }
.hz-theme-motorsport :is(.h2s-ms-results__tabs, .h2s-f1p-tabs, .h2s-hof-nav, .h2s-hof-viewbar, .h2s-ms-live__toolbar, .h2s-ms-records__filters) :is(a, button):is(.is-active, .is-current, .is-selected, [aria-selected="true"], [aria-pressed="true"], [aria-current="page"]) { border-color: transparent !important; background: linear-gradient(120deg, var(--sp-a), var(--sp-b)) !important; color: #fff !important; box-shadow: 0 10px 30px -10px rgba(var(--sp-a-rgb), 0.6) !important; clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); }

/* Táblázatok és címek */
.hz-theme-motorsport .h2s-ms-section-page :is(h2, h3) { font-family: inherit; letter-spacing: -0.01em; }
.hz-theme-motorsport .h2s-ms-section-page table th { color: #8f96a3; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; }

/* Elsődleges gombok a sporttéma színátmenetével */
.hz-theme-motorsport :is(.h2s-ms-section-page, .hz-skin--leagues, .hz-skin--page) :is(.is-primary, button[type="submit"]):not([class*="react"]) { background: linear-gradient(120deg, var(--sp-a), var(--sp-b)) !important; border-color: transparent !important; color: #fff !important; }

@media (max-width: 760px) {
	.hz-theme-motorsport :is(.h2s-ms-standing__hero, .h2s-ms-results__hero, .h2s-ms-records__hero, .h2s-ms-live__hero, .h2s-cal-hero, .h2s-hof-hero, .h2s-f1p-roadmap > header, .h2s-f1-leagues__hero, .h2s-msi-weekend__hero, .h2s-legal-hero)::after { font-size: 96px; top: 0; right: 0; opacity: 0.7; }
}
.msx-session.is-practice { border-left-color: rgba(255, 255, 255, 0.3); }
.hz-theme-motorsport :is(.h2s-ms-standing__hero, .h2s-ms-results__hero, .h2s-ms-records__hero, .h2s-ms-live__hero, .h2s-cal-hero, .h2s-hof-hero, .h2s-f1p-roadmap > header, .h2s-f1-leagues__hero, .h2s-msi-weekend__hero, .h2s-legal-hero) h1 { padding-bottom: 0.1em !important; overflow: visible !important; }
.hz-theme-motorsport .h2s-msi-weekend__hero h1 { margin-bottom: 14px !important; }
.hz-theme-motorsport .h2s-f1-leagues__hero > p > span { display: none !important; }
/* =====================================================================
 * Játék: szezon-szektorsáv (a régi kártyás útvonal helyett)
 * ================================================================== */
.h2s-f1p-lap { padding: 22px 24px 20px !important; overflow: visible !important; }
.h2s-f1p-lap > header { padding: 0 0 14px !important; }
.h2s-f1p-lap .h2s-f1p-roadmap-controls { display: none; }
.h2s-f1p-lap__tally { display: flex; flex-wrap: wrap; gap: 26px; margin: 4px 0 8px; }
.h2s-f1p-lap__tally b { display: block; font-family: "Share Tech Mono", "H2S Share", monospace; font-size: 30px; line-height: 1; }
.h2s-f1p-lap__tally span { color: #8f96a3; font-size: 11px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.h2s-f1p-lap__tally .is-won b { color: #c58bff; }
.h2s-f1p-lap__tally .is-done b { color: #3ddc84; }
.h2s-f1p-lap__tally .is-missed b { color: #ff6b5f; }
.h2s-f1p-lap__tally .is-left b { color: var(--sp-b, #ffb000); }
.h2s-f1p-lap__scroll { padding: 0 0 14px !important; overflow-x: auto !important; cursor: default !important; scroll-snap-type: none !important; }
.h2s-f1p-lap__bar { display: grid; grid-template-columns: repeat(var(--sectors), minmax(34px, 1fr)); gap: 3px; min-width: 860px; margin: 0; padding: 0; list-style: none; }
.h2s-f1p-lap__cell { position: relative; min-width: 0; }
.h2s-f1p-lap .h2s-f1p-roadmap-stop.h2s-f1p-lap__sector { display: grid !important; grid-template-rows: 72px 26px 72px; flex: none !important; align-items: stretch !important; min-width: 0 !important; opacity: 1 !important; color: #fff; text-decoration: none !important; cursor: pointer; outline: none; }
.h2s-f1p-lap span.h2s-f1p-lap__sector { cursor: default; }
.h2s-f1p-lap__label { grid-row: 1; display: grid; justify-items: center; align-content: end; gap: 3px; padding-bottom: 8px; text-align: center; }
.h2s-f1p-lap__cell.is-down .h2s-f1p-lap__label { grid-row: 3; align-content: start; padding: 8px 0 0; }
.h2s-f1p-lap__cell.is-down .h2s-f1p-lap__label img { order: -1; }
.h2s-f1p-lap__label b { font-family: "Share Tech Mono", monospace; font-size: 11px; color: #cfd3da; }
.h2s-f1p-lap__label small { color: #8f96a3; font-size: 10px; font-weight: 800; letter-spacing: 0.06em; }
.h2s-f1p-lap__label img { width: 24px; height: auto; border-radius: 2px; }
.h2s-f1p-lap__label::after { width: 1px; height: 10px; background: rgba(255, 255, 255, 0.16); content: ""; }
.h2s-f1p-lap__cell.is-down .h2s-f1p-lap__label::after { order: -2; }
.h2s-f1p-lap__block { grid-row: 2; display: grid; place-items: center; height: 26px; background: #22222a; color: rgba(255, 255, 255, 0.85); font-size: 12px; font-style: normal; font-weight: 900; transition: transform 0.12s ease, filter 0.12s ease; }
.h2s-f1p-lap__sector:hover .h2s-f1p-lap__block, .h2s-f1p-lap__sector:focus-visible .h2s-f1p-lap__block, .h2s-f1p-lap__sector.is-previewed .h2s-f1p-lap__block { transform: scaleY(1.25); filter: brightness(1.2); }
.h2s-f1p-lap__sector.is-won .h2s-f1p-lap__block { background: #c58bff; color: #2a0f45; }
.h2s-f1p-lap__sector.is-done .h2s-f1p-lap__block { background: #3ddc84; color: #06321b; }
.h2s-f1p-lap__sector.is-missed .h2s-f1p-lap__block { background: #5c1414; color: #ff9a92; }
.h2s-f1p-lap__sector.is-live .h2s-f1p-lap__block { background: #e10600; animation: h2s-lap-live 1.6s ease-in-out infinite; }
.h2s-f1p-lap__sector.is-next .h2s-f1p-lap__block, .h2s-f1p-lap__sector.is-next-tipped .h2s-f1p-lap__block { background: repeating-linear-gradient(135deg, #ffb000 0 6px, #7a5400 6px 12px); color: #1a0f00; }
.h2s-f1p-lap__sector.is-next-tipped .h2s-f1p-lap__block { text-shadow: 0 0 4px #ffb000; }
.h2s-f1p-lap__sector.is-future .h2s-f1p-lap__block { background: #22222a; }
.h2s-f1p-lap__sector:is(.is-cancelled, .is-moved) .h2s-f1p-lap__block { background: repeating-linear-gradient(135deg, #3a3a42 0 4px, transparent 4px 8px); }
.h2s-f1p-lap__sector:is(.is-cancelled, .is-moved) .h2s-f1p-lap__label { opacity: 0.55; }
.h2s-f1p-lap__sector.is-selected .h2s-f1p-lap__block { outline: 2px solid #fff; outline-offset: 2px; }
.h2s-f1p-lap__sector.is-selected .h2s-f1p-lap__label b { color: #fff; }
.h2s-f1p-lap__sector.is-won .h2s-f1p-lap__label b { color: #c58bff; }
.h2s-f1p-lap .h2s-f1p-lap__sector.is-search-hidden { display: grid !important; }
.h2s-f1p-lap__sector.is-search-hidden > * { opacity: 0.15; }
.h2s-f1p-lap__here { position: absolute; z-index: 2; left: 50%; top: 50%; padding: 3px 6px; background: #fff; color: #1a0200; font-size: 9px; font-style: normal; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; white-space: nowrap; pointer-events: none; transform: translate(-50%, calc(-50% + 26px)); }
.h2s-f1p-lap__cell.is-down .h2s-f1p-lap__here { transform: translate(-50%, calc(-50% - 26px)); }
@keyframes h2s-lap-live { 50% { filter: brightness(1.5); } }
.h2s-f1p-lap__detail { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.6fr) minmax(0, 1.6fr); gap: 8px; margin-top: 14px; }
.h2s-f1p-lap__detail > div { padding: 12px 14px; border: 1px solid rgba(255, 255, 255, 0.08); background: #0b0b0d; }
.h2s-f1p-lap__detail small { display: block; color: #8f96a3; font-size: 10px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
.h2s-f1p-lap__detail strong { display: block; margin-top: 4px; color: #fff; font-size: 15px; }
.h2s-f1p-lap__legend { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 8px 18px; margin: 16px 0 0; padding: 14px 0 0; border-top: 1px solid rgba(255, 255, 255, 0.07); list-style: none; }
.h2s-f1p-lap__legend li { display: flex; align-items: center; gap: 10px; color: #aeb4bf; font-size: 12px; }
.h2s-f1p-lap__legend b { color: #fff; font-weight: 800; }
.h2s-f1p-lap__legend i { flex: 0 0 26px; height: 12px; background: #22222a; }
.h2s-f1p-lap__legend .is-won i { background: #c58bff; }
.h2s-f1p-lap__legend .is-done i { background: #3ddc84; }
.h2s-f1p-lap__legend .is-missed i { background: #5c1414; }
.h2s-f1p-lap__legend .is-live i { background: #e10600; }
.h2s-f1p-lap__legend .is-next i { background: repeating-linear-gradient(135deg, #ffb000 0 4px, #7a5400 4px 8px); }
.h2s-f1p-lap__legend .is-cancelled i { background: repeating-linear-gradient(135deg, #3a3a42 0 3px, transparent 3px 6px); }
.h2s-f1p-lap__legend .is-selected i { background: transparent; outline: 2px solid #fff; outline-offset: -2px; }
@media (max-width: 760px) {
	.h2s-f1p-lap { padding: 18px 14px !important; }
	.h2s-f1p-lap__detail { grid-template-columns: 1fr 1fr; }
	.h2s-f1p-lap__detail .is-wide { grid-column: 1 / -1; }
	.h2s-f1p-lap__tally { gap: 16px; }
	.h2s-f1p-lap__tally b { font-size: 24px; }
}.h2s-f1p-lap .h2s-f1p-roadmap-stop > i.h2s-f1p-lap__block { z-index: 1; width: auto; height: 26px; margin: 0; border: 0; border-radius: 0 !important; box-shadow: none; transform: none; }
.h2s-f1p-lap .h2s-f1p-roadmap-stop > i.h2s-f1p-lap__block::before, .h2s-f1p-lap .h2s-f1p-roadmap-stop > i.h2s-f1p-lap__block::after { content: none; }
.h2s-f1p-lap .h2s-f1p-roadmap-stop:hover > i.h2s-f1p-lap__block, .h2s-f1p-lap .h2s-f1p-roadmap-stop.is-previewed > i.h2s-f1p-lap__block { transform: scaleY(1.3); }.h2s-f1p-lap__here { display: none; }

/* Szektorsáv: kompakt elrendezés (kisebb cím, egy sorban a számlálókkal, sűrűbb sáv) */
.hz-theme-motorsport .h2s-f1p-lap { padding: 16px 20px 14px !important; }
.hz-theme-motorsport .h2s-f1p-lap::after { content: none !important; }
.hz-theme-motorsport .h2s-f1p-lap > header { display: flex !important; flex-wrap: wrap; align-items: center !important; gap: 12px 24px !important; padding: 0 0 6px !important; }
.hz-theme-motorsport .h2s-f1p-lap > header > div { display: flex; align-items: baseline; gap: 14px; flex: 1 1 auto; }
.hz-theme-motorsport .h2s-f1p-lap > header h1 { margin: 0 !important; font-size: 22px !important; letter-spacing: -0.02em !important; line-height: 1.1 !important; padding: 0 !important; }
.hz-theme-motorsport .h2s-f1p-lap > header > div > span { font-size: 11px !important; }
.hz-theme-motorsport .h2s-f1p-lap .h2s-f1p-roadmap-search { display: flex; align-items: center; gap: 10px; flex: 0 1 300px; }
.hz-theme-motorsport .h2s-f1p-lap .h2s-f1p-roadmap-search > span { display: none; }
.hz-theme-motorsport .h2s-f1p-lap .h2s-f1p-roadmap-search input { min-height: 38px !important; height: 38px; padding: 0 12px !important; font-size: 13px !important; }
.h2s-f1p-lap__tally { gap: 18px; margin: 0 0 4px; }
.h2s-f1p-lap__tally > div { display: flex; align-items: baseline; gap: 6px; }
.h2s-f1p-lap__tally b { font-size: 20px; }
.h2s-f1p-lap__tally span { font-size: 10px; }
.h2s-f1p-lap .h2s-f1p-roadmap-stop.h2s-f1p-lap__sector { grid-template-rows: 50px 22px 50px; }
.h2s-f1p-lap .h2s-f1p-roadmap-stop > i.h2s-f1p-lap__block { height: 22px; font-size: 11px; }
.h2s-f1p-lap__label { gap: 2px; padding-bottom: 5px; }
.h2s-f1p-lap__cell.is-down .h2s-f1p-lap__label { padding-top: 5px; }
.h2s-f1p-lap__label img { width: 20px; }
.h2s-f1p-lap__label::after { height: 6px; }
.h2s-f1p-lap__label small { display: none; }
.h2s-f1p-lap__scroll { padding-bottom: 8px !important; }
.h2s-f1p-lap__detail { margin-top: 8px; gap: 6px; }
.h2s-f1p-lap__detail > div { display: flex; align-items: baseline; gap: 10px; padding: 8px 12px; }
.h2s-f1p-lap__detail strong { margin: 0; font-size: 13px; }
.h2s-f1p-lap__legend { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 10px; padding-top: 10px; }
.h2s-f1p-lap__legend li { gap: 6px; font-size: 11px; }
.h2s-f1p-lap__legend i { flex-basis: 16px; height: 10px; }
@media (max-width: 760px) {
	.hz-theme-motorsport .h2s-f1p-lap > header > div { flex-direction: column; gap: 2px; }
	.hz-theme-motorsport .h2s-f1p-lap .h2s-f1p-roadmap-search { flex: 1 1 100%; }
	.h2s-f1p-lap__detail > div { display: block; }
}@media (max-width: 760px) {
	.h2s-f1p-lap__legend { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 10px; }
	.h2s-f1p-lap__detail { grid-template-columns: 1fr auto; }
	.h2s-f1p-lap__detail > div { padding: 7px 10px; }
	.h2s-f1p-lap__detail small { font-size: 9px; }
	.h2s-f1p-lap__tally { gap: 6px 14px; }
}
/* Motorsport-elemző blokkok (forduló története, dobogóforma, tippeloszlás, bajnoki esélyek, párharc) új panelként */
.hz-theme-motorsport .h2s-msi { --i-red: #e10600; --i-orange: #ffb000; --i-bg: #0a0a0c; --i-card: rgba(255, 255, 255, 0.03); --i-line: rgba(255, 255, 255, 0.08); --i-muted: #8f96a3; position: relative; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top-color: rgba(225, 6, 0, 0.55) !important; border-radius: 0 !important; background: linear-gradient(90deg, #e10600, #ffb000) top left / 56px 2px no-repeat, rgba(10, 10, 12, 0.8) !important; box-shadow: 0 30px 80px -40px rgba(0, 0, 0, 0.9); }
.hz-theme-motorsport .h2s-msi header small { color: var(--sp-text, #ff8f80); }
.hz-theme-motorsport .h2s-msi :is(article, li) { border-color: rgba(255, 255, 255, 0.07); background-color: rgba(255, 255, 255, 0.025); }
.hz-theme-motorsport .h2s-msi-spoiler__cover { display: none !important; }
.hz-theme-motorsport .h2s-msi-spoiler__content { filter: none !important; opacity: 1 !important; pointer-events: auto !important; }.hz-theme-motorsport .h2s-ms-section-page > .h2s-msi { width: min(1280px, calc(100% - 40px)) !important; max-width: none; }
.hz-theme-motorsport .h2s-ms-section-page * { scrollbar-color: rgba(225, 6, 0, 0.7) rgba(255, 255, 255, 0.05); scrollbar-width: thin; }
/* Forduló története a Futameredmények fülön: kompakt sáv a ponttábla fölött */
.hz-theme-motorsport .h2s-ms-results__panel > .h2s-msi--story { width: auto !important; max-width: none; margin: 0 0 18px; padding: 16px 18px; border: 1px solid rgba(255, 255, 255, 0.07) !important; border-left: 3px solid #e10600 !important; background: rgba(255, 255, 255, 0.025) !important; box-shadow: none; }
.hz-theme-motorsport .h2s-ms-results__panel > .h2s-msi--story > header { margin: 0 0 10px; }
.hz-theme-motorsport .h2s-ms-results__panel > .h2s-msi--story > header h2 { font-size: 17px; }
.hz-theme-motorsport .h2s-ms-results__panel > .h2s-msi--story .h2s-msi__story-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
.hz-theme-motorsport .h2s-ms-results__panel > .h2s-msi--story article { padding: 10px 12px; }
.hz-theme-motorsport .h2s-ms-results__panel > .h2s-msi--story article small { font-size: 9px; letter-spacing: 0.1em; }
.hz-theme-motorsport .h2s-ms-results__panel > .h2s-msi--story article strong { display: block; margin: 4px 0 2px; font-size: 14px; }
.hz-theme-motorsport .h2s-ms-results__panel > .h2s-msi--story article span { font-size: 11px; color: #8f96a3; }
@media (max-width: 900px) { .hz-theme-motorsport .h2s-ms-results__panel > .h2s-msi--story .h2s-msi__story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* A régi modulok gyökérdoboza ne takarja ki az új hátteret, és ne hagyjon nagy rést a lábléc előtt */
.hz-theme-motorsport :is(.h2s-ms-results, .h2s-ms-standing, .h2s-ms-live, .h2s-ms-records, .h2s-ms-hof, .h2s-ms-calendar, .h2s-f1p, .h2s-msi-weekend, .h2s-f1-leagues, .h2s-ms-section) { background: transparent !important; padding-bottom: 28px !important; }
.hz-theme-motorsport main.h2s-ms-section-page, .hz-theme-motorsport main.h2s-f1-leagues-page { padding-bottom: 48px !important; background: transparent !important; }
/* =====================================================================
 * Motorsport fejléc: „rajtvonal” kijelölés és kártyás lenyíló
 * ================================================================== */
.msx-header .fz-nav { gap: 2px; }
.msx-header .fz-nav > a, .msx-header .fz-nav .msx-drop > summary { position: relative; min-height: 46px; padding: 0 14px !important; background: none !important; box-shadow: none !important; color: #a9b0bb !important; font-size: 13.5px !important; font-weight: 700 !important; letter-spacing: 0.01em; transition: color 160ms ease; }
.msx-header .fz-nav > a::after, .msx-header .fz-nav .msx-drop > summary::after { position: absolute; right: 12px; bottom: 6px; left: 12px; height: 3px; background: linear-gradient(90deg, #e10600, #ff5a1f 60%, #ffb000); box-shadow: 0 0 12px rgba(225, 6, 0, 0.55); clip-path: polygon(4px 0, 100% 0, calc(100% - 4px) 100%, 0 100%); content: ""; opacity: 0; transform: scaleX(0.2); transition: transform 220ms cubic-bezier(.2, .8, .2, 1), opacity 160ms ease; }
.msx-header .fz-nav > a:hover, .msx-header .fz-nav .msx-drop > summary:hover, .msx-header .fz-nav .msx-drop[open] > summary { color: #fff !important; }
.msx-header .fz-nav > a:hover::after, .msx-header .fz-nav .msx-drop > summary:hover::after, .msx-header .fz-nav .msx-drop[open] > summary::after { opacity: 0.55; transform: scaleX(1); }
.msx-header .fz-nav > a.is-current, .msx-header .fz-nav .msx-drop.is-current > summary { color: #fff !important; }
.msx-header .fz-nav > a.is-current::after, .msx-header .fz-nav .msx-drop.is-current > summary::after { opacity: 1; transform: scaleX(1); }
.msx-header .fz-nav > a.is-current::before, .msx-header .fz-nav .msx-drop.is-current > summary::before { position: absolute; top: 8px; left: 50%; width: 4px; height: 4px; border-radius: 50%; background: #ffb000; box-shadow: 0 0 8px #ffb000; content: ""; transform: translateX(-50%); }
.msx-header .fz-nav .msx-drop > summary svg { transition: transform 200ms ease; }

/* Lenyíló panel */
.msx-header .msx-drop > .msx-drop__panel { position: absolute; z-index: 60; top: calc(100% + 10px); left: 50%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; width: 540px; padding: 14px; border: 1px solid rgba(255, 255, 255, 0.1); border-top: 0; background: linear-gradient(90deg, #e10600, #ffb000) top / 100% 2px no-repeat, rgba(10, 10, 12, 0.97); box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(225, 6, 0, 0.08); backdrop-filter: blur(14px); clip-path: none; transform: translateX(-50%); animation: msx-drop-in 180ms cubic-bezier(.2, .8, .2, 1); }
@keyframes msx-drop-in { from { opacity: 0; transform: translate(-50%, -6px); } to { opacity: 1; transform: translate(-50%, 0); } }
.msx-drop__title { grid-column: 1 / -1; margin: 0 4px 4px; color: #8f96a3; font-size: 10px; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase; }
.msx-header .msx-drop .msx-drop__item { position: relative; display: grid !important; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: 12px; min-height: 0 !important; padding: 12px !important; border: 1px solid rgba(255, 255, 255, 0.06); background: rgba(255, 255, 255, 0.025) !important; color: #e8eaee !important; text-decoration: none; transition: border-color 160ms ease, background 160ms ease, transform 160ms ease; }
.msx-header .msx-drop .msx-drop__item::after, .msx-header .msx-drop .msx-drop__item::before { content: none !important; }
.msx-header .msx-drop .msx-drop__item:hover { border-color: rgba(225, 6, 0, 0.5); background: rgba(225, 6, 0, 0.08) !important; transform: translateY(-1px); }
.msx-drop__item > i { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid rgba(225, 6, 0, 0.35); background: rgba(225, 6, 0, 0.1); color: #ff6b5f; font-style: normal; }
.msx-drop__item > i svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.msx-drop__item > span { display: grid; gap: 2px; min-width: 0; }
.msx-drop__item strong { padding-right: 52px; color: #fff; font-size: 14px; font-weight: 800; }
.msx-drop__item small { color: #8f96a3; font-size: 11.5px; font-weight: 500; line-height: 1.35; }
.msx-drop__item em { position: absolute; top: 8px; right: 8px; padding: 2px 6px; background: linear-gradient(120deg, #e10600, #ffb000); color: #fff; font-size: 9px; font-style: normal; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; }
.msx-header .msx-drop .msx-drop__item.is-current { border-color: rgba(225, 6, 0, 0.55); background: linear-gradient(90deg, rgba(225, 6, 0, 0.16), rgba(255, 255, 255, 0.02)) !important; box-shadow: inset 3px 0 0 #e10600; }
.msx-header .msx-drop .msx-drop__item.is-current > i { border-color: transparent; background: linear-gradient(135deg, #e10600, #ff5a1f); color: #fff; }
@media (max-width: 1100px) { .msx-header .msx-drop > .msx-drop__panel { left: 0; width: 460px; transform: none; animation: none; } }
/* Eredmények · Szezon alakulása: magasabb, háromnézetes grafikon */
.h2s-ms-results-chart__views { display: inline-flex; gap: 4px; margin: 0 0 14px; padding: 4px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(0, 0, 0, 0.3); }
.h2s-ms-results-chart__views button { min-height: 34px; padding: 0 14px; border: 0; background: none; color: #a9b0bb; font: inherit; font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; }
.h2s-ms-results-chart__views button:hover { color: #fff; }
.h2s-ms-results-chart__views button.is-active { background: linear-gradient(120deg, #e10600, #ffb000); color: #fff; clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%); }
.h2s-ms-results-chart__canvas { overflow: visible !important; }
.h2s-ms-results-chart__canvas svg { display: block; width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; overflow: visible; }
.h2s-ms-results-chart__canvas svg[hidden] { display: none; }
.h2s-ms-results-chart__canvas .grid { stroke: rgba(255, 255, 255, 0.06); stroke-width: 1; }
.h2s-ms-results-chart__canvas text { fill: #6f7682; font: 700 12px Inter, system-ui, sans-serif; }
.h2s-ms-results-chart__canvas text.race { fill: #8f96a3; font-size: 11px; }
.h2s-ms-results-chart__canvas [data-results-series] polyline { fill: none; stroke: var(--series-color); stroke-width: 3; stroke-linejoin: round; stroke-linecap: round; opacity: 0.9; transition: stroke-width 0.15s ease, opacity 0.15s ease; }
.h2s-ms-results-chart__canvas [data-results-series] circle { fill: #0a0a0c; stroke: var(--series-color); stroke-width: 2.5; }
.h2s-ms-results-chart__canvas [data-results-series] text.end-label { fill: var(--series-color); font-size: 13px; font-weight: 800; }
.h2s-ms-results-chart__canvas [data-results-series]:hover polyline { stroke-width: 5; opacity: 1; }
.h2s-ms-results-chart__canvas:hover [data-results-series]:not(:hover) { opacity: 0.35; }
.h2s-ms-results-chart__canvas [data-results-series].is-dimmed { opacity: 0.12 !important; }
/* Eredmények · Futameredmények: keskeny, kompakt oszlopok */
.hz-theme-motorsport .h2s-ms-results__matrix { width: max-content; border-collapse: collapse; }
.hz-theme-motorsport .h2s-ms-results__matrix thead th.h2s-ms-results__race-head { min-width: 66px !important; width: 66px; padding: 8px 4px !important; text-align: center; vertical-align: bottom; }
.hz-theme-motorsport .h2s-ms-results__race-head > div { flex-direction: column; justify-content: center; gap: 4px !important; }
.hz-theme-motorsport .h2s-ms-results__race-head img { width: 26px !important; height: 17px !important; flex: 0 0 auto !important; border-radius: 2px !important; }
.hz-theme-motorsport .h2s-ms-results__race-head span { text-align: center; }
.hz-theme-motorsport .h2s-ms-results__race-head small { color: #8f96a3; font-size: 9px; letter-spacing: 0.06em; }
.hz-theme-motorsport .h2s-ms-results__race-head b { max-width: none !important; font-size: 11px !important; letter-spacing: 0.06em; }
.hz-theme-motorsport .h2s-ms-results__race-head > i { display: block; width: 6px; height: 6px; margin: 5px auto 0; overflow: hidden; border-radius: 50%; background: #3ddc84; font-size: 0; text-indent: -9999px; }
.hz-theme-motorsport .h2s-ms-results__race-head > i.is-draft { background: #ffb000; }
.hz-theme-motorsport .h2s-ms-results__matrix td { min-width: 66px; padding: 8px 4px !important; text-align: center; white-space: nowrap; }
.hz-theme-motorsport .h2s-ms-results__matrix td strong, .hz-theme-motorsport .h2s-ms-results__matrix td button { font-size: 12px !important; }
.hz-theme-motorsport .h2s-ms-results__matrix td .h2s-ms-results__podium-rank { width: 16px; height: 16px; font-size: 9px; }
.hz-theme-motorsport .h2s-ms-results__matrix tbody th, .hz-theme-motorsport .h2s-ms-results__matrix thead th:first-child { min-width: 170px; padding: 8px 10px !important; }
.hz-theme-motorsport .h2s-ms-results__matrix .h2s-ms-results__player img { width: 28px; height: 28px; }
.hz-theme-motorsport .h2s-ms-results__matrix td:last-child, .hz-theme-motorsport .h2s-ms-results__matrix thead th:last-child { min-width: 84px; }.h2s-ms-results-chart__canvas svg[data-chart-panel] { display: none !important; }
.h2s-ms-results-chart__canvas svg[data-chart-panel]:not([hidden]) { display: block !important; }
.h2s-ms-results-chart__canvas [data-results-series] .end-leader { stroke: var(--series-color); stroke-width: 1; opacity: 0.6; }

/* =====================================================================
 * Sportoldalak (Foci, Motorsport): egyenes „élő időmérő” sáv a ferde szalag helyett
 * ================================================================== */
:is(.hz-theme-football, .hz-theme-motorsport) .hz-ticker { margin: 26px auto 22px; width: min(1280px, calc(100% - 48px)); border: 1px solid rgba(255, 255, 255, 0.08); border-top: 2px solid var(--sp-a); background: rgba(8, 8, 10, 0.88); box-shadow: 0 24px 50px -30px rgba(0, 0, 0, 0.9); transform: none; backdrop-filter: blur(10px); -webkit-mask-image: linear-gradient(90deg, #000 0, #000 92%, transparent); mask-image: linear-gradient(90deg, #000 0, #000 92%, transparent); }
:is(.hz-theme-football, .hz-theme-motorsport) .hz-ticker::before { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; display: flex; align-items: center; gap: 8px; padding: 0 22px 0 16px; background: linear-gradient(120deg, var(--sp-a), var(--sp-deep)); color: #fff; font: 900 11px Inter, system-ui, sans-serif; letter-spacing: 0.16em; clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0 100%); content: "ÉLŐ ÁLLÁS"; }
.hz-theme-football .hz-ticker::before { content: "LIGASÁV"; }
:is(.hz-theme-football, .hz-theme-motorsport) .hz-ticker__track { padding-left: 140px; animation-duration: 60s; }
:is(.hz-theme-football, .hz-theme-motorsport) .hz-ticker li { gap: 10px; padding: 11px 26px 11px 0; color: #e8eaee; font-family: "Inter", system-ui, sans-serif; font-size: 13px; font-style: normal; font-weight: 700; letter-spacing: 0.02em; text-transform: none; }
:is(.hz-theme-football, .hz-theme-motorsport) .hz-ticker li::before { width: 4px; height: 4px; border-radius: 50%; background: rgba(255, 255, 255, 0.25); transform: none; }
:is(.hz-theme-football, .hz-theme-motorsport) .hz-ticker li b { display: inline-grid; min-width: 30px; height: 22px; padding: 0 6px; place-items: center; background: rgba(var(--sp-a-rgb), 0.18); color: #fff; font-family: "Share Tech Mono", "H2S Share", monospace; font-size: 13px; box-shadow: inset 2px 0 0 var(--sp-a); }
:is(.hz-theme-football, .hz-theme-motorsport) .hz-ticker li:first-child b { background: linear-gradient(120deg, var(--sp-a), var(--sp-b)); box-shadow: none; }
@media (max-width: 760px) {
	:is(.hz-theme-football, .hz-theme-motorsport) .hz-ticker { width: calc(100% - 28px); }
	:is(.hz-theme-football, .hz-theme-motorsport) .hz-ticker::before { padding: 0 16px 0 10px; font-size: 10px; }
	:is(.hz-theme-football, .hz-theme-motorsport) .hz-ticker__track { padding-left: 110px; }
}
/* Szektorsáv: a „most tippelhető” csíkos, kerettel */
.h2s-f1p-lap .h2s-f1p-lap__sector:is(.is-next, .is-next-tipped) > i.h2s-f1p-lap__block { background: repeating-linear-gradient(135deg, rgba(255, 176, 0, 0.85) 0 4px, transparent 4px 9px); box-shadow: inset 0 0 0 2px #ffb000; color: #fff; }
.h2s-f1p-lap__legend .is-next i { background: repeating-linear-gradient(135deg, rgba(255, 176, 0, 0.85) 0 3px, transparent 3px 7px); box-shadow: inset 0 0 0 1px #ffb000; }
/* Rekordok összesítés: három tábla egymás mellett (pontok, futamok, pole-tippek) */
.hz-theme-motorsport .h2s-ms-records__summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.hz-theme-motorsport .h2s-ms-records__summary-head { flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 10px; box-sizing: border-box; height: 92px; }
.hz-theme-motorsport .h2s-ms-records__summary-head h3 { white-space: nowrap; }
.hz-theme-motorsport .h2s-ms-records__filters { border: 0 !important; background: none !important; box-shadow: none !important; padding-left: 0 !important; padding-right: 0 !important; backdrop-filter: none !important; }
.hz-theme-motorsport .h2s-ms-records__summary-head > small { color: #8f96a3; font-size: 10px; letter-spacing: 0.04em; }
.hz-theme-motorsport .h2s-ms-records__summary-card.is-pole td:last-child { white-space: nowrap; }
.hz-theme-motorsport .h2s-ms-records__summary-card.is-pole td:last-child strong { font-family: "Share Tech Mono", "H2S Share", monospace; font-size: 12px; }
.h2s-ms-records__pole-time { display: block; margin-top: 2px; color: #8f96a3; font-family: "Share Tech Mono", "H2S Share", monospace; font-size: 10px; }
.hz-theme-motorsport .h2s-ms-records__summary-card.is-pole td:last-child strong.is-exact { color: #3ddc84; text-transform: uppercase; }
@media (max-width: 1100px) {
	.hz-theme-motorsport .h2s-ms-records__summary-grid { grid-template-columns: 1fr; }
}
/* Rekordok: a teljes soros zászlóháttér helyett ferde zászlófül a pontszám mögött.
   A fül kb. 3:2 arányú, a zászló 100%-ra van kifeszítve, így sosem vágódik le belőle semmi. */
.hz-theme-motorsport .h2s-ms-record-card li.has-race::before { inset: 0 0 0 auto !important; width: 114px; background: linear-gradient(rgba(5, 5, 6, 0.42), rgba(5, 5, 6, 0.42)), var(--record-tab) center / 100% 100% no-repeat !important; clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); }
.hz-theme-motorsport .h2s-ms-record-card li.has-race .h2s-ms-record-card__value { color: #fff; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.95), 0 0 2px rgba(0, 0, 0, 0.9); }
.hz-theme-motorsport .h2s-ms-records__summary tbody tr { background: none !important; }
/* Az első cella flex helyett táblacella marad, így a sor teljes magasságát kitölti, és a szegélyek egy vonalban vannak. */
.hz-theme-motorsport .h2s-ms-records__summary td { vertical-align: middle; }
.hz-theme-motorsport .h2s-ms-records__summary td:first-child { display: table-cell; white-space: nowrap; }
.hz-theme-motorsport .h2s-ms-records__summary td:first-child > * { display: inline-grid; margin-right: 7px; vertical-align: middle; }
.hz-theme-motorsport .h2s-ms-records__summary td:first-child > b { width: 28px; font-size: 9px; }
.hz-theme-motorsport .h2s-ms-records__summary td:first-child > span { display: inline-block; max-width: 92px; overflow: hidden; text-overflow: ellipsis; }
.hz-theme-motorsport .h2s-ms-records__summary tbody td:last-child { position: relative; z-index: 0; }
.hz-theme-motorsport .h2s-ms-records__summary tbody td:last-child > * { position: relative; z-index: 1; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.95), 0 0 2px rgba(0, 0, 0, 0.9); }
.hz-theme-motorsport .h2s-ms-records__summary tbody tr[style] td:last-child::before { position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; width: 84px; background: linear-gradient(rgba(5, 5, 6, 0.42), rgba(5, 5, 6, 0.42)), var(--record-tab) center / 100% 100% no-repeat; clip-path: polygon(16px 0, 100% 0, 100% 100%, 0 100%); content: ""; }
.hz-theme-motorsport .h2s-ms-records__summary-card.is-pole td:last-child small { color: #e3e6ea; }
@media (max-width: 560px) {
	/* Mobilon a sor kétszer olyan magas, ezért a fül fix 3:2 méretű, függőlegesen középre igazítva. */
	.hz-theme-motorsport .h2s-ms-record-card li.has-race::before { top: calc(50% - 34px) !important; bottom: auto !important; width: 102px; height: 68px; clip-path: polygon(18px 0, 100% 0, 100% 100%, 0 100%); }
}

/* ===== Szezonok: fejléc-szezonválasztó, archív sáv, jelentkezési kapu ===== */
.msx-header .fz-switcher { display: flex; align-items: center; gap: 8px; }
.msx-header .h2s-ms-season-switcher { width: 158px; }
.h2s-ms-season-switcher .h2s-ms-league-switcher__panel { width: min(300px, calc(100vw - 28px)); }
.h2s-ms-season-switcher nav { display: grid; gap: 5px; padding-top: 10px; }
.h2s-ms-season-switcher nav a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 8px 11px; border: 1px solid transparent; border-radius: 9px; background: #101319; color: #e4e7ec; text-decoration: none; transition: border-color 160ms ease, background 160ms ease; }
.h2s-ms-season-switcher nav a:hover, .h2s-ms-season-switcher nav a:focus-visible { border-color: rgba(var(--sp-a-rgb), 0.56); background: #181b22; color: #fff; }
.h2s-ms-season-switcher nav a.is-current { border-color: rgba(var(--sp-a-rgb), 0.42); background: rgba(var(--sp-a-rgb), 0.13); color: #fff; }
.h2s-ms-season-switcher nav a > span { display: grid; gap: 3px; }
.h2s-ms-season-switcher nav a strong { font-family: "Share Tech Mono", "H2S Share", monospace; font-size: 15px; }
.h2s-ms-season-switcher nav a small { color: #8d95a2; font-size: 10px; }
.h2s-ms-season-switcher nav a i { color: var(--sp-bright); font-style: normal; }
.fz-mobile-nav .h2s-ms-league-switcher.is-mobile { display: block; width: 100%; margin-bottom: 10px; }
.fz-mobile-nav .h2s-ms-league-switcher.is-mobile .h2s-ms-league-switcher__panel { position: static; width: 100%; margin-top: 8px; transform: none; }

.msx-archive-bar { border-bottom: 1px solid rgba(var(--sp-b-rgb), 0.35); background: linear-gradient(90deg, rgba(var(--sp-b-rgb), 0.16), rgba(var(--sp-b-rgb), 0.04)); color: #f3e7c8; font-size: 13px; }
.msx-archive-bar .fz-shell { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 18px; padding-block: 9px; }
.msx-archive-bar b { margin-right: 8px; padding: 2px 8px; background: var(--sp-b); color: #1d1300; font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; }
.msx-archive-bar a { color: #fff; font-weight: 800; text-decoration: none; }
.msx-archive-bar a:hover { color: var(--sp-b); }

.msx-season-gate { position: fixed; z-index: 9990; inset: 0; display: grid; padding: 16px; place-items: center; background: rgba(3, 3, 5, 0.82); backdrop-filter: blur(6px); }
.msx-season-gate__card { position: relative; display: grid; gap: 14px; width: min(520px, 100%); padding: 30px 28px 24px; border: 1px solid rgba(255, 255, 255, 0.1); border-top: 2px solid var(--sp-a); background: linear-gradient(160deg, #15090a, #08080b 60%); box-shadow: 0 40px 120px rgba(0, 0, 0, 0.8); }
.msx-season-gate__eyebrow { color: var(--sp-bright); font-size: 11px; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase; }
.msx-season-gate__card h2 { margin: 0; font-size: clamp(24px, 4vw, 34px); font-style: italic; text-transform: uppercase; }
.msx-season-gate__card p { margin: 0; color: #b8c0cc; line-height: 1.55; }
.msx-season-gate__card small { color: #7d8592; font-size: 11px; }
.msx-season-gate__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.msx-season-gate__actions form { margin: 0; }
.msx-season-gate__pending { padding: 10px 14px; border: 1px solid rgba(var(--sp-b-rgb), 0.5); color: var(--sp-b); font-size: 12px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; }

/* ===== Rekordok: liga- és szezonválasztó, csúcstartó, tavalyi csúcs, kategóriarekordok ===== */
.hz-theme-motorsport .h2s-ms-records__scope { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 14px; }
.hz-theme-motorsport :is(.h2s-ms-records__scope, .h2s-hof-viewbar__form) label { display: grid; flex: 0 1 260px; gap: 6px; }
.hz-theme-motorsport :is(.h2s-ms-records__scope, .h2s-hof-viewbar__form) label > span { color: #8f96a3; font-size: 10px; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase; }
.hz-theme-motorsport :is(.h2s-ms-records__scope, .h2s-hof-viewbar__form) select { min-height: 44px; padding: 0 38px 0 14px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 0; background: #0d0f14 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 7 5 5 5-5' fill='none' stroke='%23ff3a2a' stroke-width='2'/%3E%3C/svg%3E") right 12px center / 16px no-repeat; color: #fff; font: inherit; font-weight: 800; appearance: none; }
.hz-theme-motorsport :is(.h2s-ms-records__scope, .h2s-hof-viewbar__form) select:focus-visible { outline: 2px solid var(--sp-a); outline-offset: 1px; }
.hz-theme-motorsport .h2s-ms-records__hero-mark strong { font-size: clamp(20px, 2.4vw, 28px); }
.h2s-ms-record-card__holder { display: block; width: max-content; max-width: 100%; margin: 2px 0 3px; padding: 1px 5px; background: linear-gradient(120deg, var(--sp-a, #e10600), var(--sp-b, #ffb000)); color: #fff; font-size: 7.5px; font-style: normal; font-weight: 900; letter-spacing: 0.05em; line-height: 1.5; text-transform: uppercase; }
.h2s-ms-record-card__previous { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; padding: 10px 16px 12px; border-top: 1px dashed rgba(255, 255, 255, 0.1); color: #8f96a3; font-size: 11px; }
.h2s-ms-record-card__previous > span { color: #6f7783; font-size: 9px; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; }
.h2s-ms-record-card__previous b { color: #d5dae2; }
.h2s-ms-record-card__previous strong { margin-left: auto; color: #fff; font-family: "Share Tech Mono", "H2S Share", monospace; }
.h2s-ms-record-card__previous em { margin-left: auto; font-style: normal; }
.h2s-ms-records__group-head { margin: 34px 0 14px; }
.h2s-ms-records__group-head small { color: var(--sp-bright, #ff3a2a); font-size: 11px; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase; }
.h2s-ms-records__group-head h2 { margin: 4px 0 4px; font-size: 26px; font-style: italic; text-transform: uppercase; }
.h2s-ms-records__group-head p { max-width: 640px; margin: 0; color: #8f96a3; font-size: 13px; }

/* ===== Hall of Fame: ligaváltó, rekordkönyv, bajnokok, mobil ===== */
.hz-theme-motorsport .h2s-hof-viewbar { display: flex; flex-wrap: wrap; align-items: end; gap: 16px 24px; }
.hz-theme-motorsport .h2s-hof-viewbar__form { display: flex; flex: 1 1 260px; margin: 0; }
.h2s-hof-records { --rr-red: #ef1717; --rr-orange: #ff6a32; --rr-bg: #070a0f; --rr-panel: #0d121a; --rr-panel-2: #111823; --rr-line: #293342; }
.h2s-hof-records .h2s-ms-records__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 6px; }
@media (max-width: 1150px) { .h2s-hof-records .h2s-ms-records__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) { .h2s-hof-records .h2s-ms-records__grid { grid-template-columns: 1fr; } }
.h2s-hof-champion + .h2s-hof-champion { margin-top: 10px; }
.hz-theme-motorsport .h2s-hof-podium__halo { border-radius: 50% !important; }
.h2s-hof-champion.is-final .h2s-hof-champion__year { background: linear-gradient(120deg, #ffb000, #ffd24d); color: #1d1300; }
.hz-theme-motorsport .h2s-hof-split, .hz-theme-motorsport .h2s-hof-split > * { min-width: 0; }
@media (max-width: 900px) {
	.hz-theme-motorsport .h2s-hof-split { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
	.hz-theme-motorsport .h2s-hof-panel { min-width: 0; padding: 16px; }
	.hz-theme-motorsport .h2s-hof-hero h1 { font-size: 46px; }
	.hz-theme-motorsport .h2s-hof-hero p { font-size: 15px; }
	/* Mobil dobogó: három kis oszlop, a győztes középen és magasabban. */
	.hz-theme-motorsport .h2s-hof-podium { flex-direction: row; align-items: flex-end; gap: 6px; margin-bottom: 20px; }
	.hz-theme-motorsport .h2s-hof-podium article { flex: 1 1 0; min-width: 0; min-height: 0; padding: 34px 4px 12px; }
	.hz-theme-motorsport .h2s-hof-podium article.is-rank-1 { order: 2; padding-top: 44px; }
	.hz-theme-motorsport .h2s-hof-podium article.is-rank-2 { order: 1; }
	.hz-theme-motorsport .h2s-hof-podium article.is-rank-3 { order: 3; }
	.hz-theme-motorsport .h2s-hof-podium__rank { top: 8px; left: 8px; width: 22px; height: 22px; font-size: 11px; }
	.hz-theme-motorsport .h2s-hof-podium__halo, .hz-theme-motorsport .is-rank-1 .h2s-hof-podium__halo { width: 54px; height: 54px; }
	.hz-theme-motorsport .is-rank-1 .h2s-hof-podium__halo { width: 64px; height: 64px; }
	.hz-theme-motorsport .h2s-hof-podium img, .hz-theme-motorsport .is-rank-1 .h2s-hof-podium img { width: 46px; height: 46px; }
	.hz-theme-motorsport .is-rank-1 .h2s-hof-podium img { width: 56px; height: 56px; }
	.hz-theme-motorsport .h2s-hof-podium .h2s-hof-player { margin-top: 8px; font-size: 12px; }
	.hz-theme-motorsport .h2s-hof-podium .h2s-hof-player span { overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; }
	.hz-theme-motorsport .h2s-hof-podium .h2s-hof-player__flag { display: none; }
	.hz-theme-motorsport .h2s-hof-podium article > strong { font-size: 13px; }
	.hz-theme-motorsport .h2s-hof-podium article > span { font-size: 8px; text-align: center; }
	/* Örökranglista mobilon: helyezés, játékos, pont, győzelem – a többi oszlop rejtve, nincs oldalgörgetés. */
	.hz-theme-motorsport .h2s-hof-table-wrap { overflow-x: hidden; }
	.hz-theme-motorsport .h2s-hof-table-wrap table { min-width: 0; width: 100%; }
	.hz-theme-motorsport .h2s-hof-table-wrap :is(th, td):is(:nth-child(4), :nth-child(6), :nth-child(7)) { display: none; }
	.hz-theme-motorsport .h2s-hof-table-wrap :is(th, td) { padding: 8px 6px; }
	.hz-theme-motorsport .h2s-hof-table-player img { width: 30px; height: 30px; }
	.hz-theme-motorsport .h2s-hof-table-player small, .hz-theme-motorsport .h2s-hof-table-player .h2s-hof-player__flag { display: none; }
	.hz-theme-motorsport .h2s-hof-table-player { gap: 8px; }
	.hz-theme-motorsport .h2s-hof-table-wrap :is(th, td):first-child { width: 34px; }
	.hz-theme-motorsport .h2s-hof-table-wrap th { font-size: 8px; letter-spacing: 0.04em; }
	.hz-theme-motorsport .h2s-hof-table-wrap td:nth-child(5) { text-align: center; }
	.hz-theme-motorsport .h2s-hof-table-player { min-width: 0; }
	.hz-theme-motorsport .h2s-hof-table-player > span { min-width: 0; overflow: hidden; }
	.hz-theme-motorsport .h2s-hof-champion { grid-template-columns: auto 44px minmax(0, 1fr); gap: 10px; }
	.hz-theme-motorsport .h2s-hof-champion > strong { grid-column: 2 / -1; }
	.hz-theme-motorsport .h2s-hof-champion img { width: 44px; height: 44px; }
	/* Mobilon a hosszú kártyasorok vízszintesen lapozhatók, így nem lesz több tízezer pixel magas az oldal. */
	.hz-theme-motorsport :is(.h2s-hof-records .h2s-ms-records__grid, .h2s-hof-elite-grid, .h2s-hof-memory-grid) { display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 84%; gap: 10px; overflow-x: auto; margin-inline: -16px; padding: 4px 16px 12px; scroll-snap-type: x mandatory; scroll-padding-inline: 16px; scrollbar-width: thin; scrollbar-color: var(--sp-a) transparent; }
	.hz-theme-motorsport :is(.h2s-hof-records .h2s-ms-records__grid, .h2s-hof-elite-grid, .h2s-hof-memory-grid) > * { min-width: 0; scroll-snap-align: start; }
	.hz-theme-motorsport .h2s-hof-track-grid { grid-template-columns: 1fr; gap: 6px; }
	.hz-theme-motorsport .h2s-hof-track-grid article { min-width: 0; min-height: 0; padding: 9px 12px; gap: 10px; }
	.hz-theme-motorsport .h2s-hof-track-grid article > i { width: 30px; height: 30px; }
	.msx-header .h2s-ms-season-switcher { width: 100%; }
}

/* ===== Mobil/tablet javítások ===== */
/* Profil: az Elementor-doboz a tartalomhoz méretezte magát (1100 px), így a fejléc kilógott a képernyőről. */
.elementor-widget:has(.h2s-hub-profile) { width: 100%; max-width: 100%; min-width: 0; align-self: stretch; }
.h2s-hub-profile { max-width: 100%; }/* Panelfejléc: a jobb oldali hivatkozás keskeny képernyőn új sorba törhet, nem lóg ki. */
@media (max-width: 560px) {
	.hz-panel__head { flex-wrap: wrap; row-gap: 6px; }
	.hz-panel__head > a { max-width: 100%; white-space: normal; }
	.hz-theme-motorsport .h2s-hof-track-grid small { display: block; overflow-wrap: anywhere; }
}/* Tabella: keskenyebb kijelzőn a rögzített Játékos oszlop szélesebb, így a név mindig olvasható;
   a többi oszlop oldalra görgethető. Telefonon a zászló és a trófea-jelvény elmarad (a győzelem külön oszlop). */
@media (max-width: 800px) {
	.hz-theme-motorsport .h2s-ms-standing__table { min-width: 900px; }
	.hz-theme-motorsport .h2s-ms-standing__table :is(th, td):nth-child(2) { width: 230px; min-width: 230px; max-width: 230px; }
	.hz-theme-motorsport .h2s-ms-standing__table th { letter-spacing: 0.04em; white-space: nowrap; }
}
@media (max-width: 560px) {
	.hz-theme-motorsport .h2s-ms-standing__table { min-width: 820px; }
	.hz-theme-motorsport .h2s-ms-standing__table :is(th, td):nth-child(2) { width: 178px; min-width: 178px; max-width: 178px; }
	.hz-theme-motorsport .h2s-ms-standing__player img.h2s-ms-standing__nationality, .hz-theme-motorsport .h2s-ms-standing__trophy { display: none; }
	.hz-theme-motorsport .h2s-ms-standing__player-card { gap: 8px; }
	.hz-theme-motorsport .h2s-ms-standing__player-card img { width: 34px; height: 34px; }
}/* Rekordkártyák: ha a kártya keskeny (tablet két oszlopa, telefon), a futam a név alá kerül, a pont a zászlófülre;
   így a név sosem nyomódik össze. A kártya a saját szélességét figyeli (container query). */
.h2s-ms-record-card { container-type: inline-size; }
@container (max-width: 370px) {
	.h2s-ms-record-card li, .h2s-ms-record-card li.is-race-only { grid-template-columns: 27px minmax(0, 1fr) 92px; }
	.h2s-ms-record-card li.has-player.has-race { grid-template-rows: auto auto; }
	.h2s-ms-record-card li.has-player.has-race .h2s-ms-record-card__race { grid-column: 2; }
	.h2s-ms-record-card li.has-player.has-race .h2s-ms-record-card__value { grid-column: 3; grid-row: 1 / 3; }
	.h2s-ms-record-card li.has-player.has-race .h2s-ms-record-card__rank { grid-row: 1 / 3; }
	.h2s-ms-record-card__race { padding-left: 0; border-left: 0; }
	.h2s-ms-record-card li.has-player .h2s-ms-record-card__race small { display: none; }
	.hz-theme-motorsport .h2s-ms-record-card li.has-race::before { top: calc(50% - 34px) !important; bottom: auto !important; width: 102px; height: 68px; clip-path: polygon(18px 0, 100% 0, 100% 100%, 0 100%); }
}/* Fejléc 1180 px alatt (fekvő tablet, kis laptop): tömörebb menü, a profilgomb neve elrejtve, így a profilmenü nem lóg ki jobbra. */
@media (max-width: 1180px) {
	.msx-header .fz-nav > a, .msx-header .fz-nav .msx-drop > summary { padding: 0 8px !important; font-size: 13px; }
	.fz-header .h2s-profile-trigger > span { display: none; }
}