:root {
	--sueniverse-bg-deep: #08101d;
	--sueniverse-bg-top: #142643;
	--sueniverse-panel: rgba(15, 28, 48, 0.72);
	--sueniverse-panel-strong: rgba(9, 20, 35, 0.86);
	--sueniverse-border: rgba(244, 239, 230, 0.12);
	--sueniverse-gold: #ddb35c;
	--sueniverse-gold-soft: rgba(221, 179, 92, 0.24);
	--sueniverse-rose: #d9858f;
	--sueniverse-mist: #f4efe6;
	--sueniverse-body: #e9e2d8;
	--sueniverse-teal: #7bb5b1;
	--sueniverse-shadow: 0 24px 80px rgba(4, 10, 20, 0.45);
}

html {
	scroll-behavior: smooth;
}

body {
	background:
		radial-gradient(circle at top, rgba(221, 179, 92, 0.18), transparent 30%),
		radial-gradient(circle at 20% 20%, rgba(123, 181, 177, 0.12), transparent 18%),
		linear-gradient(180deg, var(--sueniverse-bg-top) 0%, var(--sueniverse-bg-deep) 72%);
	color: var(--sueniverse-body);
	min-height: 100vh;
}

body::before {
	background-image:
		radial-gradient(circle, rgba(255, 255, 255, 0.45) 0 1px, transparent 1.2px),
		radial-gradient(circle, rgba(249, 244, 207, 0.32) 0 1px, transparent 1.4px);
	background-position: 0 0, 40px 55px;
	background-size: 140px 140px, 220px 220px;
	content: "";
	inset: 0;
	opacity: 0.28;
	pointer-events: none;
	position: fixed;
	z-index: -2;
}

.wp-site-blocks {
	min-height: 100vh;
	padding-left: clamp(1rem, 2vw, 1.5rem);
	padding-right: clamp(1rem, 2vw, 1.5rem);
}

.wp-block-post-content a,
.wp-block-post-excerpt__more-link,
.wp-block-read-more {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}

.sueniverse-shell {
	margin: 0 auto;
	max-width: 1380px;
	position: relative;
}

.sueniverse-shell::before {
	background: radial-gradient(circle at top, rgba(221, 179, 92, 0.14), transparent 42%);
	content: "";
	inset: 0 0 auto;
	height: 280px;
	pointer-events: none;
	position: absolute;
}

.sueniverse-topbar {
	background: rgba(7, 16, 28, 0.58);
	backdrop-filter: blur(18px);
	border: 1px solid var(--sueniverse-border);
	border-radius: 999px;
	box-shadow: var(--sueniverse-shadow);
	margin: 1.2rem auto 0;
	max-width: 1280px;
	padding: 0.9rem 1.15rem;
	position: sticky;
	top: 1rem;
	z-index: 30;
}

.sueniverse-site-title a,
.sueniverse-topbar .wp-block-site-title a {
	text-decoration: none;
}

.sueniverse-mark {
	align-items: center;
	display: inline-flex;
	gap: 0.6rem;
}

.sueniverse-mark::before {
	background: radial-gradient(circle, rgba(249, 244, 207, 1) 0%, rgba(221, 179, 92, 0.86) 42%, rgba(221, 179, 92, 0) 72%);
	border-radius: 999px;
	box-shadow: 0 0 22px rgba(221, 179, 92, 0.55);
	content: "";
	display: inline-block;
	height: 0.9rem;
	width: 0.9rem;
}

.sueniverse-tagline {
	color: rgba(244, 239, 230, 0.74);
	font-family: var(--wp--preset--font-family--ui);
	font-size: 0.8rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.sueniverse-topbar .wp-block-navigation-item__content {
	display: inline-flex;
	padding: 0.2rem 0.15rem;
	text-decoration: none;
}

.sueniverse-topbar .wp-block-navigation-item__content:hover,
.sueniverse-topbar .current-menu-item > .wp-block-navigation-item__content {
	color: var(--sueniverse-gold);
}

.sueniverse-topbar .wp-block-navigation__container {
	column-gap: 1.15rem;
	row-gap: 0.5rem;
}

.sueniverse-topbar .wp-block-navigation {
	display: flex;
}

.sueniverse-topbar .wp-block-page-list,
.sueniverse-topbar .wp-block-navigation ul,
.sueniverse-topbar .wp-block-navigation ol {
	align-items: center;
	column-gap: 1.15rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.15rem;
	list-style: none;
	margin: 0;
	padding: 0;
	row-gap: 0.5rem;
}

.sueniverse-topbar .wp-block-navigation-item {
	margin-inline: 0.55rem;
	margin: 0;
}

.sueniverse-topbar .wp-block-navigation-item:first-child {
	margin-left: 0;
}

.sueniverse-topbar .wp-block-navigation-item:last-child {
	margin-right: 0;
}

.sueniverse-topbar .wp-block-navigation__responsive-container {
	background: rgba(8, 16, 29, 0.96);
}

.sueniverse-primary-nav {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	justify-content: flex-end;
}

.sueniverse-topbar .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-page-list {
	align-items: center !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0.75rem !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.sueniverse-topbar .wp-block-page-list > .wp-block-pages-list__item {
	margin: 0 !important;
}

.sueniverse-primary-nav a,
.sueniverse-topbar .wp-block-page-list > .wp-block-pages-list__item > .wp-block-pages-list__item__link,
.sueniverse-lore-nav a,
.sueniverse-lore-chip,
.sueniverse-lore-links a {
	align-items: center;
	background: rgba(7, 16, 28, 0.62);
	backdrop-filter: blur(12px);
	border: 1px solid rgba(244, 239, 230, 0.14);
	border-radius: 999px;
	box-shadow: 0 14px 28px rgba(3, 8, 18, 0.18);
	color: var(--sueniverse-mist);
	display: inline-flex;
	font-family: var(--wp--preset--font-family--ui);
	font-size: 0.9rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	padding: 0.72rem 1.1rem;
	text-decoration: none;
	text-transform: uppercase;
}

.sueniverse-primary-nav a:hover,
.sueniverse-primary-nav a:focus-visible,
.sueniverse-topbar .wp-block-page-list > .wp-block-pages-list__item > .wp-block-pages-list__item__link:hover,
.sueniverse-topbar .wp-block-page-list > .current-menu-item > .wp-block-pages-list__item__link,
.sueniverse-lore-nav a:hover,
.sueniverse-lore-chip:hover,
.sueniverse-lore-links a:hover,
.sueniverse-lore-card__link:hover {
	border-color: rgba(221, 179, 92, 0.4);
	color: var(--sueniverse-gold);
}

.sueniverse-main {
	padding-bottom: clamp(4rem, 10vw, 7rem);
	padding-top: clamp(1.5rem, 4vw, 3rem);
}

.sueniverse-page-wrap {
	margin: 0 auto;
	max-width: none;
	width: 100%;
}

.sueniverse-page-wrap.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.sueniverse-page-wrap.wp-block-group.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: none;
	width: 100%;
}

.sueniverse-panel {
	background: linear-gradient(180deg, rgba(18, 31, 53, 0.88), rgba(10, 20, 36, 0.88));
	border: 1px solid var(--sueniverse-border);
	border-radius: 28px;
	box-shadow: var(--sueniverse-shadow);
}

.sueniverse-page-panel {
	padding: clamp(1.5rem, 4vw, 3rem);
}

.sueniverse-page-header {
	margin-bottom: clamp(1.5rem, 4vw, 2.5rem);
}

.sueniverse-page-kicker {
	color: var(--sueniverse-gold);
	font-family: var(--wp--preset--font-family--ui);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	margin-bottom: 0.8rem;
	text-transform: uppercase;
}

.sueniverse-page-panel .wp-block-post-title {
	margin-top: 0;
}

.sueniverse-page-panel .wp-block-post-featured-image img {
	border-radius: 22px;
}

.sueniverse-home {
	display: grid;
	gap: clamp(1.5rem, 3vw, 2rem);
}

.sueniverse-hero {
	overflow: hidden;
	padding: clamp(1.5rem, 4vw, 2.5rem);
	position: relative;
}

.sueniverse-hero::before,
.sueniverse-hero::after {
	content: "";
	position: absolute;
	pointer-events: none;
}

.sueniverse-hero::before {
	background:
		radial-gradient(circle at 22% 18%, rgba(221, 179, 92, 0.22), transparent 18%),
		radial-gradient(circle at 78% 14%, rgba(123, 181, 177, 0.16), transparent 14%),
		radial-gradient(circle at 50% 50%, rgba(217, 133, 143, 0.1), transparent 30%);
	inset: 0;
}

.sueniverse-hero::after {
	background: linear-gradient(180deg, rgba(8, 16, 29, 0) 55%, rgba(8, 16, 29, 0.72) 100%);
	inset: 0;
}

.sueniverse-hero__grid {
	align-items: end;
	display: grid;
	gap: 1.5rem;
	grid-template-columns: minmax(0, 1fr);
	min-height: min(76vh, 760px);
	position: relative;
	z-index: 1;
}

.sueniverse-hero__copy {
	max-width: 64rem;
	padding-top: clamp(2rem, 6vw, 5rem);
}

.sueniverse-kicker {
	color: var(--sueniverse-gold);
	font-family: var(--wp--preset--font-family--ui);
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	margin-bottom: 0.8rem;
	text-transform: uppercase;
}

.sueniverse-hero__copy h1 {
	font-size: clamp(2.8rem, 6.5vw, 5rem);
	line-height: 0.98;
	margin-bottom: 1rem;
	max-width: 13ch;
	text-wrap: balance;
}

.sueniverse-hero__copy p {
	color: rgba(244, 239, 230, 0.82);
	font-size: clamp(1.05rem, 1rem + 0.45vw, 1.35rem);
	max-width: 46rem;
}

.sueniverse-hero__actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 1.6rem;
}

.sueniverse-button-secondary .wp-block-button__link {
	background: transparent;
	border: 1px solid rgba(244, 239, 230, 0.22);
	color: var(--sueniverse-mist);
}

.sueniverse-scene-card {
	background: linear-gradient(180deg, rgba(14, 27, 46, 0.72), rgba(7, 16, 29, 0.82));
	border: 1px solid rgba(244, 239, 230, 0.12);
	border-radius: 26px;
	box-shadow: var(--sueniverse-shadow);
	display: grid;
	gap: 1rem;
	padding: 1.25rem;
	position: relative;
}

.sueniverse-scene-card__viewport {
	align-items: flex-end;
	background:
		radial-gradient(circle at 50% 18%, rgba(221, 179, 92, 0.2), transparent 20%),
		linear-gradient(180deg, rgba(41, 62, 101, 0.9) 0%, rgba(14, 27, 46, 0.95) 55%, rgba(8, 16, 29, 1) 100%);
	border: 1px solid rgba(249, 244, 207, 0.12);
	border-radius: 20px;
	min-height: 390px;
	overflow: hidden;
	padding: 1.2rem;
	position: relative;
}

.sueniverse-scene-card__viewport::before {
	background:
		radial-gradient(circle at 50% 82%, rgba(123, 181, 177, 0.16), transparent 26%),
		radial-gradient(circle at 15% 15%, rgba(255, 255, 255, 0.26) 0 1px, transparent 1.2px),
		radial-gradient(circle at 70% 28%, rgba(249, 244, 207, 0.35) 0 1.2px, transparent 1.4px);
	background-size: auto, 180px 180px, 220px 220px;
	content: "";
	inset: 0;
	opacity: 0.95;
	position: absolute;
}

.sueniverse-scene-card__viewport::after {
	background:
		radial-gradient(circle at 50% 100%, rgba(9, 20, 35, 0) 0%, rgba(9, 20, 35, 0.2) 42%, rgba(9, 20, 35, 1) 88%),
		linear-gradient(180deg, rgba(9, 20, 35, 0) 45%, rgba(9, 20, 35, 0.86) 100%);
	content: "";
	inset: 0;
	position: absolute;
}

.sueniverse-scene-card__orbs {
	display: flex;
	gap: 1.2rem;
	justify-content: space-between;
	position: relative;
	width: 100%;
	z-index: 1;
}

.sueniverse-scene-card__orb {
	background: radial-gradient(circle, rgba(249, 244, 207, 0.92) 0%, rgba(221, 179, 92, 0.92) 36%, rgba(221, 179, 92, 0.18) 64%, rgba(221, 179, 92, 0) 80%);
	border-radius: 999px;
	box-shadow: 0 0 24px rgba(221, 179, 92, 0.45);
	flex: 1;
	height: 3.4rem;
	max-width: 3.4rem;
	position: relative;
}

.sueniverse-scene-card__orb::before {
	background: linear-gradient(180deg, rgba(244, 239, 230, 0.45), rgba(244, 239, 230, 0));
	content: "";
	height: 130px;
	left: 50%;
	position: absolute;
	top: -130px;
	transform: translateX(-50%);
	width: 1px;
}

.sueniverse-scene-card__label {
	color: rgba(244, 239, 230, 0.72);
	font-family: var(--wp--preset--font-family--ui);
	font-size: 0.75rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.sueniverse-scene-card__title {
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.9rem, 4vw, 2.8rem);
	line-height: 1;
	margin: 0;
}

.sueniverse-scene-card__notes {
	color: rgba(233, 226, 216, 0.76);
	margin: 0;
}

.sueniverse-grid {
	display: grid;
	gap: clamp(1rem, 2vw, 1.5rem);
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sueniverse-card {
	background: var(--sueniverse-panel);
	border: 1px solid var(--sueniverse-border);
	border-radius: 24px;
	box-shadow: var(--sueniverse-shadow);
	overflow: hidden;
	padding: 1.35rem;
	position: relative;
}

.sueniverse-card::after {
	background: radial-gradient(circle, rgba(221, 179, 92, 0.16), transparent 68%);
	content: "";
	height: 8rem;
	pointer-events: none;
	position: absolute;
	right: -3.2rem;
	top: -3.4rem;
	width: 8rem;
}

.sueniverse-card__icon {
	align-items: center;
	background:
		linear-gradient(135deg, rgba(221, 179, 92, 0.26), rgba(123, 181, 177, 0.12)),
		rgba(8, 16, 29, 0.68);
	border: 1px solid rgba(221, 179, 92, 0.42);
	border-radius: 18px;
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.24);
	display: flex;
	height: 3.35rem;
	justify-content: center;
	margin-bottom: 1rem;
	position: relative;
	width: 3.35rem;
	z-index: 1;
}

.sueniverse-card__icon::before {
	background-color: var(--sueniverse-gold);
	content: "";
	height: 1.9rem;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
	width: 1.9rem;
}

.sueniverse-card__icon--characters::before {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}

.sueniverse-card__icon--places::before {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m16.24 7.76-2.12 6.36-6.36 2.12 2.12-6.36 6.36-2.12z'/%3E%3C/svg%3E");
}

.sueniverse-card__icon--adventures::before {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3H3z'/%3E%3C/svg%3E");
}

.sueniverse-card h2,
.sueniverse-card h3 {
	margin-top: 0.2rem;
}

.sueniverse-card p {
	color: rgba(233, 226, 216, 0.8);
}

.sueniverse-card__eyebrow {
	color: var(--sueniverse-gold);
	font-family: var(--wp--preset--font-family--ui);
	font-size: 0.76rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	margin-bottom: 0.65rem;
	text-transform: uppercase;
}

.sueniverse-journal-list {
	display: grid;
	gap: 1rem;
}

.sueniverse-journal-list .wp-block-post-template {
	display: grid;
	gap: 1rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sueniverse-journal-list .wp-block-post {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(244, 239, 230, 0.08);
	border-radius: 20px;
	display: grid;
	gap: 0.5rem;
	grid-template-columns: minmax(0, 1fr);
	padding: 1rem;
}

.sueniverse-journal-list .wp-block-post-featured-image {
	margin: 0;
}

.sueniverse-journal-list .wp-block-post-featured-image img {
	aspect-ratio: 16 / 9;
	border-radius: 10px;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.sueniverse-journal-list .wp-block-post-title {
	grid-column: 1 / -1;
	font-size: 1.35rem;
	line-height: 1.15;
	margin-bottom: 0;
	margin-top: 0;
	min-width: 0;
	overflow-wrap: anywhere;
}

.sueniverse-journal-list .wp-block-post-excerpt {
	margin: 0;
}

.sueniverse-journal-list .wp-block-post-excerpt__excerpt {
	margin-bottom: 0.45rem;
}

.sueniverse-journal-list:not(.sueniverse-moments-archive-list) .wp-block-post:has(.wp-block-post-featured-image) {
	align-items: start;
	column-gap: 1rem;
	grid-template-columns: clamp(8rem, 16vw, 13rem) minmax(0, 1fr);
	grid-template-rows: auto 1fr;
}

.sueniverse-journal-list:not(.sueniverse-moments-archive-list) .wp-block-post:has(.wp-block-post-featured-image) .wp-block-post-featured-image {
	grid-row: 1 / 3;
}

.sueniverse-journal-list:not(.sueniverse-moments-archive-list) .wp-block-post:has(.wp-block-post-featured-image) .wp-block-post-title,
.sueniverse-journal-list:not(.sueniverse-moments-archive-list) .wp-block-post:has(.wp-block-post-featured-image) .wp-block-post-excerpt {
	grid-column: 2;
}

.sueniverse-moments-archive-list .wp-block-post {
	gap: 1rem;
	padding: 1.25rem;
}

.sueniverse-moments-archive-list .wp-block-post-title {
	font-size: 1.6rem;
}

.sueniverse-moments-archive-list .wp-block-post-content {
	margin: 0;
}

.sueniverse-moments-archive-list .sueniverse-comic-carousel {
	margin: 0;
}

@media (max-width: 700px) {
	.sueniverse-journal-list:not(.sueniverse-moments-archive-list) .wp-block-post:has(.wp-block-post-featured-image) {
		grid-template-columns: minmax(0, 1fr);
	}

	.sueniverse-journal-list:not(.sueniverse-moments-archive-list) .wp-block-post:has(.wp-block-post-featured-image) .wp-block-post-featured-image,
	.sueniverse-journal-list:not(.sueniverse-moments-archive-list) .wp-block-post:has(.wp-block-post-featured-image) .wp-block-post-title,
	.sueniverse-journal-list:not(.sueniverse-moments-archive-list) .wp-block-post:has(.wp-block-post-featured-image) .wp-block-post-excerpt {
		grid-column: 1;
		grid-row: auto;
	}
}

.sueniverse-moments-quicklinks {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin: 1rem 0 1.5rem;
}

.sueniverse-moments-quicklinks a,
.sueniverse-moments-nav__button {
	align-items: center;
	background: rgba(7, 16, 28, 0.62);
	border: 1px solid rgba(244, 239, 230, 0.14);
	border-radius: 999px;
	color: var(--sueniverse-mist);
	cursor: pointer;
	display: inline-flex;
	font-family: var(--wp--preset--font-family--ui);
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	padding: 0.72rem 1rem;
	text-decoration: none;
	text-transform: uppercase;
}

.sueniverse-moments-quicklinks a:hover,
.sueniverse-moments-quicklinks a:focus-visible,
.sueniverse-moments-nav__button:hover,
.sueniverse-moments-nav__button:focus-visible {
	border-color: rgba(221, 179, 92, 0.42);
	color: var(--sueniverse-gold);
}

.sueniverse-moments-empty {
	color: rgba(244, 239, 230, 0.72);
	margin: 1rem 0 1.5rem;
}

.sueniverse-moments-nav {
	border-top: 1px solid rgba(244, 239, 230, 0.1);
	display: grid;
	gap: 1.25rem;
	margin-top: 2.25rem;
	padding-top: 1.5rem;
}

.sueniverse-moments-nav__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.sueniverse-moments-nav__button--ghost {
	background: transparent;
}

.sueniverse-moments-nav__adjacent,
.sueniverse-moments-related__grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sueniverse-moments-related h2 {
	font-size: clamp(1.8rem, 3vw, 2.35rem);
	margin-bottom: 0.9rem;
}

.sueniverse-moments-related__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sueniverse-moment-card {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(244, 239, 230, 0.08);
	border-radius: 20px;
	color: var(--sueniverse-mist);
	display: grid;
	gap: 0;
	grid-template-columns: 140px minmax(0, 1fr);
	overflow: hidden;
	text-decoration: none;
}

.sueniverse-moment-card:hover,
.sueniverse-moment-card:focus-visible {
	border-color: rgba(221, 179, 92, 0.35);
	color: var(--sueniverse-mist);
}

.sueniverse-moment-card__media {
	background: linear-gradient(180deg, rgba(27, 45, 73, 0.92), rgba(10, 20, 36, 1));
	display: block;
	min-height: 120px;
}

.sueniverse-moment-card__image {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.sueniverse-moment-card__placeholder {
	align-items: center;
	color: rgba(244, 239, 230, 0.62);
	display: flex;
	font-family: var(--wp--preset--font-family--ui);
	font-size: 0.76rem;
	height: 100%;
	justify-content: center;
	padding: 0.75rem;
	text-align: center;
	text-transform: uppercase;
}

.sueniverse-moment-card__body {
	display: grid;
	gap: 0.35rem;
	padding: 1rem;
}

.sueniverse-moment-card__label,
.sueniverse-moment-card__date {
	color: var(--sueniverse-gold);
	font-family: var(--wp--preset--font-family--ui);
	font-size: 0.74rem;
	font-weight: 700;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

.sueniverse-moment-card__date {
	color: rgba(244, 239, 230, 0.62);
}

.sueniverse-footer {
	margin: 0 auto;
	max-width: 1280px;
	padding: 0 0 2rem;
}

.sueniverse-footer__panel {
	background: rgba(7, 16, 28, 0.62);
	border: 1px solid var(--sueniverse-border);
	border-radius: 28px;
	padding: clamp(1.5rem, 3vw, 2rem);
}

.sueniverse-footer__small {
	color: rgba(233, 226, 216, 0.64);
	font-family: var(--wp--preset--font-family--ui);
	font-size: 0.8rem;
	letter-spacing: 0.06em;
}

.sueniverse-footer .wp-block-navigation-item__content {
	text-decoration: none;
}

@media (max-width: 980px) {
	.sueniverse-hero__grid,
	.sueniverse-grid {
		grid-template-columns: 1fr;
	}

	.sueniverse-scene-card__viewport {
		min-height: 300px;
	}
}

@media (max-width: 781px) {
	.sueniverse-topbar {
		border-radius: 28px;
		top: 0.65rem;
	}

	.sueniverse-main {
		padding-top: 1rem;
	}

	.sueniverse-hero {
		padding: 1.15rem;
	}

	.sueniverse-hero__copy h1 {
		font-size: clamp(2.1rem, 10vw, 3.1rem);
		line-height: 0.98;
		margin-bottom: 0.85rem;
		max-width: 14ch;
	}

	.sueniverse-scene-card {
		padding: 1rem;
	}

	.sueniverse-moments-nav__adjacent,
	.sueniverse-moments-related__grid {
		grid-template-columns: 1fr;
	}

	.sueniverse-moment-card {
		grid-template-columns: 96px minmax(0, 1fr);
	}

}

.sueniverse-lore-hub,
.sueniverse-lore-archive,
.sueniverse-lore-single {
	position: relative;
	overflow: hidden;
}

.sueniverse-lore-hub::before,
.sueniverse-lore-archive::before,
.sueniverse-lore-single::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at top right, rgba(221, 179, 92, 0.12), transparent 25%),
		radial-gradient(circle at left center, rgba(123, 181, 177, 0.10), transparent 22%);
	pointer-events: none;
}

.sueniverse-lore-lead {
	color: rgba(244, 239, 230, 0.82);
	font-size: clamp(1.05rem, 1rem + 0.4vw, 1.3rem);
	max-width: 48rem;
}

.sueniverse-lore-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin: 1.4rem 0 2rem;
}

.sueniverse-lore-grid {
	display: grid;
	gap: 1.25rem;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	position: relative;
	z-index: 1;
}

.sueniverse-lore-grid--hub {
	margin-top: 2rem;
}

.sueniverse-lore-card {
	background: rgba(8, 16, 29, 0.58);
	border: 1px solid rgba(244, 239, 230, 0.1);
	border-radius: 24px;
	overflow: hidden;
	box-shadow: var(--sueniverse-shadow);
}

.sueniverse-lore-card--gateway {
	padding: 1.35rem;
}

.sueniverse-lore-card__count,
.sueniverse-lore-card__eyebrow {
	color: var(--sueniverse-gold);
	font-family: var(--wp--preset--font-family--ui);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.sueniverse-lore-card__image {
	display: block;
	aspect-ratio: 4 / 3;
	background: linear-gradient(180deg, rgba(27, 45, 73, 0.92), rgba(10, 20, 36, 1));
}

.sueniverse-lore-card__image img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.sueniverse-lore-card__placeholder {
	align-items: center;
	color: rgba(244, 239, 230, 0.6);
	display: flex;
	height: 100%;
	justify-content: center;
	min-height: 220px;
	padding: 1rem;
	text-align: center;
}

.sueniverse-lore-card__body {
	padding: 1.2rem;
}

.sueniverse-lore-card h2,
.sueniverse-lore-card h2 a {
	color: var(--sueniverse-mist);
	text-decoration: none;
}

.sueniverse-lore-card__link {
	color: var(--sueniverse-gold);
	font-family: var(--wp--preset--font-family--ui);
	font-size: 0.84rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-decoration: none;
	text-transform: uppercase;
}

.sueniverse-lore-hero {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
	margin-top: 1.5rem;
	position: relative;
	z-index: 1;
}

.sueniverse-lore-hero__image {
	align-self: start;
}

.sueniverse-lore-subtitle {
	color: rgba(221, 179, 92, 0.9);
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.3rem, 1.2rem + 0.6vw, 1.7rem);
	font-style: italic;
	margin-top: -0.4rem;
}

.sueniverse-lore-hero__image img {
	border-radius: 24px;
	box-shadow: var(--sueniverse-shadow);
	display: block;
	height: auto;
	max-width: 100%;
	width: auto;
}

.sueniverse-lore-chips,
.sueniverse-lore-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1rem;
}

.sueniverse-lore-body {
	margin-top: 2rem;
	position: relative;
	z-index: 1;
}

.sueniverse-lore-copy {
	margin-bottom: 1.5rem;
}

.sueniverse-lore-copy > *:first-child {
	margin-top: 0;
}

.sueniverse-lore-aside {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(244, 239, 230, 0.08);
	border-radius: 22px;
	margin-top: 1rem;
	padding: 1.1rem 1.2rem;
}

.sueniverse-lore-meta-panel {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(244, 239, 230, 0.08);
	border-radius: 22px;
	margin-top: 1.5rem;
	padding: 1.1rem 1.2rem;
}

.sueniverse-lore-meta-panel section + section {
	border-top: 1px solid rgba(244, 239, 230, 0.08);
	margin-top: 1rem;
	padding-top: 1rem;
}

.sueniverse-lore-meta-panel h2 {
	font-size: 1.1rem;
	margin: 0 0 0.45rem;
}

.sueniverse-lore-meta-row {
	align-items: baseline;
	display: grid;
	gap: 0.45rem 0.8rem;
	grid-template-columns: minmax(7rem, 0.32fr) 1fr;
	margin: 0.55rem 0 0;
}

.sueniverse-lore-meta-row > span {
	color: rgba(221, 179, 92, 0.9);
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.sueniverse-lore-meta-row a {
	color: var(--sueniverse-cream);
	font-weight: 700;
}

.sueniverse-lore-meta-row .sueniverse-lore-links {
	margin-top: 0;
}

.sueniverse-lore-meta-panel p,
.sueniverse-lore-meta-panel blockquote {
	margin: 0;
}

.sueniverse-lore-empty {
	background: rgba(255, 255, 255, 0.04);
	border: 1px dashed rgba(244, 239, 230, 0.16);
	border-radius: 22px;
	padding: 2rem;
}

.sueniverse-creature-page h1 {
	margin-top: 0;
}

.sueniverse-creature-status {
	margin-top: 1.5rem;
}

.sueniverse-creature-status h3 {
	margin-top: 0;
}

.sueniverse-creature-status__note {
	color: rgba(244, 239, 230, 0.7);
	font-size: 0.95rem;
	margin-bottom: 0;
}

.sueniverse-creature-section-grid {
	display: grid;
	gap: 1.25rem;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	margin-bottom: 1.75rem;
}

.sueniverse-creature-section {
	height: 100%;
}

.sueniverse-creature-section p:last-child {
	margin-bottom: 0;
}

@media (max-width: 900px) {
	.sueniverse-lore-hero {
		grid-template-columns: 1fr;
	}
}
