/* ==========================================================================
   1. BRACKET — .sfgi-bracket (SPEC §5 row 23)
   ========================================================================== */

/* The rounds scroll inside the panel, never the page. gridiron.css clips the
   panel itself, so the scroller has to live one level in. */
.sfgi-bracket > .sfgi-scroll {
	padding-bottom: 2px;
}

@keyframes sfgi-cup-sheen {
	0%,
	62% {
		transform: translateX(0) rotate(8deg);
		opacity: 0;
	}
	68% {
		opacity: 1;
	}
	100% {
		transform: translateX(560%) rotate(8deg);
		opacity: 0;
	}
}

/* ==========================================================================
   2. GROUP STAGE — .sfgi-groups (SPEC §5 row 26)
   ========================================================================== */

.sfgi-group__head .sfgi-i {
	color: var(--sfgi-gold-ink);
	flex: 0 0 auto;
}
.sfgi-group__team .sfgi-crest {
	flex: 0 0 auto;
}
.sfgi-chero__mvp .sfgi-i {
	color: var(--sfgi-gold-ink);
}

/* ==========================================================================
   8. REDUCED MOTION
   Every animation and every transform declared above is switched off. The
   layout, the colour and the depth all survive — only the movement stops.
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

	.sfgi-scroll {
		scroll-behavior: auto;
	}
}