/*
 * Game Pulse: the Brighter Shores section. The official site's own colours (deep sea teal #143140, sky blue #51B0DE,
 * sunlit gold #E1D752, white, a serif face like its Lora) as --gp-* overrides under [data-game="brighter-shores"] and
 * .is-game-brighter-shores (the shared components in pulse.css and the theme's games.css read them), plus the
 * section's own pieces (.gp-bs-*). Colours use light-dark(), so the light and dark schemes come from one declaration.
 * Text stays on the site's centre line: nothing here pads or left-justifies a column.
 */

[data-game="brighter-shores"],
.is-game-brighter-shores {
	--wp--preset--color--primary: light-dark(#1A6D93, #51B0DE);
	--wp--preset--color--primary-soft: light-dark(#E3F1F7, #102A36);
	--wp--preset--color--primary-bright: light-dark(#2A8DBD, #8FD0EE);
	--wp--preset--color--on-primary: light-dark(#FFFFFF, #0B1E27);
	--wp--preset--color--accent: light-dark(#7A6E0C, #E1D752);
	--wp--preset--color--ink: light-dark(#10303D, #EEF5F2);
	--wp--preset--color--muted: light-dark(#4A6570, #A9C2C8);
	--wp--preset--color--surface: light-dark(#F5F9F8, #0D2330);
	--wp--preset--color--surface-alt: light-dark(#E6F0F0, #143140);
	--wp--preset--color--border: light-dark(#BDD3D6, #2A5266);
	--gp-bs-sea: #143140;
	--gp-bs-sky: #51B0DE;
	--gp-bs-gold: #E1D752;
	--gp-bs-foam: light-dark(#FFFFFF, #18394A);
	--gp-tone: light-dark(#1A6D93, #E1D752);
	--gp-radius: 12px;
	--gp-radius-sm: 8px;
	--gp-head-font: Lora, Georgia, "Times New Roman", serif;
	--gp-panel-border: light-dark(#B4CDD2, #2A5266);
	--gp-panel-bg:
		radial-gradient(120% 90% at 100% 0%, light-dark(rgba(225, 215, 82, 0.16), rgba(225, 215, 82, 0.06)), transparent 55%),
		radial-gradient(110% 80% at 0% 100%, light-dark(rgba(81, 176, 222, 0.14), rgba(81, 176, 222, 0.08)), transparent 60%),
		var(--gp-bs-foam);
	--gp-panel-alt-bg: light-dark(#EDF5F5, #12303F);
	--gp-panel-shadow: 0 1px 0 light-dark(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.04)) inset, 0 14px 28px -22px rgba(20, 49, 64, 0.6);
	--gp-panel-title: light-dark(#143140, #F4EFC0);
	--gp-bar: linear-gradient(90deg, #1A6D93, #51B0DE 60%, #E1D752);
	--gp-bar-track: light-dark(#D6E6E9, #1B3D4E);
	--gp-live-bg: light-dark(#1A6D93, #51B0DE);
	--gp-live-ink: light-dark(#FFFFFF, #0B1E27);
	--gp-ink: light-dark(#4A6570, #A9C2C8);
	--gp-grid: light-dark(#D3E3E6, #23495C);
	--gp-series-1: light-dark(#1A6D93, #51B0DE);
	--gp-series-2: light-dark(#8A7A00, #E1D752);
	--gp-series-3: light-dark(#2F7D4F, #7FD39B);
	--gp-series-4: light-dark(#9A3B2E, #F2A08F);
	--gp-series-5: light-dark(#5B4A9E, #B9A8F2);
	/* The section band and tabs (always night, like the official site), and the nameplate. */
	--gp-hero-bg:
		radial-gradient(38rem 13rem at 88% -3rem, rgba(225, 215, 82, 0.34), transparent 70%),
		radial-gradient(52rem 15rem at 12% 135%, rgba(81, 176, 222, 0.38), transparent 70%),
		repeating-linear-gradient(176deg, rgba(255, 255, 255, 0.035) 0 2px, transparent 2px 18px),
		linear-gradient(180deg, #1C5068, #143140 78%);
	--gp-hero-rule: #E1D752;
	--gp-hero-accent: #E1D752;
	--gp-hero-title: #FFFFFF;
	--gp-hero-ink: #E4F1F5;
	--gp-hero-pill: rgba(81, 176, 222, 0.65);
	--gp-icon-ring: #51B0DE;
	--gp-tabs-bg: #143140;
	--gp-tabs-rule: #2A5266;
	--gp-tabs-ink: #CFE6EE;
	--gp-tabs-active: #E1D752;
	--gp-plate-bg: linear-gradient(180deg, light-dark(#FFFFFF, #1C4458), light-dark(#E9F3F5, #143140));
	--gp-plate-border: light-dark(#9EC3CD, #2F6680);
	--gp-plate-ink: light-dark(#10303D, #FFFFFF);
	--gp-plate-bar: linear-gradient(90deg, #51B0DE, #E1D752);
	--gp-plate-track: light-dark(#D6E6E9, #0E2632);
	color: var(--wp--preset--color--ink);
}

/* The home page's door wears the same night. */
.gp-door.is-game-brighter-shores .gp-door__leader small {
	opacity: 0.8;
}

/* One panel's content: a single column that never widens the page (wide tables scroll in their wrapper). */
.gp-bs {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.75rem;
}

.gp-bs > * {
	min-width: 0;
	margin: 0;
}

.gp-bs h3 {
	margin: 0;
	font-family: var(--gp-head-font);
	font-size: 1.05rem;
}

.gp-bs-icon {
	display: inline-block;
	vertical-align: -0.3em;
	flex: none;
}

.gp-bs > .gp-bs-icon {
	justify-self: center;
}

.gp-bs-stats {
	margin: 0;
}

.gp-bs-read,
.gp-bs-muted {
	font-size: 0.85rem;
	color: var(--wp--preset--color--muted);
}

.gp-bs-more {
	font-weight: 600;
}

.gp-bs-chip {
	display: inline-block;
	padding: 0.05rem 0.5rem;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.5;
	white-space: nowrap;
	color: light-dark(#143140, #F4EFC0);
	background: light-dark(rgba(81, 176, 222, 0.18), rgba(81, 176, 222, 0.16));
	border: 1px solid light-dark(rgba(26, 109, 147, 0.35), rgba(81, 176, 222, 0.45));
	border-radius: 999px;
}

.gp-bs-chip--new {
	color: #143140;
	background: #E1D752;
	border-color: #B5AB2E;
}

/* Lists: the latest announcements and firsts. */
.gp-bs-news,
.gp-bs-firsts,
.gp-bs-episodes {
	display: grid;
	gap: 0.6rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.gp-bs-news time,
.gp-bs-firsts time {
	font-size: 0.85rem;
	font-variant-numeric: tabular-nums;
	color: var(--wp--preset--color--muted);
}

.gp-bs-firsts li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
}

/* The episodes: a card each, two or three across when there is room. */
.gp-bs-episodes {
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}

.gp-bs-episode {
	display: grid;
	gap: 0.35rem;
	align-content: start;
	padding: 0.85rem 1rem;
	border: 1px solid var(--gp-panel-border);
	border-top: 3px solid var(--wp--preset--color--primary);
	border-radius: var(--gp-radius-sm);
	background: var(--gp-panel-alt-bg);
}

.gp-bs-episode p {
	margin: 0;
}

.gp-bs-episode.is-future {
	border-top-color: var(--wp--preset--color--accent);
	border-style: dashed solid solid;
}

.gp-bs-episode h3 a {
	color: inherit;
	text-decoration: none;
}

.gp-bs-episode h3 a:hover,
.gp-bs-episode h3 a:focus-visible {
	text-decoration: underline;
}

/* Tables: the firsts, professions, caps, days and news. */
.gp-bs .gp-table th[scope="row"] {
	font-weight: 600;
}

.gp-bs .gp-table tr.is-future > * {
	color: var(--wp--preset--color--muted);
	font-style: italic;
}

.gp-bs .gp-table tr.is-new > * {
	background: light-dark(rgba(225, 215, 82, 0.18), rgba(225, 215, 82, 0.08));
}

.gp-bs-days td,
.gp-bs-caps td {
	font-variant-numeric: tabular-nums;
}

/* The generic nameplate in the section's colours: the initial on a sunlit disc. */
.gp-plate--brighter-shores .gp-plate__initial {
	color: #143140;
	background: radial-gradient(circle at 35% 30%, #F4EFA6, #E1D752 55%, #B5AB2E);
	border: 1px solid #8C8420;
}

.gp-plate--brighter-shores .gp-plate__name {
	font-family: var(--gp-head-font);
	font-weight: 700;
}

.gp-plate--brighter-shores .gp-plate__sub {
	color: light-dark(#1A6D93, #8FD0EE);
}

@media (forced-colors: active) {
	.gp-bs-chip,
	.gp-bs-episode {
		border: 1px solid CanvasText;
	}
}