/*--------------------------------------------------------------
# MLB Game Detail — Single game page (/partido/{gamePk}/)
# No Figma design — derived from mlb-schedule card patterns
# and base.css design tokens.
--------------------------------------------------------------*/

/* Page container */
.mlb-game {
	padding-top: var(--section-gap);
	padding-bottom: var(--section-gap);
}

/* Back nav */
.mlb-game__nav {
	margin-bottom: 1.5rem;
}

.mlb-game__back {
	font-size: 0.875rem;
	font-weight: var(--font-weight-medium);
	color: var(--color-text-muted);
	text-decoration: none;
	transition: color 0.15s ease;
}

.mlb-game__back:hover,
.mlb-game__back:focus {
	color: var(--color-primary);
}

/* Error message */
.mlb-game__error {
	color: var(--color-text-muted);
	font-size: 1rem;
}

/* ---------------------------------------------------------
   Game Header (teams, score, status)
   --------------------------------------------------------- */
.mlb-game__header {
	text-align: center;
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
	border-bottom: 2px solid var(--color-primary);
}

.mlb-game__matchup {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.5rem;
	flex-wrap: wrap;
}

.mlb-game__team {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.25rem;
	min-width: 7rem;
}

.mlb-game__team-abbr {
	font-size: 2rem;
	font-weight: var(--font-weight-black);
	color: var(--color-text-white);
	letter-spacing: -0.05rem;
}

.mlb-game__team-name {
	font-size: 0.8125rem;
	font-weight: var(--font-weight-medium);
	color: var(--color-text-body);
}

.mlb-game__record {
	font-size: 0.75rem;
	font-weight: var(--font-weight-regular);
	color: var(--color-text-muted);
}

/* Score block */
.mlb-game__score-block {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.mlb-game__score {
	font-size: 2.5rem;
	font-weight: var(--font-weight-black);
	color: var(--color-text-white);
	line-height: 1;
}

.mlb-game__score-separator {
	font-size: 1.5rem;
	font-weight: var(--font-weight-light);
	color: var(--color-text-muted);
}

.mlb-game__vs {
	font-size: 1.25rem;
	font-weight: var(--font-weight-bold);
	color: var(--color-text-muted);
	text-transform: uppercase;
}

/* Game status */
.mlb-game__status {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.375rem;
	margin-top: 0.75rem;
	font-size: 0.875rem;
	font-weight: var(--font-weight-black);
	text-transform: uppercase;
}

.mlb-game__status--live {
	color: #22c55e;
}

.mlb-game__status--final {
	color: var(--color-text-muted);
}

.mlb-game__status--preview {
	color: var(--color-text-muted);
}

/* Meta (venue, weather) */
.mlb-game__meta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	margin-top: 0.5rem;
	font-size: 0.8125rem;
	color: var(--color-text-muted);
}

/* ---------------------------------------------------------
   Linescore Table
   --------------------------------------------------------- */
.mlb-game__linescore {
	margin-bottom: var(--section-gap);
}

.mlb-game__section-title {
	font-size: 1.125rem;
	font-weight: var(--font-weight-black);
	text-transform: uppercase;
	letter-spacing: -0.025rem;
	color: var(--color-text-muted);
	margin: 0 0 1rem;
}

.mlb-game__linescore-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: var(--color-surface-badge) transparent;
}

.mlb-game__linescore-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.875rem;
	font-weight: var(--font-weight-medium);
	color: var(--color-text-light);
	white-space: nowrap;
}

.mlb-game__linescore-table th,
.mlb-game__linescore-table td {
	padding: 0.5rem 0.625rem;
	text-align: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.mlb-game__linescore-table th {
	font-size: 0.75rem;
	font-weight: var(--font-weight-bold);
	color: var(--color-text-muted);
	text-transform: uppercase;
}

.mlb-game__linescore-team {
	text-align: left !important;
	font-weight: var(--font-weight-bold);
	color: var(--color-text-white);
}

.mlb-game__linescore-total {
	font-weight: var(--font-weight-black) !important;
	color: var(--color-text-white) !important;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.mlb-game__linescore-empty {
	color: var(--color-text-muted);
}

/* ---------------------------------------------------------
   Lineups
   --------------------------------------------------------- */
.mlb-game__lineups {
	margin-bottom: var(--section-gap);
}

.mlb-game__lineups-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--card-gap);
}

.mlb-game__lineup {
	background-color: var(--color-surface-card);
	border: 1px solid var(--color-border-accent);
	border-radius: var(--radius-lg);
	padding: var(--inner-padding);
}

.mlb-game__lineup-title {
	font-size: 1rem;
	font-weight: var(--font-weight-bold);
	color: var(--color-text-white);
	margin: 0 0 0.25rem;
}

.mlb-game__lineup-side {
	font-size: 0.75rem;
	font-weight: var(--font-weight-regular);
	color: var(--color-text-muted);
}

/* Pitcher */
.mlb-game__pitcher {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	padding: 0.5rem 0;
	margin-bottom: 0.5rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	font-size: 0.875rem;
	color: var(--color-text-body);
}

.mlb-game__pitcher-label {
	font-weight: var(--font-weight-black);
	color: var(--color-primary);
	text-transform: uppercase;
	font-size: 0.75rem;
}

.mlb-game__pitcher-name {
	font-weight: var(--font-weight-medium);
	color: var(--color-text-white);
}

.mlb-game__pitcher-hand {
	font-size: 0.75rem;
	color: var(--color-text-muted);
}

/* Batting order */
.mlb-game__batting-order {
	list-style: none;
	padding: 0;
	margin: 0;
	counter-reset: batter;
}

.mlb-game__batter {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.375rem 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.03);
	font-size: 0.8125rem;
	color: var(--color-text-body);
}

.mlb-game__batter::before {
	counter-increment: batter;
	content: counter(batter) ".";
	font-weight: var(--font-weight-bold);
	color: var(--color-text-muted);
	min-width: 1.25rem;
	font-size: 0.75rem;
}

.mlb-game__batter-pos {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.75rem;
	padding: 0.0625rem 0.25rem;
	background-color: var(--color-surface-badge);
	border-radius: var(--radius-sm);
	font-size: 0.625rem;
	font-weight: var(--font-weight-bold);
	color: var(--color-text-light);
	text-align: center;
}

.mlb-game__batter-number {
	font-size: 0.75rem;
	font-weight: var(--font-weight-regular);
	color: var(--color-text-muted);
	min-width: 1.5rem;
}

.mlb-game__batter-name {
	flex: 1;
	font-weight: var(--font-weight-medium);
	color: var(--color-text-light);
}

.mlb-game__batter-avg {
	font-size: 0.75rem;
	font-weight: var(--font-weight-bold);
	color: var(--color-text-muted);
	font-family: monospace;
}

.mlb-game__lineup-pending {
	color: var(--color-text-muted);
	font-size: 0.875rem;
	font-style: italic;
	margin: 1rem 0 0;
}

/* ---------------------------------------------------------
   Play-by-Play
   --------------------------------------------------------- */
.mlb-game__plays {
	margin-bottom: var(--section-gap);
}

.mlb-game__plays-empty {
	color: var(--color-text-muted);
	font-size: 0.875rem;
	font-style: italic;
}

.mlb-game__inning-group {
	margin-bottom: 1.25rem;
}

.mlb-game__inning-label {
	font-size: 0.8125rem;
	font-weight: var(--font-weight-black);
	text-transform: uppercase;
	color: var(--color-primary);
	margin: 0 0 0.5rem;
	padding-bottom: 0.375rem;
	border-bottom: 1px solid var(--color-border-accent);
}

.mlb-game__play-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mlb-game__play {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	padding: 0.375rem 0.5rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.03);
	font-size: 0.8125rem;
	color: var(--color-text-body);
}

.mlb-game__play--scoring {
	background-color: rgba(207, 84, 23, 0.08);
	border-radius: var(--radius-sm);
}

.mlb-game__play-marker {
	color: var(--color-primary);
	font-size: 0.875rem;
	flex-shrink: 0;
	line-height: 1.4;
}

.mlb-game__play-event {
	font-weight: var(--font-weight-bold);
	color: var(--color-text-white);
	flex-shrink: 0;
}

.mlb-game__play-desc {
	color: var(--color-text-muted);
	font-weight: var(--font-weight-regular);
}

/* ---------------------------------------------------------
   Decisions (W/L/SV) & Game Info
   --------------------------------------------------------- */
.mlb-game__decisions {
	margin-bottom: var(--section-gap);
}

.mlb-game__decisions-list {
	display: flex;
	gap: 1.5rem;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}

.mlb-game__decision {
	font-size: 0.875rem;
	color: var(--color-text-body);
}

.mlb-game__decision-label {
	font-weight: var(--font-weight-black);
	color: var(--color-primary);
	text-transform: uppercase;
	margin-right: 0.25rem;
}

.mlb-game__game-info {
	display: flex;
	gap: 1.5rem;
	flex-wrap: wrap;
	padding-top: 0.75rem;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.mlb-game__info-item {
	font-size: 0.8125rem;
	color: var(--color-text-muted);
}

.mlb-game__info-item strong {
	color: var(--color-text-light);
	font-weight: var(--font-weight-bold);
}

/* ---------------------------------------------------------
   Mobile Adjustments
   --------------------------------------------------------- */
@media screen and (max-width: 640px) {
	.mlb-game__matchup {
		gap: 1rem;
	}

	.mlb-game__team-abbr {
		font-size: 1.5rem;
	}

	.mlb-game__score {
		font-size: 2rem;
	}

	.mlb-game__lineups-grid {
		grid-template-columns: 1fr;
	}

	.mlb-game__decisions-list {
		flex-direction: column;
		gap: 0.5rem;
	}

	.mlb-game__game-info {
		flex-direction: column;
		gap: 0.5rem;
	}
}