/**
 * Pro Ace live scores — header ticker, homepage Match Centre, sidebar Live
 * card (2026-09-26) + Live Scores page (2026-09-24).
 * Own tokens (--pal-*) so it renders the same under any theme.
 */
.pal-tick,
.pal-centre,
.pal-lcard,
.pal-page {
	--pal-bg: #081326;
	--pal-card: rgba( 16, 34, 64, 0.92 );
	--pal-card-2: rgba( 22, 44, 82, 0.95 );
	--pal-line: rgba( 255, 255, 255, 0.09 );
	--pal-ice: #eaf4ff;
	--pal-muted: rgba( 234, 244, 255, 0.62 );
	--pal-gold: #ffb020;
	--pal-live: #ff4d5e;
	--pal-green: #2fd07f;
	--pal-display: 'Outfit', 'PT Sans', system-ui, sans-serif;
	--pal-mono: 'JetBrains Mono', ui-monospace, Consolas, monospace;
	--pal-ease: cubic-bezier( 0.22, 1, 0.36, 1 );
	color: var( --pal-ice );
	font-family: 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif;
}

.pal-tick *,
.pal-centre *,
.pal-lcard *,
.pal-page * {
	box-sizing: border-box;
}

/* ---------------- header score ticker (2026-09-26) ---------------- */

.pal-tick {
	position: relative;
	background: #0b1d38;
	border-bottom: 1px solid var( --pal-line );
}
.pal-tick__inner {
	display: flex;
	align-items: stretch;
	max-width: 1140px;
	height: 42px;
	margin: 0 auto;
	padding: 0 15px;
}
.pal-tick__tag {
	position: relative;
	z-index: 1;
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 8px;
	padding-right: 14px;
	color: var( --pal-ice ) !important;
	font: 800 12px/1 var( --pal-display );
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none !important;
}
.pal-tick__tag::after {
	content: '';
	position: absolute;
	top: 0;
	right: -14px;
	bottom: 0;
	width: 14px;
	background: linear-gradient( 90deg, #0b1d38, transparent );
}
.pal-tick__n {
	padding: 3px 7px;
	border-radius: 999px;
	background: var( --pal-live );
	color: #fff;
	font: 700 10px/1 var( --pal-mono );
	letter-spacing: 0;
	text-transform: none;
}
.pal-tick:not( .has-live ) .pal-dot,
.pal-centre:not( .has-live ) .pal-centre__head .pal-dot,
.pal-lcard:not( .has-live ) .pal-lcard__head .pal-dot {
	background: #3a86e0;
	box-shadow: none;
	animation: none;
}
/* Pinned live match (2026-09-26): fixed beside the label while the rest roll. */
.pal-tick__pin {
	position: relative;
	z-index: 1;
	display: flex;
	flex: 0 0 auto; /* Don't give way to the rolling track; max-width caps it. */
	min-width: 0;
	max-width: 48%;
	background: #0b1d38;
	border-right: 1px solid var( --pal-line );
}
.pal-tick__pin[hidden] {
	display: none;
}
.pal-tick__pin .pal-tchip {
	min-width: 0;
	overflow: hidden;
	border-right: 0;
	background: rgba( 224, 50, 63, 0.12 );
	box-shadow: inset 3px 0 0 var( --pal-live );
}
.pal-tick.has-pin .pal-tick__tag::after {
	display: none;
}
.pal-tick__vp {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	-webkit-mask-image: linear-gradient( 90deg, #000 calc( 100% - 36px ), transparent );
	mask-image: linear-gradient( 90deg, #000 calc( 100% - 36px ), transparent );
}
.pal-tick__track {
	display: flex;
	width: max-content;
	height: 100%;
}
.pal-tick.is-rolling .pal-tick__track {
	animation: pal-roll var( --pal-roll, 60s ) linear infinite;
}
.pal-tick:hover .pal-tick__track,
.pal-tick:focus-within .pal-tick__track,
.pal-tick.is-paused .pal-tick__track {
	animation-play-state: paused;
}
.pal-tick__empty {
	display: flex;
	align-items: center;
	padding: 0 16px;
	color: var( --pal-muted );
	font-size: 13px;
}
.pal-tchip {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 0 16px;
	border-right: 1px solid var( --pal-line );
	color: var( --pal-ice ) !important;
	font-size: 13px;
	white-space: nowrap;
	text-decoration: none !important;
	transition: background 0.2s;
}
.pal-tchip:hover,
.pal-tchip:focus-visible {
	background: rgba( 255, 255, 255, 0.05 );
}
.pal-tchip:focus-visible {
	outline: 2px solid var( --pal-gold );
	outline-offset: -2px;
}
.pal-tchip .pal-state {
	padding: 3px 6px;
	font-size: 9.5px;
}
.pal-tchip .pal-crest {
	width: 20px;
	height: 20px;
	font-size: 7px;
}
.pal-tchip__team {
	font: 700 13px/1 var( --pal-display );
}
.pal-tchip__team.is-batting::after {
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	margin-left: 5px;
	border-radius: 50%;
	background: var( --pal-gold );
	vertical-align: middle;
}
.pal-tchip__score {
	font: 800 12.5px/1 var( --pal-mono );
}
.pal-tchip__ov {
	color: var( --pal-muted );
	font: 600 11px/1 var( --pal-mono );
}
.pal-tchip__v {
	color: var( --pal-muted );
	font-size: 12px;
}
.pal-tchip__txt {
	color: rgba( 234, 244, 255, 0.85 );
}
.pal-tchip__go {
	color: var( --pal-gold );
	font: 700 12px/1 var( --pal-display );
}
.pal-tick__all {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	padding-left: 14px;
	border-left: 1px solid var( --pal-line );
	color: var( --pal-gold ) !important;
	font: 700 12.5px/1 var( --pal-display );
	white-space: nowrap;
	text-decoration: none !important;
}
.pal-tick__all:hover,
.pal-tick__all:focus-visible {
	text-decoration: underline !important;
}
@keyframes pal-roll {
	to {
		transform: translateX( -50% );
	}
}

/* ---------------- homepage Match Centre (2026-09-26) ---------------- */

.pal-centre {
	margin-top: 22px;
	padding: 14px;
	border: 1px solid rgba( 160, 190, 235, 0.22 );
	border-radius: 18px;
	background: linear-gradient( 180deg, rgba( 19, 43, 82, 0.92 ), rgba( 13, 33, 67, 0.92 ) );
	box-shadow: 0 22px 50px -24px rgba( 0, 0, 0, 0.6 );
	text-align: left;
}
.pal-centre__head {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;
}
.pal-centre__title {
	margin: 0 !important;
	padding: 0 !important;
	color: var( --pal-ice ) !important;
	font: 800 16px/1.1 var( --pal-display ) !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}
.pal-centre__title::before,
.pal-centre__title::after {
	display: none !important;
}
.pal-centre__title small {
	display: block;
	margin-bottom: 3px;
	color: var( --pal-gold );
	font: 700 10px/1 var( --pal-mono );
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
.pal-centre__all {
	margin-left: auto;
	color: var( --pal-gold ) !important;
	font: 700 12.5px/1 var( --pal-display );
	white-space: nowrap;
	text-decoration: none !important;
}
.pal-centre__all:hover,
.pal-centre__all:focus-visible {
	text-decoration: underline !important;
}
.pal-centre__grid {
	display: grid;
	grid-template-columns: repeat( var( --pal-cols, 2 ), minmax( 0, 1fr ) );
	gap: 10px;
}
.pal-centre__grid > .pal-empty {
	grid-column: 1 / -1;
}
.pal-centre .pal-card {
	background: rgba( 5, 12, 26, 0.5 );
	box-shadow: none;
}
.pal-centre .pal-card--live {
	background: linear-gradient( 180deg, rgba( 255, 77, 94, 0.1 ), rgba( 5, 12, 26, 0.55 ) 60% );
}

/* ---------------- sidebar Live card (2026-09-26) ---------------- */

.pal-lcard {
	margin-bottom: 20px;
	overflow: hidden;
	border: 1px solid rgba( 160, 190, 235, 0.22 );
	border-radius: 16px;
	background: linear-gradient( 180deg, #132b52, #0f2140 );
	box-shadow: 0 18px 40px -22px rgba( 0, 0, 0, 0.6 );
}
.pal-lcard__head {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 14px 14px 0;
}
.pal-lcard__title {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	color: var( --pal-ice ) !important;
	font: 800 16px/1.2 var( --pal-display ) !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}
.pal-lcard__title::before,
.pal-lcard__title::after {
	display: none !important;
}
.pal-lcard__upd {
	margin-left: auto;
	color: var( --pal-muted );
	font: 600 10.5px/1 var( --pal-mono );
}
.pal-lcard__tabs {
	display: grid;
	grid-auto-columns: 1fr;
	grid-auto-flow: column;
	gap: 2px;
	margin: 12px 14px 0;
	padding: 3px;
	border-radius: 999px;
	background: rgba( 5, 12, 26, 0.6 );
}
.pal-lcard__tabs[hidden] {
	display: none;
}
.pal-lcard__tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 32px;
	padding: 0 6px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var( --pal-muted );
	font: 700 12px/1 var( --pal-display );
	cursor: pointer;
	transition: background 0.2s, color 0.2s;
}
.pal-lcard__tab:hover {
	color: var( --pal-ice );
}
.pal-lcard__tab[aria-selected='true'] {
	background: #1a3663;
	box-shadow: inset 0 0 0 1px rgba( 160, 190, 235, 0.24 );
	color: #fff;
}
.pal-lcard__tab:focus-visible {
	outline: 2px solid var( --pal-gold );
	outline-offset: 1px;
}
.pal-lcard__tab .pal-dot {
	width: 6px;
	height: 6px;
}
.pal-lcard__slides {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	overscroll-behavior-x: contain;
}
.pal-lcard__slides::-webkit-scrollbar {
	display: none;
}
.pal-lcard__slide {
	flex: 0 0 100%;
	min-width: 0;
	padding: 12px 14px;
	scroll-snap-align: start;
}
.pal-lcard .pal-card {
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
}
.pal-lcard .pal-card:hover {
	transform: none;
}
.pal-lcard .pal-card--live::before {
	display: none;
}
.pal-lcard .pal-card--skeleton {
	min-height: 120px;
}
.pal-lcard .pal-crest {
	width: 32px;
	height: 32px;
}
.pal-lcard .pal-team {
	grid-template-columns: 32px minmax( 0, 1fr ) auto;
	min-height: 32px;
}
.pal-lcard .pal-team__name,
.pal-lcard .pal-team__score b {
	font-size: 15px;
}
.pal-lcard__dots {
	display: flex;
	justify-content: center;
	gap: 6px;
	padding-bottom: 12px;
}
.pal-lcard__dots[hidden] {
	display: none;
}
.pal-lcard__dots i {
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: rgba( 255, 255, 255, 0.22 );
	transition: width 0.25s var( --pal-ease ), background 0.25s;
}
.pal-lcard__dots i.is-on {
	width: 18px;
	background: var( --pal-gold );
}
.pal-lcard__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 14px;
	border-top: 1px solid var( --pal-line );
}
.pal-lcard__all {
	color: var( --pal-gold ) !important;
	font: 700 12.5px/1 var( --pal-display );
	text-decoration: none !important;
}
.pal-lcard__all:hover,
.pal-lcard__all:focus-visible {
	text-decoration: underline !important;
}

.pal-chips {
	display: flex;
	gap: 6px;
}
.pal-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
	padding: 6px 11px;
	border: 1px solid var( --pal-line );
	border-radius: 999px;
	background: rgba( 255, 255, 255, 0.04 );
	color: var( --pal-muted );
	font: 700 12px/1 var( --pal-display );
	cursor: pointer;
	transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.pal-chip:hover {
	color: var( --pal-ice );
	border-color: rgba( 255, 255, 255, 0.2 );
}
.pal-chip:focus-visible {
	outline: 2px solid var( --pal-gold );
	outline-offset: 2px;
}
.pal-chip[aria-selected='true'] {
	background: var( --pal-ice );
	border-color: var( --pal-ice );
	color: #0a1830;
}
.pal-chip__n {
	min-width: 18px;
	padding: 2px 5px;
	border-radius: 999px;
	background: rgba( 255, 255, 255, 0.1 );
	font: 700 10px/1.2 var( --pal-mono );
	text-align: center;
}
.pal-chip[aria-selected='true'] .pal-chip__n {
	background: rgba( 10, 24, 48, 0.12 );
}
.pal-chip--live .pal-chip__n {
	background: var( --pal-live );
	color: #fff;
}

/* ---------------- card ---------------- */

.pal-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
	padding: 11px 12px 10px;
	border: 1px solid var( --pal-line );
	border-radius: 14px;
	background: linear-gradient( 160deg, var( --pal-card-2 ), var( --pal-card ) );
	box-shadow: 0 8px 22px rgba( 0, 0, 0, 0.22 );
	transition: transform 0.25s var( --pal-ease ), border-color 0.25s, box-shadow 0.25s;
}
.pal-card:hover {
	transform: translateY( -2px );
	border-color: rgba( 255, 255, 255, 0.18 );
	box-shadow: 0 14px 28px rgba( 0, 0, 0, 0.3 );
}
.pal-card--live {
	border-color: rgba( 255, 77, 94, 0.35 );
}
.pal-card--live::before {
	content: '';
	position: absolute;
	inset: 0 0 auto;
	height: 2px;
	border-radius: 14px 14px 0 0;
	background: linear-gradient( 90deg, transparent, var( --pal-live ), transparent );
	animation: pal-scan 2.4s linear infinite;
	background-size: 200% 100%;
}
.pal-card--pick {
	box-shadow: inset 3px 0 0 var( --pal-gold ), 0 8px 22px rgba( 0, 0, 0, 0.22 );
}

.pal-card__top {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}
.pal-state {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	flex: 0 0 auto;
	padding: 3px 7px;
	border-radius: 6px;
	font: 800 10px/1 var( --pal-display );
	letter-spacing: 0.1em;
	text-transform: uppercase;
	background: rgba( 255, 255, 255, 0.08 );
	color: var( --pal-muted );
}
.pal-state--live {
	background: rgba( 255, 77, 94, 0.16 );
	color: #ff8a95;
}
.pal-state--upcoming {
	background: rgba( 58, 134, 224, 0.18 );
	color: #9cc7ff;
}
.pal-state--result {
	background: rgba( 47, 208, 127, 0.14 );
	color: #7fe8b1;
}
.pal-card__meta {
	min-width: 0;
	overflow: hidden;
	color: var( --pal-muted );
	font: 600 11px/1.2 var( --pal-mono );
	white-space: nowrap;
	text-overflow: ellipsis;
}
.pal-card__series {
	margin: 0;
	overflow: hidden;
	color: var( --pal-muted );
	font-size: 11.5px;
	line-height: 1.3;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.pal-team {
	display: grid;
	grid-template-columns: 28px minmax( 0, 1fr ) auto;
	align-items: center;
	gap: 8px;
	min-height: 28px;
}
.pal-crest {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	overflow: hidden;
	border-radius: 50%;
	background: var( --pal-team, #1e5087 );
	box-shadow: 0 0 0 1.5px rgba( 255, 255, 255, 0.18 );
	color: #fff;
	font: 800 9.5px/1 var( --pal-display );
	letter-spacing: 0.02em;
}
.pal-crest img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.pal-team__name {
	overflow: hidden;
	color: var( --pal-ice );
	font: 700 14px/1.2 var( --pal-display );
	white-space: nowrap;
	text-overflow: ellipsis;
}
.pal-team__score {
	display: inline-flex;
	align-items: baseline;
	gap: 5px;
	font-family: var( --pal-mono );
	white-space: nowrap;
}
.pal-team__score b {
	color: var( --pal-ice );
	font-size: 14px;
	font-weight: 800;
}
.pal-team__score small {
	color: var( --pal-muted );
	font-size: 11px;
}
.pal-muted {
	color: var( --pal-muted );
}
.pal-team.is-batting .pal-team__name::after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-left: 6px;
	border-radius: 50%;
	background: var( --pal-gold );
	vertical-align: middle;
}
.pal-card--result .pal-team:not( .is-batting ) .pal-team__score b,
.pal-card--live .pal-team:not( .is-batting ) .pal-team__score b {
	color: rgba( 234, 244, 255, 0.82 );
}

.pal-card__status {
	margin: 2px 0 0;
	overflow: hidden;
	color: #ffd37a;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.35;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	min-height: 16px;
}
.pal-card--upcoming .pal-card__status {
	color: var( --pal-muted );
}
.pal-card--result .pal-card__status {
	color: #7fe8b1;
}
.pal-card__venue {
	margin: 0;
	color: var( --pal-muted );
	font-size: 11.5px;
}

.pal-card__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin-top: auto;
	padding-top: 6px;
	border-top: 1px dashed var( --pal-line );
}
.pal-btn {
	display: inline-flex;
	align-items: center;
	padding: 5px 10px;
	border: 1px solid var( --pal-line );
	border-radius: 999px;
	background: rgba( 255, 255, 255, 0.05 );
	color: var( --pal-ice ) !important;
	font: 700 11.5px/1.1 var( --pal-display );
	text-decoration: none !important;
	transition: background 0.2s, transform 0.2s var( --pal-ease );
}
.pal-btn:hover,
.pal-btn:focus-visible {
	background: rgba( 255, 255, 255, 0.12 );
	transform: translateY( -1px );
}
.pal-btn:focus-visible {
	outline: 2px solid var( --pal-gold );
	outline-offset: 2px;
}
.pal-btn--gold,
.pal-btn--gold:visited {
	border-color: transparent;
	background: linear-gradient( 135deg, #ffc94d, var( --pal-gold ) );
	color: #1a1200 !important;
}
.pal-btn--gold:hover {
	background: linear-gradient( 135deg, #ffd66e, #ffbb33 );
}
.pal-count {
	margin-left: auto;
	color: var( --pal-muted );
	font: 600 11px/1 var( --pal-mono );
}
.pal-src {
	width: 100%;
	color: rgba( 234, 244, 255, 0.5 );
	font: 600 10.5px/1.3 var( --pal-mono );
}

.pal-dot {
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var( --pal-live );
	box-shadow: 0 0 0 0 rgba( 255, 77, 94, 0.6 );
	animation: pal-ping 1.6s ease-out infinite;
}

.pal-bump .pal-team__score b {
	animation: pal-bump 1.4s var( --pal-ease );
}

.pal-card--skeleton {
	min-height: 132px;
	gap: 10px;
}
.pal-card--skeleton i {
	display: block;
	height: 12px;
	border-radius: 6px;
	background: linear-gradient( 90deg, rgba( 255, 255, 255, 0.05 ), rgba( 255, 255, 255, 0.12 ), rgba( 255, 255, 255, 0.05 ) );
	background-size: 200% 100%;
	animation: pal-shimmer 1.4s linear infinite;
}
.pal-card--skeleton i:nth-child( 1 ) {
	width: 40%;
}
.pal-card--skeleton i:nth-child( 3 ) {
	width: 70%;
}
.pal-card--skeleton:hover {
	transform: none;
}

.pal-empty {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 18px;
	border: 1px dashed var( --pal-line );
	border-radius: 14px;
	color: var( --pal-muted );
	font-size: 13px;
}
.pal-empty strong {
	color: var( --pal-ice );
	font: 700 14px/1.3 var( --pal-display );
}

/* ---------------- page ---------------- */

.pal-page {
	margin: 0 0 32px;
}
.pal-page__bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-bottom: 6px;
}
.pal-page .pal-chips {
	flex-wrap: wrap;
}
.pal-search {
	margin: 0 0 0 auto;
	flex: 0 1 260px;
}
.pal-search input {
	width: 100%;
	padding: 9px 14px;
	border: 1px solid var( --pal-line );
	border-radius: 999px;
	background: rgba( 255, 255, 255, 0.05 );
	color: var( --pal-ice );
	font-size: 14px;
}
.pal-search input::placeholder {
	color: var( --pal-muted );
}
.pal-search input:focus {
	outline: 2px solid var( --pal-gold );
	outline-offset: 1px;
}
.pal-page__meta {
	margin: 0 0 14px;
	color: var( --pal-muted );
	font: 600 12px/1 var( --pal-mono );
}
.pal-groups {
	display: flex;
	flex-direction: column;
	gap: 26px;
}
.pal-page .pal-groups > .pal-card--skeleton {
	max-width: 420px;
}
.pal-group__title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 12px !important;
	color: var( --pal-ice ) !important;
	font: 800 20px/1.2 var( --pal-display ) !important;
	letter-spacing: -0.01em;
}
.pal-group--live .pal-group__title::before {
	content: '';
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var( --pal-live );
	animation: pal-ping 1.6s ease-out infinite;
}
.pal-group__n {
	padding: 3px 8px;
	border-radius: 999px;
	background: rgba( 255, 255, 255, 0.08 );
	color: var( --pal-muted );
	font: 700 11px/1 var( --pal-mono );
}
.pal-grid {
	display: grid;
	grid-template-columns: repeat( auto-fill, minmax( min( 100%, 300px ), 1fr ) );
	gap: 12px;
}
.pal-grid .pal-card {
	padding: 14px;
	gap: 8px;
}
.pal-grid .pal-team__name {
	font-size: 15px;
}
.pal-grid .pal-team__score b {
	font-size: 16px;
}

/* ---------------- motion ---------------- */

@keyframes pal-ping {
	0% {
		box-shadow: 0 0 0 0 rgba( 255, 77, 94, 0.6 );
	}
	80%,
	100% {
		box-shadow: 0 0 0 8px rgba( 255, 77, 94, 0 );
	}
}
@keyframes pal-scan {
	from {
		background-position: 200% 0;
	}
	to {
		background-position: -200% 0;
	}
}
@keyframes pal-shimmer {
	from {
		background-position: 200% 0;
	}
	to {
		background-position: -200% 0;
	}
}
@keyframes pal-bump {
	0% {
		color: var( --pal-gold );
		text-shadow: 0 0 14px rgba( 255, 176, 32, 0.8 );
	}
	100% {
		color: inherit;
		text-shadow: none;
	}
}

@media ( prefers-reduced-motion: reduce ) {
	.pal-dot,
	.pal-card--live::before,
	.pal-card--skeleton i,
	.pal-bump .pal-team__score b,
	.pal-tick__track,
	.pal-group--live .pal-group__title::before {
		animation: none !important;
	}
	.pal-card,
	.pal-card:hover,
	.pal-btn:hover {
		transform: none;
		transition: none;
	}
}

/* ---------------- small screens ---------------- */

@media ( max-width: 767px ) {
	.pal-tick__inner {
		height: 40px;
		padding: 0 0 0 12px;
	}
	.pal-tick__all {
		display: none;
	}
	/* Phones: keep room for the rolling part — the pinned chip drops the
	   crests and overs, and the "1 live" count (the chip says LIVE). */
	.pal-tick__pin {
		max-width: 74%;
	}
	.pal-tick.has-pin .pal-tick__tag {
		gap: 0;
		padding-right: 10px;
		font-size: 0; /* Just the red dot; the pinned chip says LIVE. */
	}
	.pal-tick__pin .pal-tchip {
		gap: 5px;
		padding: 0 10px;
	}
	.pal-tick__pin :is( .pal-crest, .pal-tchip__ov ) {
		display: none;
	}
	.pal-tick.has-pin .pal-tick__n {
		display: none;
	}
	.pal-tick__vp {
		-webkit-mask-image: linear-gradient( 90deg, #000 calc( 100% - 24px ), transparent );
		mask-image: linear-gradient( 90deg, #000 calc( 100% - 24px ), transparent );
	}
	/* Match Centre: one card per row would be tall; a swipe row keeps it compact. */
	.pal-centre {
		padding: 14px 0 14px 14px;
	}
	.pal-centre__head {
		padding-right: 14px;
	}
	.pal-centre__grid {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		padding-right: 14px;
	}
	.pal-centre__grid::-webkit-scrollbar {
		display: none;
	}
	.pal-centre__grid > .pal-card {
		flex: 0 0 82%;
		scroll-snap-align: start;
	}
	.pal-centre__grid > .pal-empty {
		flex: 1 1 auto;
		margin-right: 0;
	}
	.pal-search {
		flex-basis: 100%;
		margin-left: 0;
	}
}