/*
 * Kaladorn Core blocks.
 * Uses the Kaladorn theme's colour presets when present, with the parchment palette as fallback,
 * so the blocks still look right under another theme.
 */
.kaladorn-timeline,
.kaladorn-suntrack,
.kaladorn-phone,
.kaladorn-ladder,
.kaladorn-army,
.kaladorn-race-flag,
.kaladorn-stats,
.kaladorn-unit-stats,
.kaladorn-empty,
.kaladorn-sheet,
.kaladorn-wiki-nav,
.kaladorn-wiki-search,
.kaladorn-wiki-sections,
.kaladorn-related,
.kaladorn-race-flags,
.kaladorn-content,
.kaladorn-quest,
.kaladorn-area,
.kaladorn-world-map {
	--k-primary: var(--wp--preset--color--primary, #b87333);
	--k-accent: var(--wp--preset--color--accent, #5a3819);
	--k-base: var(--wp--preset--color--base, #efe3c8);
	--k-surface: var(--wp--preset--color--surface, #e1ded6);
	--k-plate: var(--wp--preset--color--plate, #f6ecd6);
	--k-text: var(--wp--preset--color--contrast, #2b220d);
	--k-muted: var(--wp--preset--color--muted, #6b5a3e);
	--k-line: var(--wp--preset--color--line, #cdb48d);
	--k-on-primary: var(--wp--preset--color--on-primary, #fffaf0);
	--k-sun: var(--wp--preset--color--sun, #d9a441);
	--k-ember: var(--wp--preset--color--ember, #c4532e);
	--k-radius: var(--wp--custom--radius, 8px);
	--k-shadow: var(--wp--custom--shadow, rgba(60, 35, 10, 0.18));
	--k-display: var(--wp--preset--font-family--display, Georgia, serif);
	--k-serif: var(--wp--preset--font-family--serif, Georgia, serif);
	--k-ui: var(--wp--preset--font-family--ui, system-ui, sans-serif);
}

.kaladorn-empty {
	border: 1px dashed var(--k-line);
	border-radius: var(--k-radius);
	padding: 14px 16px;
	color: var(--k-muted);
	font: 0.85rem/1.4 var(--k-ui);
}

/* ---------- Era timeline ---------- */
.kaladorn-timeline {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	position: relative;
}

/* The editor wraps eras in an extra layout div; keep the grid either way. */
.kaladorn-timeline > .block-editor-inner-blocks > .block-editor-block-list__layout {
	display: contents;
}

.kaladorn-timeline::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 14px;
	height: 2px;
	background: linear-gradient(90deg, #8a5d2e, #e08a46);
}

.kaladorn-era {
	position: relative;
	padding: 40px 18px 0 0;
	display: grid;
	gap: 8px;
	align-content: start;
	margin: 0 !important;
}

.kaladorn-era::before {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--k-base);
	border: 3px solid #e08a46;
	box-sizing: border-box;
}

.is-style-night .kaladorn-era::before {
	background: #1f1812;
}

.kaladorn-era__when {
	font: 700 0.72rem var(--k-ui);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #e08a46;
}

.kaladorn-era__title {
	font-family: var(--k-display);
	font-weight: 400;
	font-size: 1.3rem;
	line-height: 1.15;
	margin: 0;
}

.kaladorn-era__text {
	font-size: 0.92rem;
	margin: 0;
	opacity: 0.85;
}

@media (max-width: 860px) {
	.kaladorn-timeline {
		grid-template-columns: 1fr 1fr;
		row-gap: 28px;
	}

	.kaladorn-timeline::before {
		display: none;
	}
}

@media (max-width: 480px) {
	.kaladorn-timeline {
		grid-template-columns: 1fr;
	}
}

/* ---------- Sun time track ---------- */
.kaladorn-suntrack {
	background: var(--k-plate);
	border: 2px solid var(--k-accent);
	border-radius: var(--k-radius);
	padding: 20px;
	display: grid;
	gap: 14px;
	margin: 0;
	font-family: var(--k-ui);
}

.kaladorn-suntrack svg {
	width: 100%;
	height: auto;
	display: block;
	font-family: var(--k-ui);
}

.kaladorn-suntrack__eyebrow {
	margin: 0;
	font: 700 0.74rem var(--k-ui);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--k-primary);
}

.kaladorn-suntrack__caption {
	font-size: 0.88rem;
	color: var(--k-muted);
	margin: 0;
	text-align: left;
}

.kaladorn-suntrack .ks-frame { stroke: var(--k-accent); }
.kaladorn-suntrack .ks-map { fill: var(--k-surface); stroke: var(--k-line); }
.kaladorn-suntrack .ks-grid { stroke: var(--k-line); }
.kaladorn-suntrack .ks-event { fill: color-mix(in srgb, var(--k-ember) 30%, transparent); }
.kaladorn-suntrack .ks-route { stroke: var(--k-primary); }
.kaladorn-suntrack .ks-sun { fill: var(--k-sun); }
.kaladorn-suntrack .ks-sun-ring { stroke: var(--k-sun); }
.kaladorn-suntrack .ks-muted { fill: var(--k-muted); }
.kaladorn-suntrack .ks-strong { fill: var(--k-text); font-weight: 600; }

/* ---------- Phone mockup ---------- */
.kaladorn-phone {
	width: min(260px, 100%);
	border-radius: 30px;
	border: 2px solid var(--k-line);
	background: var(--k-base);
	color: var(--k-text);
	overflow: hidden;
	box-shadow: 0 24px 50px -24px var(--k-shadow);
	font: 11px/1.35 var(--k-ui);
	min-width: 0;
	flex: 0 1 260px;
}

.kaladorn-phone.is-offset {
	margin-top: 44px;
}

.kaladorn-phone__status {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 18px 6px;
	font-weight: 600;
	font-size: 10px;
}

.kaladorn-phone__notch {
	width: 70px;
	height: 16px;
	background: #111;
	border-radius: 10px;
}

.kaladorn-phone__bar {
	background: var(--k-primary);
	color: var(--k-on-primary);
	padding: 10px 14px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 600;
	font-size: 13px;
}

.kaladorn-phone__body {
	padding: 14px 12px 16px;
	display: grid;
	gap: 9px;
}

.kaladorn-phone__body > *,
.kaladorn-phone__body > .block-editor-block-list__layout > * {
	margin: 0 !important;
}

.kaladorn-phone__body h1,
.kaladorn-phone__body h2,
.kaladorn-phone__body h3,
.kaladorn-phone__body h4 {
	font-family: var(--k-ui);
	font-weight: 700;
	font-size: 15px;
	text-align: center;
	letter-spacing: 0;
	text-transform: none;
	line-height: 1.2;
}

.kaladorn-phone__body h2.is-style-win,
.kaladorn-phone__body .kaladorn-win {
	font-family: var(--k-display);
	font-weight: 400;
	font-size: 26px;
	color: var(--k-primary);
	letter-spacing: 0.04em;
}

.kaladorn-phone__body p {
	font-size: 11px;
	line-height: 1.35;
}

.kaladorn-phone__body .has-text-align-center {
	text-align: center;
}

.kaladorn-phone__body .kaladorn-phone-sub {
	color: var(--k-muted);
	font-size: 10px;
	text-align: center;
}

.kaladorn-phone__body .kaladorn-phone-regard {
	font-family: var(--k-serif);
	font-style: italic;
	font-size: 13px;
	text-align: center;
}

.kaladorn-phone__body .kaladorn-phone-saga {
	font-family: var(--k-serif);
	font-style: italic;
	font-size: 11.5px;
	color: var(--k-muted);
	border-left: 2px solid var(--k-primary);
	padding-left: 8px;
}

.kaladorn-phone__body ul,
.kaladorn-phone__body ol {
	list-style: none;
	margin: 0;
	padding: 9px 10px;
	border: 1.5px solid var(--k-line);
	border-radius: 7px;
	background: var(--k-surface);
	display: grid;
	gap: 3px;
	font-variant-numeric: tabular-nums;
}

.kaladorn-phone__body li.is-up {
	color: #3d7a3a;
	font-weight: 600;
}

.kaladorn-phone__body li.is-down {
	color: var(--k-ember);
	font-weight: 600;
}

/* "Deeds" grid: a list with the kaladorn-deeds class. */
.kaladorn-phone__body ul.kaladorn-deeds {
	grid-template-columns: 1fr 1fr;
	gap: 6px;
	padding: 0;
	border: 0;
	background: none;
}

.kaladorn-phone__body ul.kaladorn-deeds li {
	border: 1.5px solid var(--k-line);
	border-radius: 7px;
	padding: 8px 8px 8px 38px;
	background: var(--k-surface);
	min-height: 44px;
	position: relative;
	font-size: 12px;
	font-weight: 700;
}

.kaladorn-phone__body ul.kaladorn-deeds li::before {
	content: "";
	position: absolute;
	left: 8px;
	top: 8px;
	width: 24px;
	height: 24px;
	border-radius: 5px;
	background: var(--k-primary);
}

.kaladorn-phone__body ul.kaladorn-deeds li em {
	display: block;
	font-style: normal;
	color: var(--k-primary);
	font-weight: 600;
	font-size: 9.5px;
}

.kaladorn-phone__body .wp-block-buttons {
	display: grid;
	gap: 6px;
}

.kaladorn-phone__body .wp-block-button,
.kaladorn-phone__body .wp-block-button__link {
	width: 100%;
	margin: 0;
}

.kaladorn-phone__body .wp-block-button__link {
	font-size: 11px;
	padding: 8px;
	border-radius: 7px;
	text-align: center;
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.18);
}

.kaladorn-phone__tabs {
	display: flex;
	justify-content: space-around;
	background: var(--k-primary);
	color: var(--k-on-primary);
	padding: 8px 4px 12px;
	font-size: 9px;
}

.kaladorn-phone__tabs span {
	opacity: 0.6;
}

.kaladorn-phone__tabs span.is-on {
	opacity: 1;
	font-weight: 700;
}

@media (max-width: 560px) {
	.kaladorn-phone {
		width: 100%;
		max-width: 300px;
	}

	.kaladorn-phone.is-offset {
		margin-top: 0;
	}
}

/* ---------- Fame ladder ---------- */
.kaladorn-ladder {
	border: 1px solid var(--k-line);
	border-radius: var(--k-radius);
	background: var(--k-plate);
	padding: 18px;
	color: var(--k-text);
}

.kaladorn-ladder__heading {
	font-family: var(--k-display);
	font-weight: 400;
	font-size: 1.25rem;
	margin: 0 0 4px;
}

.kaladorn-ladder__intro {
	font-size: 0.85rem;
	color: var(--k-muted);
	margin: 0 0 12px;
}

.kaladorn-ladder__rows {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 4px;
	font-variant-numeric: tabular-nums;
}

.kaladorn-ladder__rows li {
	display: grid;
	grid-template-columns: 52px 1fr;
	gap: 10px;
	font-size: 0.88rem;
	padding: 3px 0;
	border-bottom: 1px dotted var(--k-line);
}

.kaladorn-ladder__rows li:last-child {
	border-bottom: 0;
}

.kaladorn-ladder__rows span {
	color: var(--k-muted);
	font-size: 0.78rem;
	text-align: right;
}

.kaladorn-ladder__rows b {
	font-weight: 600;
}

.kaladorn-ladder.is-rebellion {
	border-color: color-mix(in srgb, var(--k-ember) 55%, var(--k-line));
}

.kaladorn-ladder.is-rebellion .kaladorn-ladder__heading {
	color: var(--k-ember);
}

/* ---------- Unit table ---------- */
.kaladorn-army {
	overflow-x: auto;
	border: 1px solid var(--k-line);
	border-radius: var(--k-radius);
	background: var(--k-plate);
	color: var(--k-text);
}

.kaladorn-army table {
	border-collapse: collapse;
	width: 100%;
	min-width: 640px;
	font-size: 0.9rem;
	font-variant-numeric: tabular-nums;
}

.kaladorn-army th,
.kaladorn-army td {
	padding: 10px 14px;
	text-align: left;
	border: 0;
	border-bottom: 1px solid var(--k-line);
	white-space: nowrap;
}

.kaladorn-army td:last-child {
	white-space: normal;
}

.kaladorn-army th {
	font: 700 0.7rem var(--k-ui);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--k-muted);
	background: var(--k-surface);
}

.kaladorn-army tr:last-child td {
	border-bottom: 0;
}

.kaladorn-army .n {
	text-align: right;
}

.kaladorn-army a {
	color: inherit;
	text-decoration-color: var(--k-line);
}

.kaladorn-army a:hover {
	color: var(--k-primary);
}

.kaladorn-army__type {
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 2px 8px;
	border-radius: 4px;
	border: 1px solid var(--k-line);
}

.kaladorn-army__bar {
	display: inline-block;
	height: 6px;
	border-radius: 3px;
	background: var(--k-primary);
	vertical-align: middle;
	margin-right: 8px;
}

.kaladorn-army caption {
	caption-side: bottom;
	padding: 10px 14px;
	font-size: 0.8rem;
	color: var(--k-muted);
	text-align: left;
}

/* ---------- Race flag ---------- */
.kaladorn-race-flag {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font: 700 0.74rem var(--k-ui);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--k-muted);
}

.kaladorn-race-flag i {
	width: 14px;
	height: 10px;
	flex: none;
	background: var(--kaladorn-flag, var(--k-primary));
	clip-path: polygon(0 0, 100% 0, 78% 50%, 100% 100%, 0 100%);
}

.kaladorn-race-flag a {
	color: inherit;
	text-decoration: none;
}

.kaladorn-race-flag a:hover {
	color: var(--k-primary);
}

/* ---------- Hero stats ---------- */
.kaladorn-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
}

.kaladorn-stats__item {
	display: grid;
	justify-items: center;
	gap: 2px;
	min-width: 60px;
}

.kaladorn-stats dt {
	font: 700 0.68rem var(--k-ui);
	letter-spacing: 0.1em;
	color: var(--k-muted);
}

.kaladorn-stats dt abbr {
	text-decoration: none;
	border: 0;
}

.kaladorn-stats dd {
	margin: 0;
}

.kaladorn-stats dd b {
	display: block;
	min-width: 54px;
	text-align: center;
	font-family: var(--k-display);
	font-weight: 400;
	font-size: 1.3rem;
	color: var(--k-primary);
	border: 2px solid var(--k-accent);
	border-radius: var(--k-radius);
	padding: 2px 6px;
	background: var(--k-plate);
}

.kaladorn-stats.is-full {
	display: grid;
	gap: 10px;
}

.kaladorn-stats.is-full .kaladorn-stats__item {
	grid-template-columns: 54px 1fr;
	justify-items: start;
	align-items: start;
	gap: 12px;
}

.kaladorn-stats.is-full dt {
	grid-row: 1;
	grid-column: 1;
	align-self: end;
	justify-self: center;
	display: none;
}

.kaladorn-stats.is-full dd {
	display: contents;
}

.kaladorn-stats.is-full dd span {
	font-size: 0.88rem;
}

/* ---------- Unit stats ---------- */
.kaladorn-unit-stats {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	gap: 10px;
	margin: 0;
}

.kaladorn-unit-stats > div {
	border: 1px solid var(--k-line);
	border-radius: var(--k-radius);
	background: var(--k-plate);
	padding: 12px 14px;
}

.kaladorn-unit-stats dt {
	font: 700 0.68rem var(--k-ui);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--k-muted);
}

.kaladorn-unit-stats dd {
	margin: 4px 0 0;
	font-weight: 600;
	font-size: 1.05rem;
	font-variant-numeric: tabular-nums;
}

/* ---------- Race flags (several) ---------- */
.kaladorn-race-flags {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 6px 14px;
}

.kaladorn-army__races .kaladorn-race-flag {
	margin-right: 10px;
	letter-spacing: 0.06em;
}

/* ---------- Hero titles (wider requirement column) ---------- */
.kaladorn-ladder.is-titles .kaladorn-ladder__rows li {
	grid-template-columns: minmax(90px, auto) 1fr;
}

.kaladorn-ladder.is-titles .kaladorn-ladder__rows span {
	text-align: left;
}

/* ---------- Stat sheet ---------- */
.kaladorn-sheet {
	display: grid;
	gap: 18px;
}

.kaladorn-sheet__type {
	margin: 0;
}

.kaladorn-sheet__heading {
	margin: 0 0 8px;
	font: 700 0.74rem var(--k-ui);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--k-primary);
}

.kaladorn-sheet .kaladorn-unit-stats dt abbr {
	text-decoration: none;
	border: 0;
}

/* ---------- Wiki navigation ---------- */
.kaladorn-wiki-nav {
	display: grid;
	gap: 2px;
	font: 0.9rem/1.4 var(--k-ui);
	color: var(--k-text);
}

.kaladorn-wiki-nav a {
	color: inherit;
	text-decoration: none;
}

.kaladorn-wiki-nav a:hover {
	color: var(--k-primary);
}

.kaladorn-wiki-nav a[aria-current="page"] {
	color: var(--k-primary);
	font-weight: 700;
}

.kaladorn-wiki-nav__home {
	display: block;
	padding: 8px 10px;
	margin-bottom: 6px;
	border: 1px solid var(--k-line);
	border-radius: var(--k-radius);
	background: var(--k-plate);
	font-family: var(--k-display);
	font-size: 1.1rem;
}

.kaladorn-wiki-nav__group summary,
.kaladorn-wiki-nav__link {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 10px;
	border-radius: 6px;
	cursor: pointer;
	font-weight: 600;
	list-style: none;
}

.kaladorn-wiki-nav__group summary::-webkit-details-marker {
	display: none;
}

.kaladorn-wiki-nav__group summary::before {
	content: "";
	width: 7px;
	height: 7px;
	flex: none;
	border-right: 2px solid var(--k-primary);
	border-bottom: 2px solid var(--k-primary);
	transform: rotate(-45deg);
	transition: transform 0.15s ease;
}

.kaladorn-wiki-nav__group[open] summary::before {
	transform: rotate(45deg);
}

.kaladorn-wiki-nav__group summary:hover,
.kaladorn-wiki-nav__link:hover {
	background: color-mix(in srgb, var(--k-primary) 10%, transparent);
}

.kaladorn-wiki-nav__count {
	margin-left: auto;
	font-size: 0.72rem;
	font-weight: 600;
	color: var(--k-muted);
	font-variant-numeric: tabular-nums;
}

.kaladorn-wiki-nav__group ul {
	list-style: none;
	margin: 2px 0 8px 15px;
	padding: 0 0 0 12px;
	border-left: 1px solid var(--k-line);
	display: grid;
	gap: 1px;
}

.kaladorn-wiki-nav__group li a {
	display: block;
	padding: 3px 6px;
	border-radius: 4px;
	font-size: 0.86rem;
}

.kaladorn-wiki-nav__more a {
	color: var(--k-primary);
	font-weight: 600;
}

/* ---------- Wiki search ---------- */
.kaladorn-wiki-search {
	display: flex;
	gap: 8px;
	max-width: 560px;
}

.kaladorn-wiki-search input[type="search"] {
	flex: 1;
	min-width: 0;
	font: 1rem var(--k-ui);
	padding: 11px 14px;
	border: 2px solid var(--k-line);
	border-radius: var(--k-radius);
	background: var(--k-plate);
	color: var(--k-text);
}

.kaladorn-wiki-search input[type="search"]:focus {
	outline: none;
	border-color: var(--k-primary);
}

.kaladorn-wiki-search button {
	cursor: pointer;
}

/* ---------- Wiki sections (hub cards) ---------- */
.kaladorn-wiki-sections {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 14px;
}

.kaladorn-wiki-card {
	display: grid;
	gap: 6px;
	align-content: start;
	padding: 16px 18px 18px;
	border: 1px solid var(--k-line);
	border-top: 3px solid var(--k-primary);
	border-radius: var(--k-radius);
	background: var(--k-plate);
	color: var(--k-text);
	text-decoration: none;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.kaladorn-wiki-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 30px -18px var(--k-shadow);
}

.kaladorn-wiki-card.is-topic {
	border-top-color: var(--k-accent);
}

.kaladorn-wiki-card__count {
	font: 700 0.7rem var(--k-ui);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--k-primary);
}

.kaladorn-wiki-card__title {
	font-family: var(--k-display);
	font-size: 1.35rem;
	line-height: 1.15;
}

.kaladorn-wiki-card__text {
	font-size: 0.86rem;
	color: var(--k-muted);
}

/* ---------- Related entries ---------- */
.kaladorn-related {
	border-top: 1px solid var(--k-line);
	padding-top: 24px;
}

.kaladorn-related__heading {
	font-family: var(--k-display);
	font-weight: 400;
	font-size: 1.6rem;
	margin: 0 0 14px;
}

.kaladorn-related__groups {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 14px;
}

.kaladorn-related__group {
	border: 1px solid var(--k-line);
	border-radius: var(--k-radius);
	background: var(--k-plate);
	padding: 12px 14px;
}

.kaladorn-related__group h3 {
	margin: 0 0 6px;
	font: 700 0.72rem var(--k-ui);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--k-muted);
}

.kaladorn-related__group ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 4px;
	font-size: 0.92rem;
}

.kaladorn-related__group li {
	display: flex;
	align-items: center;
	gap: 8px;
}

.kaladorn-related__flag {
	width: 14px;
	height: 10px;
	flex: none;
	background: var(--kaladorn-flag, var(--k-primary));
	clip-path: polygon(0 0, 100% 0, 78% 50%, 100% 100%, 0 100%);
}

/* ---------- Rich text from Payload ---------- */
.kaladorn-checklist {
	list-style: none;
	padding-left: 0;
}

.kaladorn-checklist li::before {
	content: "☐ ";
}

.kaladorn-checklist li.is-checked::before {
	content: "☑ ";
}

.kaladorn-icon {
	font-size: 1.5em;
	vertical-align: -0.25em;
	line-height: 1;
}

.kaladorn-icon.is-small {
	font-size: 1.125em;
}

.kaladorn-icon.is-large {
	font-size: 2.25em;
}

/* ---------- Quest and area details ---------- */
.kaladorn-quest,
.kaladorn-area {
	display: grid;
	gap: 22px;
	color: var(--k-text);
	font-family: var(--k-ui);
}

.kaladorn-quest h3 {
	margin: 0 0 8px;
	font: 700 0.74rem var(--k-ui);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--k-primary);
}

.kaladorn-quest__facts {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
	gap: 10px;
	margin: 0;
}

.kaladorn-quest__facts > div {
	border: 1px solid var(--k-line);
	border-radius: var(--k-radius);
	background: var(--k-plate);
	padding: 10px 14px;
}

.kaladorn-quest__facts dt {
	font: 700 0.68rem var(--k-ui);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--k-muted);
}

.kaladorn-quest__facts dd {
	margin: 4px 0 0;
	font-weight: 600;
	font-size: 0.95rem;
}

.kaladorn-quest__facts dd.kaladorn-race-flags {
	display: flex;
}

.kaladorn-quest__objectives ol {
	list-style: none;
	counter-reset: kaladorn-objective;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 6px;
}

.kaladorn-quest__objectives li {
	counter-increment: kaladorn-objective;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 12px;
	border: 1px solid var(--k-line);
	border-radius: var(--k-radius);
	background: var(--k-plate);
}

.kaladorn-quest__objectives li::before {
	content: counter(kaladorn-objective);
	flex: none;
	width: 28px;
	height: 28px;
	display: grid;
	place-items: center;
	border-radius: 6px;
	border: 2px solid var(--k-accent);
	color: var(--k-primary);
	font-family: var(--k-display);
	font-size: 1.05rem;
}

.kaladorn-quest__outcomes {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 14px;
}

.kaladorn-quest__outcome {
	border: 1px solid var(--k-line);
	border-top: 3px solid #3d7a3a;
	border-radius: var(--k-radius);
	background: var(--k-plate);
	padding: 12px 14px;
}

.kaladorn-quest__outcome.is-loss {
	border-top-color: var(--k-ember);
}

.kaladorn-quest__outcome.is-loss h3 {
	color: var(--k-ember);
}

.kaladorn-quest__outcome dl {
	margin: 0;
	display: grid;
	gap: 2px;
	font-variant-numeric: tabular-nums;
}

.kaladorn-quest__outcome dl > div {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 4px 0;
	border-bottom: 1px dotted var(--k-line);
	font-size: 0.9rem;
}

.kaladorn-quest__outcome dl > div:last-child {
	border-bottom: 0;
}

.kaladorn-quest__outcome dd {
	margin: 0;
	font-weight: 600;
	text-align: right;
}

.kaladorn-quest__story {
	display: grid;
	gap: 8px;
}

.kaladorn-quest__race {
	border: 1px solid var(--k-line);
	border-radius: var(--k-radius);
	background: var(--k-plate);
	padding: 10px 14px;
}

.kaladorn-quest__race summary {
	cursor: pointer;
}

.kaladorn-quest__text {
	margin-top: 10px;
	padding-left: 10px;
	border-left: 2px solid var(--k-primary);
}

.kaladorn-quest__text.is-failure {
	border-left-color: var(--k-ember);
}

.kaladorn-quest__text.is-success {
	border-left-color: #3d7a3a;
}

.kaladorn-quest__text h4 {
	margin: 0 0 4px;
	font: 700 0.68rem var(--k-ui);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--k-muted);
}

.kaladorn-quest__text p {
	margin: 0;
	font-family: var(--k-serif);
	font-size: 1.05rem;
	font-style: italic;
}



/* ---------- World map ---------- */
.kaladorn-world-map {
	margin: 0;
}

.kaladorn-world-map__canvas {
	position: relative;
	width: 100%;
	/* The rotated board is 90 × 60 cm. */
	aspect-ratio: 3 / 2;
	height: var(--kaladorn-map-height, auto);
	max-height: 82vh;
	border: 2px solid var(--k-accent);
	border-radius: var(--k-radius);
	background: #1f1812;
	overflow: hidden;
	font-family: var(--k-ui);
	z-index: 0;
}

.kaladorn-world-map__preview {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.kaladorn-world-map__caption {
	margin-top: 8px;
	font-size: 0.8rem;
	color: var(--k-muted);
}

.kaladorn-world-map .leaflet-container {
	background: #1f1812;
	font-family: var(--k-ui);
}

.kaladorn-world-map .leaflet-control-zoom a,
.kaladorn-world-map .leaflet-control-layers {
	background: var(--k-plate);
	color: var(--k-text);
	border-color: var(--k-line);
}

.kaladorn-world-map .leaflet-control-layers-expanded {
	padding: 8px 12px;
	font-size: 0.85rem;
}

.kaladorn-map-readout {
	background: color-mix(in srgb, #1f1812 85%, transparent);
	color: #efe3c8;
	border: 1px solid #8a5d2e;
	border-radius: 6px;
	padding: 4px 10px;
	font-size: 0.8rem;
	font-variant-numeric: tabular-nums;
	pointer-events: none;
}

.kaladorn-map-tip {
	background: #1f1812;
	color: #efe3c8;
	border: 1px solid #8a5d2e;
	font-family: var(--k-ui);
	font-weight: 600;
}

.kaladorn-map-tip.leaflet-tooltip-top::before {
	border-top-color: #8a5d2e;
}

.kaladorn-map-hint {
	position: absolute;
	inset: auto 0 12px 0;
	margin: auto;
	width: max-content;
	max-width: 90%;
	z-index: 1000;
	background: color-mix(in srgb, #1f1812 88%, transparent);
	color: #efe3c8;
	padding: 6px 12px;
	border-radius: 6px;
	font-size: 0.8rem;
	opacity: 0;
	transition: opacity 0.2s ease;
	pointer-events: none;
}

.kaladorn-map-hint.is-visible {
	opacity: 1;
}


/* The area(s) this page is about breathe gently on the map. */
@media (prefers-reduced-motion: no-preference) {
	.kaladorn-map-area.is-highlight {
		animation: kaladorn-area-pulse 2.8s ease-in-out infinite;
	}
}

@keyframes kaladorn-area-pulse {
	0%, 100% { fill-opacity: 0.5; stroke-width: 2.5px; }
	50% { fill-opacity: 0.28; stroke-width: 4px; }
}