/* Extracted page styles for dota3. */

/* community.html */
:root {
			--site-bg: #FFF8F9;
			--site-surface: #FFEAED;
			--site-text: #161011;
			--site-muted: #463638;
			--site-border: #F1D6DA;
			--site-primary: #EF5D7E;
			--site-on-primary: #000000;
			--site-secondary: #77A5A2;
			--site-on-secondary: #000000;
			--site-accent: #6CAAB8;
			--site-on-accent: #000000;
			--site-success: #22C55E;
			--site-warning: #F59E0B;
			--site-error: #EF4444;
			--site-info: #3B82F6;
			--color-bg: var(--site-bg);
			--color-surface: var(--site-surface);
			--color-text: var(--site-text);
			--color-muted: var(--site-muted);
			--color-border: var(--site-border);
			--color-primary: var(--site-primary);
			--color-on-primary: var(--site-on-primary);
			--color-secondary: var(--site-secondary);
			--color-on-secondary: var(--site-on-secondary);
			--color-accent: var(--site-accent);
			--color-on-accent: var(--site-on-accent);
			--color-success: var(--site-success);
			--color-warning: var(--site-warning);
			--color-error: var(--site-error);
			--color-info: var(--site-info);
		}
		@media (prefers-color-scheme: dark) {
			:root {
				--site-bg: #1C0409;
				--site-surface: #2C0E14;
				--site-text: #E8E3E4;
				--site-muted: #BFABAE;
				--site-border: #3D262A;
				--site-primary: #EEAFB8;
				--site-on-primary: #000000;
				--site-secondary: #AFDFDC;
				--site-on-secondary: #000000;
				--site-accent: #B8E6F1;
				--site-on-accent: #000000;
			}
		}
		html { scroll-behavior: smooth }
		body { margin: 0; font-family: 'Outfit', system-ui, sans-serif; background: var(--site-bg); color: var(--site-text); font-weight: 400 }
		h1, h2, h3, h4 { font-weight: 800; letter-spacing: -0.02em }
		a { text-decoration: none }

/* community.html */
@theme {
			--color-primary: var(--site-primary);
			--color-on-primary: var(--site-on-primary);
			--color-secondary: var(--site-secondary);
			--color-on-secondary: var(--site-on-secondary);
			--color-accent: var(--site-accent);
			--color-on-accent: var(--site-on-accent);
			--color-bg: var(--site-bg);
			--color-surface: var(--site-surface);
			--color-text: var(--site-text);
			--color-muted: var(--site-muted);
			--color-border: var(--site-border);
			--color-success: var(--site-success);
			--color-warning: var(--site-warning);
			--color-error: var(--site-error);
			--color-info: var(--site-info);
		}
		@utility cardsoft {
			border-radius: 20px;
			background: var(--site-surface);
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
			transition: box-shadow 0.35s ease;
			&:hover { box-shadow: 0 18px 42px rgba(0, 0, 0, 0.14) }
		}

/* community.html */
.community-page {
			overflow: hidden;
			background: var(--color-bg);
			color: var(--color-text);
		}

		.community-page *,
		.community-page *::before,
		.community-page *::after {
			box-sizing: border-box;
		}

		.community-page section {
			padding: 4rem 6vw;
		}

		.community-shell {
			width: min(1120px, 100%);
			margin-inline: auto;
		}

		.community-hero {
			display: grid;
			grid-template-columns: 1.05fr .95fr;
			align-items: center;
			gap: clamp(2rem, 5vw, 4.5rem);
			padding-block: clamp(3.5rem, 8vw, 6rem) 4rem;
		}

		.community-hero h1 {
			max-width: 12ch;
			margin: 0 0 1.25rem;
			font-size: clamp(2.8rem, 6vw, 5.2rem);
			font-weight: 800;
			line-height: .98;
			letter-spacing: -.055em;
		}

		.community-hero p,
		.section-intro {
			max-width: 58ch;
			color: var(--color-muted);
			font-size: 1.08rem;
			line-height: 1.7;
		}

		.community-hero p {
			margin: 0 0 1.75rem;
		}

		.community-kicker {
			display: inline-block;
			margin-bottom: 1rem;
			padding-bottom: 6px;
			border-bottom: 3px solid var(--color-primary);
			color: var(--color-muted);
			font-size: .78rem;
			font-weight: 600;
			letter-spacing: .12em;
			text-transform: uppercase;
		}

		.community-button {
			display: inline-flex;
			min-height: 48px;
			align-items: center;
			justify-content: center;
			gap: .65rem;
			padding: .8rem 1.35rem;
			border: 0;
			border-radius: 999px;
			background: var(--color-accent);
			color: var(--color-on-accent);
			font: inherit;
			font-weight: 600;
			box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
			transition: box-shadow .25s ease;
			cursor: pointer;
		}

		.community-button:hover {
			box-shadow: 0 14px 32px rgba(0, 0, 0, .16);
		}

		.community-button:focus-visible,
		.community-page a:focus-visible,
		.community-page input:focus-visible,
		.community-page select:focus-visible,
		.community-page textarea:focus-visible {
			outline: 3px solid var(--color-primary);
			outline-offset: 3px;
		}

		.community-hero-image {
			display: block;
			width: 100%;
			aspect-ratio: 1.15;
			object-fit: cover;
			border-radius: 32px;
			box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
		}

		.community-stats {
			width: 100vw;
			margin-left: calc(50% - 50vw);
			background: var(--color-secondary);
			color: var(--color-on-secondary);
		}

		.community-stats-grid {
			display: grid;
			grid-template-columns: repeat(4, minmax(0, 1fr));
			gap: 1rem;
			width: min(1120px, 100%);
			margin: auto;
		}

		.community-stat {
			padding: .5rem 1.75rem;
			border-left: 1px solid currentColor;
		}

		.community-stat:first-child {
			border-left: 0;
		}

		.community-stat strong {
			display: block;
			font-size: clamp(2.75rem, 5.5vw, 4rem);
			font-weight: 800;
			line-height: 1;
			white-space: nowrap;
		}

		.community-stat span {
			display: block;
			max-width: 22ch;
			margin-top: .75rem;
			font-size: .95rem;
			line-height: 1.45;
		}

		.community-section-heading {
			margin: 0;
			font-size: clamp(2rem, 4vw, 3.15rem);
			font-weight: 800;
			letter-spacing: -.04em;
			line-height: 1.05;
		}

		.community-section-heading + .section-intro {
			margin: 1rem 0 0;
		}

		.leaderboard-section {
			padding-top: 5rem;
		}

		.leaderboard-layout {
			display: grid;
			grid-template-columns: .8fr 1.2fr;
			align-items: start;
			gap: 3rem;
		}

		.leaderboard-table-wrap {
			overflow: hidden;
			border-radius: 20px;
			background: var(--color-surface);
			box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
		}

		.leaderboard-table {
			width: 100%;
			border-collapse: collapse;
			text-align: left;
		}

		.leaderboard-table caption {
			padding: 1.25rem 1.5rem .75rem;
			color: var(--color-muted);
			font-size: .88rem;
			text-align: left;
		}

		.leaderboard-table th,
		.leaderboard-table td {
			padding: .9rem 1.25rem;
			border-top: 1px solid var(--color-border);
		}

		.leaderboard-table th {
			color: var(--color-muted);
			font-size: .78rem;
			font-weight: 600;
			letter-spacing: .06em;
			text-transform: uppercase;
		}

		.leaderboard-table td:first-child {
			font-weight: 600;
		}

		.leaderboard-table td:not(:first-child),
		.leaderboard-table th:not(:first-child) {
			text-align: right;
		}

		.leaderboard-note {
			margin: 1.25rem 0 0;
			color: var(--color-muted);
			font-size: .92rem;
			line-height: 1.65;
		}

		.community-link {
			color: var(--color-text);
			font-weight: 600;
			text-decoration: underline;
			text-decoration-color: var(--color-primary);
			text-decoration-thickness: 2px;
			text-underline-offset: 4px;
		}

		.clubs-section {
			background: var(--color-surface);
			color: var(--color-text);
		}

		.clubs-layout {
			display: grid;
			grid-template-columns: .9fr 1.1fr;
			align-items: center;
			gap: clamp(2rem, 5vw, 4rem);
		}

		.clubs-image {
			display: block;
			width: 100%;
			aspect-ratio: 1.05;
			object-fit: cover;
			border-radius: 28px;
			box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
		}

		.club-types {
			display: flex;
			flex-wrap: wrap;
			gap: .6rem;
			margin: 1.5rem 0;
		}

		.club-tag {
			padding: .45rem .8rem;
			border-radius: 999px;
			background: var(--color-bg);
			color: var(--color-text);
			font-size: .9rem;
		}

		.clubs-copy p {
			color: var(--color-muted);
			line-height: 1.7;
		}

		.community-schedule {
			overflow-x: auto;
			margin-top: 2rem;
			border-radius: 20px;
			background: var(--color-surface);
			box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
			scrollbar-color: var(--color-secondary) var(--color-bg);
		}

		.schedule-list {
			min-width: 620px;
		}

		.schedule-row {
			display: grid;
			grid-template-columns: 145px 1fr;
			gap: 1.25rem;
			align-items: center;
			padding: 1.15rem 1.4rem;
			border-bottom: 1px solid var(--color-border);
		}

		.schedule-row:last-child {
			border-bottom: 0;
		}

		.schedule-day {
			font-weight: 600;
		}

		.schedule-events {
			display: flex;
			flex-wrap: wrap;
			gap: .65rem;
		}

		.schedule-event {
			display: inline-flex;
			align-items: center;
			gap: .5rem;
			padding: .55rem .8rem;
			border-radius: 999px;
			background: var(--color-bg);
			color: var(--color-text);
			font-size: .88rem;
		}

		.schedule-event i {
			color: var(--color-primary);
		}

		.schedule-note {
			margin: 1rem 0 0;
			color: var(--color-muted);
			font-size: .9rem;
		}

		.community-stats-echo {
			padding-block: 3rem;
		}

		.community-stats-echo .community-stats-grid {
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}

		.join-options {
			padding-top: 3.5rem;
		}

		.join-grid {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 1.25rem;
			margin-top: 2rem;
		}

		.join-card {
			display: flex;
			min-height: 220px;
			flex-direction: column;
			align-items: flex-start;
			padding: 1.6rem;
			border-radius: 20px;
			background: var(--color-surface);
			color: var(--color-text);
			box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
			transition: box-shadow .3s ease;
		}

		.join-card:hover {
			box-shadow: 0 18px 42px rgba(0, 0, 0, .14);
		}

		.community-icon {
			display: inline-block;
			margin-bottom: 1.1rem;
			padding-bottom: 6px;
			border-bottom: 3px solid var(--color-accent);
			color: var(--color-primary);
			font-size: 1.3rem;
		}

		.join-card h3 {
			margin: 0 0 .55rem;
			font-size: 1.2rem;
			font-weight: 800;
		}

		.join-card p {
			margin: 0 0 1.3rem;
			color: var(--color-muted);
			line-height: 1.55;
		}

		.join-card a {
			margin-top: auto;
		}

		.guidelines-section {
			padding-bottom: 4rem;
		}

		.guideline-grid {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 1rem;
			margin-top: 2rem;
		}

		.guideline-card {
			padding: 1.5rem;
			border-radius: 20px;
			background: var(--color-surface);
			color: var(--color-text);
			box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
		}

		.guideline-card h3 {
			margin: 0 0 .6rem;
			font-size: 1.12rem;
			font-weight: 800;
		}

		.guideline-card p {
			margin: 0;
			color: var(--color-muted);
			line-height: 1.6;
		}

		.guideline-links {
			display: flex;
			flex-wrap: wrap;
			gap: 1.25rem;
			margin-top: 1.5rem;
		}

		.report-section {
			padding-top: 3rem;
			padding-bottom: 5rem;
			background: var(--color-primary);
			color: var(--color-on-primary);
		}

		.report-shell {
			width: min(560px, 100%);
			margin: auto;
		}

		.report-shell .community-kicker {
			border-color: var(--color-on-primary);
			color: var(--color-on-primary);
		}

		.report-shell > p {
			margin: .8rem 0 1.7rem;
			line-height: 1.6;
		}

		.report-form {
			display: grid;
			gap: 1rem;
			padding: 1.5rem;
			border-radius: 20px;
			background: var(--color-bg);
			color: var(--color-text);
			box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
		}

		.report-form label {
			display: grid;
			gap: .45rem;
			font-size: .92rem;
			font-weight: 600;
		}

		.report-form input,
		.report-form select,
		.report-form textarea {
			width: 100%;
			padding: .75rem .85rem;
			border: 1px solid var(--color-border);
			border-radius: 12px;
			background: var(--color-bg);
			color: var(--color-text);
			font: inherit;
		}

		.report-form textarea {
			min-height: 112px;
			resize: vertical;
		}

		.report-form .community-button {
			justify-self: start;
		}

		@media (max-width: 900px) {
			.community-hero,
			.leaderboard-layout,
			.clubs-layout {
				grid-template-columns: 1fr;
			}

			.community-hero-image {
				max-height: 520px;
				aspect-ratio: 1.4;
			}

			.community-stats-grid,
			.community-stats-echo .community-stats-grid {
				grid-template-columns: repeat(2, minmax(0, 1fr));
				row-gap: 2.5rem;
			}

			.community-stat {
				padding: 1.25rem .5rem 0;
				border-top: 1px solid currentColor;
				border-left: 0;
			}

			.community-stat:first-child {
				border-top: 0;
			}

			.clubs-image {
				max-height: 480px;
				aspect-ratio: 1.45;
			}

			.join-grid,
			.guideline-grid {
				grid-template-columns: 1fr 1fr;
			}
		}

		@media (max-width: 600px) {
			.community-page section {
				padding: 3.25rem 1.25rem;
			}

			.community-hero {
				padding-top: 3.5rem;
			}

			.community-hero h1 {
				font-size: clamp(2.7rem, 12vw, 4rem);
			}

			.community-hero .community-button {
				width: 100%;
			}

			.community-stats {
				padding-inline: 1.25rem;
			}

			.community-stats-grid,
			.community-stats-echo .community-stats-grid {
				grid-template-columns: 1fr;
				row-gap: 1.5rem;
			}

			.community-stat,
			.community-stat:first-child {
				padding: 1rem 0 0;
				border-top: 1px solid currentColor;
			}

			.community-stat:first-child {
				border-top: 0;
			}

			.leaderboard-table thead {
				position: absolute;
				width: 1px;
				height: 1px;
				overflow: hidden;
				clip: rect(0, 0, 0, 0);
				white-space: nowrap;
				clip-path: inset(50%);
			}

			.leaderboard-table,
			.leaderboard-table tbody,
			.leaderboard-table tr,
			.leaderboard-table td {
				display: block;
				width: 100%;
			}

			.leaderboard-table tr {
				padding: .65rem 1.1rem;
				border-top: 1px solid var(--color-border);
			}

			.leaderboard-table td {
				display: flex;
				justify-content: space-between;
				gap: 1rem;
				padding: .35rem 0;
				border: 0;
				text-align: right;
			}

			.leaderboard-table td:first-child {
				justify-content: flex-start;
				font-size: 1.05rem;
			}

			.leaderboard-table td:nth-child(2)::before {
				content: 'Season points';
				color: var(--color-muted);
				font-weight: 400;
			}

			.leaderboard-table td:nth-child(3)::before {
				content: 'Matches played';
				color: var(--color-muted);
				font-weight: 400;
			}

			.join-grid,
			.guideline-grid {
				grid-template-columns: 1fr;
			}

			.join-card {
				min-height: 0;
			}

			.schedule-row {
				grid-template-columns: 105px 1fr;
				padding-inline: 1rem;
			}

			.report-form {
				padding: 1.15rem;
			}

			.report-form .community-button {
				width: 100%;
			}
		}

/* Inline style from community.html */
.extracted-community-html-1 { background: color-mix(in oklch, var(--site-bg) 90%, transparent); backdrop-filter: blur(12px) }

/* Inline style from community.html */
.extracted-community-html-1 { background: var(--site-bg) }

/* Inline style from community.html */
.extracted-community-html-1 { background: var(--site-surface); color: var(--site-text) }

/* game-catalog.html */
:root {
			--site-bg: #FFF8F9;
			--site-surface: #FFEAED;
			--site-text: #161011;
			--site-muted: #463638;
			--site-border: #F1D6DA;
			--site-primary: #EF5D7E;
			--site-on-primary: #000000;
			--site-secondary: #77A5A2;
			--site-on-secondary: #000000;
			--site-accent: #6CAAB8;
			--site-on-accent: #000000;
			--site-success: #22C55E;
			--site-warning: #F59E0B;
			--site-error: #EF4444;
			--site-info: #3B82F6;
			--color-bg: var(--site-bg);
			--color-surface: var(--site-surface);
			--color-text: var(--site-text);
			--color-muted: var(--site-muted);
			--color-border: var(--site-border);
			--color-primary: var(--site-primary);
			--color-on-primary: var(--site-on-primary);
			--color-secondary: var(--site-secondary);
			--color-on-secondary: var(--site-on-secondary);
			--color-accent: var(--site-accent);
			--color-on-accent: var(--site-on-accent);
			--color-success: var(--site-success);
			--color-warning: var(--site-warning);
			--color-error: var(--site-error);
			--color-info: var(--site-info);
		}
		@media (prefers-color-scheme: dark) {
			:root {
				--site-bg: #1C0409;
				--site-surface: #2C0E14;
				--site-text: #E8E3E4;
				--site-muted: #BFABAE;
				--site-border: #3D262A;
				--site-primary: #EEAFB8;
				--site-on-primary: #000000;
				--site-secondary: #AFDFDC;
				--site-on-secondary: #000000;
				--site-accent: #B8E6F1;
				--site-on-accent: #000000;
			}
		}
		html { scroll-behavior: smooth }
		body { margin: 0; font-family: 'Outfit', system-ui, sans-serif; background: var(--site-bg); color: var(--site-text); font-weight: 400 }
		h1, h2, h3, h4 { font-weight: 800; letter-spacing: -0.02em }
		a { text-decoration: none }

/* game-catalog.html */
@theme {
			--color-primary: var(--site-primary);
			--color-on-primary: var(--site-on-primary);
			--color-secondary: var(--site-secondary);
			--color-on-secondary: var(--site-on-secondary);
			--color-accent: var(--site-accent);
			--color-on-accent: var(--site-on-accent);
			--color-bg: var(--site-bg);
			--color-surface: var(--site-surface);
			--color-text: var(--site-text);
			--color-muted: var(--site-muted);
			--color-border: var(--site-border);
			--color-success: var(--site-success);
			--color-warning: var(--site-warning);
			--color-error: var(--site-error);
			--color-info: var(--site-info);
		}
		@utility cardsoft {
			border-radius: 20px;
			background: var(--site-surface);
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
			transition: box-shadow 0.35s ease;
			&:hover { box-shadow: 0 18px 42px rgba(0, 0, 0, 0.14) }
		}

/* game-catalog.html */
.catalog-page { overflow: hidden; background: var(--color-bg); color: var(--color-text); }
		.catalog-page * { box-sizing: border-box; }
		.catalog-shell { width: min(1320px, calc(100% - 48px)); margin-inline: auto; }
		.catalog-section { padding-block: 64px; }
		.catalog-kicker { display: inline-flex; align-items: center; gap: 10px; color: var(--color-muted); font-size: .76rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
		.catalog-kicker::before { width: 24px; height: 2px; background: var(--color-primary); content: ''; }
		.catalog-heading { margin: 12px 0 10px; font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; letter-spacing: -.04em; line-height: 1.08; }
		.catalog-intro { max-width: 62ch; color: var(--color-muted); line-height: 1.7; }
		.catalog-hero { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: clamp(32px, 6vw, 76px); padding-block: 64px; }
		.catalog-hero h1 { max-width: 13ch; margin: 14px 0 18px; font-size: clamp(2.8rem, 6vw, 5rem); font-weight: 800; letter-spacing: -.06em; line-height: .99; }
		.catalog-hero-copy p { max-width: 57ch; margin: 0 0 24px; color: var(--color-muted); font-size: 1.08rem; line-height: 1.7; }
		.catalog-hero-art { position: relative; }
		.catalog-hero-art img { display: block; width: 100%; aspect-ratio: 1.43; border-radius: 28px; object-fit: cover; box-shadow: 0 2px 4px rgba(0,0,0,.1); }
		.catalog-hero-art::after { position: absolute; right: -14px; bottom: -14px; z-index: -1; width: 46%; height: 50%; border-radius: 28px; background: var(--color-secondary); content: ''; }
		.catalog-actions, .catalog-shortcuts { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
		.catalog-button { display: inline-flex; justify-content: center; align-items: center; gap: 9px; min-height: 48px; padding: 12px 20px; border: 0; border-radius: 999px; background: var(--color-accent); color: var(--color-on-accent); font: inherit; font-weight: 600; cursor: pointer; box-shadow: 0 2px 4px rgba(0,0,0,.1); transition: box-shadow .25s ease; }
		.catalog-button:hover, .catalog-button:focus-visible { box-shadow: 0 14px 32px rgba(0,0,0,.16); }
		.catalog-button--primary { background: var(--color-primary); color: var(--color-on-primary); }
		.catalog-shortcuts { margin-top: 20px; gap: 9px; }
		.catalog-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 8px 14px; border: 1px solid var(--color-border); border-radius: 999px; background: var(--color-bg); color: var(--color-text); font-size: .88rem; font-weight: 500; cursor: pointer; }
		.catalog-chip:hover, .catalog-chip:focus-visible, .catalog-chip[aria-pressed='true'] { border-color: var(--color-primary); background: var(--color-surface); }
		.catalog-stats { width: 100%; padding: 58px max(24px, calc((100% - 1320px) / 2)); background: var(--color-primary); color: var(--color-on-primary); }
		.catalog-stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); align-items: start; }
		.catalog-stat { padding: 8px 28px; border-left: 1px solid currentColor; }
		.catalog-stat:first-child { border-left: 0; }
		.catalog-stat strong { display: block; font-size: clamp(2.75rem, 5.5vw, 4rem); font-weight: 800; line-height: 1; white-space: nowrap; }
		.catalog-stat span { display: block; max-width: 22ch; margin-top: 12px; font-size: .95rem; }
		.catalog-stat--light { opacity: .82; }
		.catalog-section-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 28px; }
		.catalog-section-head .catalog-intro { max-width: 44ch; }
		.catalog-feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; }
		.catalog-feature { height: auto; padding: 28px; border-radius: 20px; background: var(--color-surface); color: var(--color-text); box-shadow: 0 2px 4px rgba(0,0,0,.1); transition: box-shadow .3s ease; }
		.catalog-feature:hover, .catalog-game:hover, .catalog-spotlight-card:hover, .catalog-plan:hover, .catalog-quote:hover { box-shadow: 0 18px 42px rgba(0,0,0,.14); }
		.catalog-feature-icon { display: inline-block; padding-bottom: 8px; border-bottom: 3px solid var(--color-accent); color: var(--color-primary); font-size: 1.45rem; }
		.catalog-feature h3 { margin: 20px 0 8px; font-size: 1.2rem; font-weight: 800; }
		.catalog-feature p { margin: 0; color: var(--color-muted); line-height: 1.6; }
		.catalog-filter-panel { position: sticky; top: 80px; z-index: 2; margin-bottom: 28px; padding: 16px; border-radius: 20px; background: var(--color-bg); box-shadow: 0 2px 4px rgba(0,0,0,.1); }
		.catalog-filter-row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
		.catalog-filter-row + .catalog-filter-row { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--color-border); }
		.catalog-filter-label { min-width: 88px; color: var(--color-muted); font-size: .78rem; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; }
		.catalog-filter-scroll { display: flex; flex: 1; gap: 8px; overflow-x: auto; padding: 2px 0 5px; scrollbar-width: thin; }
		.catalog-clear { margin-left: auto; border: 0; background: transparent; color: var(--color-primary); font: inherit; font-size: .88rem; font-weight: 600; cursor: pointer; }
		.catalog-active-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; }
		.catalog-active-filters span { color: var(--color-muted); font-size: .84rem; }
		.catalog-search { display: flex; width: min(100%, 540px); min-height: 50px; margin-top: 24px; padding: 5px; border: 1px solid var(--color-border); border-radius: 999px; background: var(--color-bg); }
		.catalog-search input { flex: 1; min-width: 0; padding: 0 15px; border: 0; outline: 0; background: transparent; color: var(--color-text); font: inherit; }
		.catalog-search input::placeholder { color: var(--color-muted); }
		.catalog-search .catalog-button { min-height: 40px; padding: 9px 17px; }
		.catalog-game-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; }
		.catalog-game { overflow: hidden; height: auto; border-radius: 20px; background: var(--color-surface); color: var(--color-text); box-shadow: 0 2px 4px rgba(0,0,0,.1); transition: box-shadow .3s ease; }
		.catalog-game-art { position: relative; display: flex; min-height: 150px; justify-content: space-between; align-items: end; overflow: hidden; padding: 18px; background: linear-gradient(145deg, color-mix(in oklch, var(--color-primary) 52%, var(--color-surface)), var(--color-surface)); color: var(--color-text); }
		.catalog-game-art::before, .catalog-game-art::after { position: absolute; border: 1px solid color-mix(in oklch, var(--color-primary) 35%, transparent); border-radius: 50%; content: ''; }
		.catalog-game-art::before { top: -42px; right: -8px; width: 148px; height: 148px; }
		.catalog-game-art::after { top: 16px; right: 44px; width: 86px; height: 86px; }
		.catalog-game-art i { z-index: 1; color: var(--color-primary); font-size: 2rem; }
		.catalog-game-art span { z-index: 1; padding: 6px 10px; border-radius: 999px; background: var(--color-bg); color: var(--color-muted); font-size: .76rem; font-weight: 600; }
		.catalog-game-copy { padding: 18px; }
		.catalog-game-copy h3 { margin: 0 0 8px; font-size: 1.12rem; font-weight: 800; }
		.catalog-game-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; color: var(--color-muted); font-size: .84rem; }
		.catalog-game-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 16px; color: var(--color-primary); font-size: .88rem; font-weight: 600; }
		.catalog-about { display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: clamp(32px, 6vw, 78px); }
		.catalog-about img { display: block; width: 100%; aspect-ratio: 1.2; border-radius: 28px; object-fit: cover; box-shadow: 0 2px 4px rgba(0,0,0,.1); }
		.catalog-about-copy p { color: var(--color-muted); line-height: 1.75; }
		.catalog-spotlight-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 30px; }
		.catalog-spotlight-card { overflow: hidden; border-radius: 20px; background: var(--color-surface); box-shadow: 0 2px 4px rgba(0,0,0,.1); transition: box-shadow .3s ease; }
		.catalog-spotlight-art { display: grid; min-height: 150px; place-items: center; background: linear-gradient(135deg, var(--color-surface), color-mix(in oklch, var(--color-secondary) 42%, var(--color-bg))); color: var(--color-text); }
		.catalog-spotlight-art i { padding-bottom: 8px; border-bottom: 3px solid var(--color-accent); color: var(--color-primary); font-size: 2rem; }
		.catalog-spotlight-copy { padding: 22px; }
		.catalog-spotlight-copy h3 { margin: 0 0 8px; font-weight: 800; }
		.catalog-spotlight-copy p { display: -webkit-box; overflow: hidden; margin: 0; color: var(--color-muted); line-height: 1.6; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
		.catalog-spotlight-copy details { margin-top: 12px; color: var(--color-primary); font-size: .88rem; font-weight: 600; }
		.catalog-spotlight-copy details p { display: block; margin-top: 8px; color: var(--color-muted); font-weight: 400; }
		.catalog-club-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; color: var(--color-primary); font-weight: 600; }
		.catalog-stats--echo { padding-block: 44px; }
		.catalog-stats--echo .catalog-stat-grid { grid-template-columns: repeat(3, 1fr); }
		.catalog-stats--echo .catalog-stat strong { font-size: clamp(2.5rem, 4vw, 3.25rem); }
		.catalog-plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 28px; align-items: stretch; }
		.catalog-plan { display: flex; flex-direction: column; height: auto; padding: 28px; border-radius: 20px; background: var(--color-surface); color: var(--color-text); box-shadow: 0 2px 4px rgba(0,0,0,.1); transition: box-shadow .3s ease; }
		.catalog-plan--featured { background: var(--color-secondary); color: var(--color-on-secondary); }
		.catalog-plan-label { color: var(--color-muted); font-size: .8rem; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; }
		.catalog-plan--featured .catalog-plan-label, .catalog-plan--featured p, .catalog-plan--featured li { color: var(--color-on-secondary); }
		.catalog-plan h3 { margin: 10px 0 8px; font-size: 1.45rem; font-weight: 800; }
		.catalog-plan p { min-height: 3em; color: var(--color-muted); line-height: 1.55; }
		.catalog-plan ul { display: grid; gap: 10px; margin: 8px 0 24px; padding: 0; list-style: none; }
		.catalog-plan li { display: flex; align-items: start; gap: 9px; color: var(--color-muted); font-size: .92rem; }
		.catalog-plan li i { margin-top: 4px; }
		.catalog-plan .catalog-button { margin-top: auto; }
		.catalog-quotes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 28px; }
		.catalog-quote { height: auto; padding: 26px; border-radius: 20px; background: var(--color-surface); color: var(--color-text); box-shadow: 0 2px 4px rgba(0,0,0,.1); transition: box-shadow .3s ease; }
		.catalog-quote > i { display: inline-block; padding-bottom: 8px; border-bottom: 3px solid var(--color-accent); color: var(--color-primary); }
		.catalog-quote blockquote { margin: 18px 0; line-height: 1.65; }
		.catalog-quote cite { color: var(--color-muted); font-size: .9rem; font-style: normal; font-weight: 600; }
		.catalog-contact { padding: 64px 24px; border-radius: 28px; background: var(--color-surface); color: var(--color-text); }
		.catalog-contact-inner { width: min(560px, 100%); margin-inline: auto; text-align: center; }
		.catalog-contact-form { display: grid; gap: 14px; margin-top: 24px; text-align: left; }
		.catalog-contact-form label { display: grid; gap: 7px; color: var(--color-muted); font-size: .9rem; font-weight: 500; }
		.catalog-contact-form input, .catalog-contact-form textarea { width: 100%; padding: 13px 15px; border: 1px solid var(--color-border); border-radius: 14px; background: var(--color-bg); color: var(--color-text); font: inherit; }
		.catalog-contact-form textarea { min-height: 110px; resize: vertical; }
		.catalog-contact-form .catalog-button { justify-self: center; min-width: 190px; }
		.catalog-contact-strip { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px 22px; margin-top: 28px; color: var(--color-muted); font-size: .9rem; }
		.catalog-contact-strip a { color: var(--color-text); }
		@media (max-width: 900px) {
			.catalog-hero, .catalog-about { grid-template-columns: 1fr; }
			.catalog-hero { padding-block: 48px; }
			.catalog-hero-art { max-width: 680px; }
			.catalog-stat-grid, .catalog-stats--echo .catalog-stat-grid { grid-template-columns: 1fr 1fr; row-gap: 28px; }
			.catalog-stat { padding: 24px 8px 0; border-top: 1px solid currentColor; border-left: 0; }
			.catalog-stat:first-child { border-top: 0; }
			.catalog-spotlight-grid, .catalog-quotes { grid-template-columns: 1fr 1fr; }
			.catalog-plans { grid-template-columns: 1fr 1fr; }
		}
		@media (max-width: 600px) {
			.catalog-shell { width: min(100% - 32px, 1320px); }
			.catalog-section { padding-block: 48px; }
			.catalog-hero { gap: 28px; }
			.catalog-hero-copy p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
			.catalog-actions { align-items: stretch; }
			.catalog-actions .catalog-button { width: 100%; }
			.catalog-shortcuts { gap: 8px; }
			.catalog-stats { padding: 42px 16px; }
			.catalog-stat-grid, .catalog-stats--echo .catalog-stat-grid { grid-template-columns: 1fr; row-gap: 10px; }
			.catalog-stat { padding: 20px 8px 0; }
			.catalog-stat:first-child { padding-top: 0; border-top: 0; }
			.catalog-stat strong { font-size: 2.75rem; }
			.catalog-section-head { display: block; }
			.catalog-filter-panel { top: 72px; margin-inline: -4px; padding: 12px; }
			.catalog-filter-row { flex-wrap: nowrap; }
			.catalog-filter-label { display: none; }
			.catalog-filter-scroll { min-width: 0; }
			.catalog-clear { flex: 0 0 auto; padding: 8px 0 8px 6px; }
			.catalog-game-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
			.catalog-game-art { min-height: 118px; padding: 12px; }
			.catalog-game-art::before { right: -52px; }
			.catalog-game-art::after { right: 8px; }
			.catalog-game-copy { padding: 14px; }
			.catalog-game-copy h3 { font-size: 1rem; }
			.catalog-game-meta { display: grid; }
			.catalog-spotlight-grid, .catalog-quotes, .catalog-plans { grid-template-columns: 1fr; }
			.catalog-plan p { min-height: 0; }
			.catalog-contact { padding: 42px 20px; }
			.catalog-contact-strip { flex-direction: column; align-items: center; }
		}

/* Inline style from game-catalog.html */
.extracted-game-catalog-html-1 { background: color-mix(in oklch, var(--site-bg) 90%, transparent); backdrop-filter: blur(12px) }

/* Inline style from game-catalog.html */
.extracted-game-catalog-html-1 { background: var(--site-bg) }

/* Inline style from game-catalog.html */
.extracted-game-catalog-html-1 { margin-top:24px }

/* Inline style from game-catalog.html */
.extracted-game-catalog-html-1 { margin-inline:auto }

/* Inline style from game-catalog.html */
.extracted-game-catalog-html-1 { justify-content:center;margin-top:22px }

/* Inline style from game-catalog.html */
.extracted-game-catalog-html-1 { background: var(--site-surface); color: var(--site-text) }

/* index.html */
:root {
			--site-bg: #FFF8F9;
			--site-surface: #FFEAED;
			--site-text: #161011;
			--site-muted: #463638;
			--site-border: #F1D6DA;
			--site-primary: #EF5D7E;
			--site-on-primary: #000000;
			--site-secondary: #77A5A2;
			--site-on-secondary: #000000;
			--site-accent: #6CAAB8;
			--site-on-accent: #000000;
			--site-success: #22C55E;
			--site-warning: #F59E0B;
			--site-error: #EF4444;
			--site-info: #3B82F6;
			--color-bg: var(--site-bg);
			--color-surface: var(--site-surface);
			--color-text: var(--site-text);
			--color-muted: var(--site-muted);
			--color-border: var(--site-border);
			--color-primary: var(--site-primary);
			--color-on-primary: var(--site-on-primary);
			--color-secondary: var(--site-secondary);
			--color-on-secondary: var(--site-on-secondary);
			--color-accent: var(--site-accent);
			--color-on-accent: var(--site-on-accent);
			--color-success: var(--site-success);
			--color-warning: var(--site-warning);
			--color-error: var(--site-error);
			--color-info: var(--site-info);
		}
		@media (prefers-color-scheme: dark) {
			:root {
				--site-bg: #1C0409;
				--site-surface: #2C0E14;
				--site-text: #E8E3E4;
				--site-muted: #BFABAE;
				--site-border: #3D262A;
				--site-primary: #EEAFB8;
				--site-on-primary: #000000;
				--site-secondary: #AFDFDC;
				--site-on-secondary: #000000;
				--site-accent: #B8E6F1;
				--site-on-accent: #000000;
			}
		}
		html { scroll-behavior: smooth }
		body { margin: 0; font-family: 'Outfit', system-ui, sans-serif; background: var(--site-bg); color: var(--site-text); font-weight: 400 }
		h1, h2, h3, h4 { font-weight: 800; letter-spacing: -0.02em }
		a { text-decoration: none }

/* index.html */
@theme {
			--color-primary: var(--site-primary);
			--color-on-primary: var(--site-on-primary);
			--color-secondary: var(--site-secondary);
			--color-on-secondary: var(--site-on-secondary);
			--color-accent: var(--site-accent);
			--color-on-accent: var(--site-on-accent);
			--color-bg: var(--site-bg);
			--color-surface: var(--site-surface);
			--color-text: var(--site-text);
			--color-muted: var(--site-muted);
			--color-border: var(--site-border);
			--color-success: var(--site-success);
			--color-warning: var(--site-warning);
			--color-error: var(--site-error);
			--color-info: var(--site-info);
		}
		@utility cardsoft {
			border-radius: 20px;
			background: var(--site-surface);
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
			transition: box-shadow 0.35s ease;
			&:hover { box-shadow: 0 18px 42px rgba(0, 0, 0, 0.14) }
		}

/* index.html */
.home-page { overflow: hidden; }
		.home-page section { padding: 4.5rem 6vw; }
		.home-page .hero-section { display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; gap: clamp(2rem, 5vw, 4.5rem); padding-top: 5.5rem; padding-bottom: 4.5rem; background: var(--color-bg); color: var(--color-text); }
		.home-page .hero-copy { position: relative; z-index: 1; }
		.home-page .hero-copy::before { position: absolute; z-index: -1; content: ''; width: 19rem; height: 19rem; top: -5rem; left: -6rem; border-radius: 50%; background: radial-gradient(circle, color-mix(in oklch, var(--color-primary) 22%, transparent), transparent 70%); }
		.home-page h1, .home-page h2, .home-page h3 { font-weight: 800; letter-spacing: -.035em; }
		.home-page .hero-title { max-width: 12ch; margin: 0; font-size: clamp(2.75rem, 6vw, 5.25rem); line-height: .99; }
		.home-page .hero-copy p { max-width: 55ch; margin: 1.5rem 0 1.75rem; color: var(--color-muted); font-size: 1.08rem; line-height: 1.7; }
		.home-page .hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; }
		.home-page .button-primary, .home-page .button-secondary { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: .6rem; border-radius: 999px; padding: .8rem 1.35rem; font-weight: 600; transition: box-shadow .25s ease; }
		.home-page .button-primary { background: var(--color-accent); color: var(--color-on-accent); box-shadow: 0 2px 4px rgba(0,0,0,.1); }
		.home-page .button-primary:hover { box-shadow: 0 14px 32px rgba(0,0,0,.16); }
		.home-page .button-secondary { color: var(--color-text); }
		.home-page .button-secondary:hover { color: var(--color-primary); }
		.home-page .hero-art { position: relative; margin: 0; }
		.home-page .hero-art::after { position: absolute; z-index: -1; content: ''; inset: 12% -5% -5% 12%; border-radius: 2rem; background: var(--color-secondary); opacity: .42; }
		.home-page .hero-art img, .home-page .about-image img { display: block; width: 100%; height: auto; border-radius: 20px; object-fit: cover; box-shadow: 0 16px 42px rgba(30,10,15,.14); }
		.home-page .stats-band { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: start; padding-top: 4.5rem; padding-bottom: 4.5rem; background: var(--color-primary); color: var(--color-on-primary); }
		.home-page .stat { padding: .5rem 1.8rem; border-left: 1px solid currentColor; }
		.home-page .stat:first-child { border-left: 0; }
		.home-page .stat strong { display: block; font-size: clamp(2.75rem, 5.5vw, 4rem); font-weight: 800; line-height: 1; white-space: nowrap; letter-spacing: -.04em; }
		.home-page .stat span { display: block; max-width: 22ch; margin-top: .75rem; font-size: .95rem; }
		.home-page .stats-heading { grid-column: 1 / -1; margin: 0 0 1.8rem; font-size: clamp(1.5rem, 2.5vw, 2rem); }
		.home-page .content-heading { max-width: 700px; margin: 0 auto 2.5rem; text-align: center; }
		.home-page .content-heading h2 { margin: 0; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.05; }
		.home-page .content-heading p { margin: .85rem auto 0; color: var(--color-muted); }
		.home-page .features-section { background: var(--color-bg); color: var(--color-text); }
		.home-page .feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 1.5rem; }
		.home-page .feature-card, .home-page .plan-card, .home-page .quote-card { height: auto; border-radius: 20px; padding: 2rem; background: var(--color-surface); color: var(--color-text); box-shadow: 0 2px 4px rgba(0,0,0,.1); transition: box-shadow .3s ease; }
		.home-page .feature-card:hover, .home-page .plan-card:hover, .home-page .quote-card:hover { box-shadow: 0 18px 42px rgba(0,0,0,.14); }
		.home-page .feature-icon { display: inline-block; margin-bottom: 1.2rem; padding-bottom: .55rem; border-bottom: 3px solid var(--color-accent); color: var(--color-primary); font-size: 1.65rem; }
		.home-page .feature-card h3 { margin: 0 0 .7rem; font-size: 1.35rem; }
		.home-page .feature-card p { margin: 0; color: var(--color-muted); line-height: 1.65; }
		.home-page .about-section { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(2rem, 6vw, 5rem); background: var(--color-surface); color: var(--color-text); }
		.home-page .about-image { margin: 0; }
		.home-page .about-copy { max-width: 58ch; }
		.home-page .about-copy h2 { margin: 0 0 1rem; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.05; }
		.home-page .about-copy p { margin: 0 0 .9rem; color: var(--color-muted); line-height: 1.75; }
		.home-page .echo-band { grid-template-columns: repeat(3, minmax(0, 1fr)); padding-top: 3.5rem; padding-bottom: 3.5rem; background: var(--color-secondary); color: var(--color-on-secondary); }
		.home-page .echo-band .stats-heading { margin-bottom: 1.4rem; }
		.home-page .pricing-section { background: var(--color-bg); color: var(--color-text); }
		.home-page .plan-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 1.4rem; max-width: 1120px; margin: 0 auto; }
		.home-page .plan-card { display: flex; flex-direction: column; padding: 2rem; }
		.home-page .plan-card.featured { background: var(--color-primary); color: var(--color-on-primary); }
		.home-page .plan-card h3 { margin: 0; font-size: 1.5rem; }
		.home-page .plan-price { margin: .9rem 0 .35rem; font-size: 2.45rem; font-weight: 800; letter-spacing: -.04em; }
		.home-page .plan-price span { font-size: .95rem; font-weight: 500; letter-spacing: 0; }
		.home-page .plan-description { margin: 0 0 1rem; color: var(--color-muted); }
		.home-page .plan-card.featured .plan-description { color: var(--color-on-primary); }
		.home-page .plan-card ul { display: grid; gap: .7rem; margin: .4rem 0 1.7rem; padding: 0; list-style: none; }
		.home-page .plan-card li { display: flex; align-items: flex-start; gap: .6rem; line-height: 1.45; }
		.home-page .plan-card li i { margin-top: .25rem; }
		.home-page .plan-card .button-primary { margin-top: auto; width: 100%; }
		.home-page .plan-card.featured .button-primary { background: var(--color-secondary); color: var(--color-on-secondary); }
		.home-page .plan-link { display: block; width: fit-content; margin: 1.8rem auto 0; color: var(--color-muted); text-decoration: underline; text-underline-offset: 4px; }
		.home-page .quotes-section { background: var(--color-surface); color: var(--color-text); }
		.home-page .quote-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.4rem; }
		.home-page .quote-card { display: flex; flex-direction: column; }
		.home-page .quote-rating { display: flex; gap: .25rem; margin-bottom: 1rem; color: var(--color-primary); }
		.home-page .quote-card blockquote { margin: 0 0 1.3rem; line-height: 1.7; }
		.home-page .quote-card cite { margin-top: auto; color: var(--color-muted); font-size: .95rem; font-style: normal; }
		.home-page .contact-section { background: var(--color-bg); color: var(--color-text); }
		.home-page .contact-layout { display: grid; grid-template-columns: minmax(0, 560px) minmax(220px, 300px); justify-content: center; gap: clamp(2rem, 6vw, 5rem); align-items: start; }
		.home-page .contact-form { display: grid; gap: 1rem; }
		.home-page .contact-form label { display: grid; gap: .45rem; font-weight: 600; }
		.home-page .contact-form input, .home-page .contact-form select, .home-page .contact-form textarea { width: 100%; min-height: 48px; border: 1px solid var(--color-border); border-radius: 12px; padding: .8rem .9rem; background: var(--color-bg); color: var(--color-text); font: inherit; }
		.home-page .contact-form textarea { min-height: 140px; resize: vertical; }
		.home-page .contact-form .button-primary { width: 100%; border: 0; font: inherit; cursor: pointer; }
		.home-page .contact-notes { display: grid; gap: 1.25rem; padding-top: .2rem; }
		.home-page .contact-notes h3 { margin: 0 0 .35rem; font-size: 1.1rem; }
		.home-page .contact-notes p { margin: 0; color: var(--color-muted); line-height: 1.65; }
		.home-page .contact-notes a { color: var(--color-text); text-decoration: underline; text-underline-offset: 3px; }
		@media (max-width: 900px) {
			.home-page .hero-section, .home-page .about-section { grid-template-columns: 1fr; }
			.home-page .hero-section { padding-top: 4rem; }
			.home-page .stats-band, .home-page .echo-band { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 2.5rem; }
			.home-page .stat { padding: 1.5rem .5rem 0; border-top: 1px solid currentColor; border-left: 0; }
			.home-page .stat:first-child { border-top: 0; }
			.home-page .plan-grid { grid-template-columns: 1fr; max-width: 560px; }
			.home-page .plan-card.featured { order: -1; }
			.home-page .contact-layout { grid-template-columns: minmax(0, 560px); }
			.home-page .quote-grid { display: flex; gap: 1rem; overflow-x: auto; padding: 0 0 1rem; scroll-snap-type: x mandatory; }
			.home-page .quote-card { flex: 0 0 85%; scroll-snap-align: start; }
		}
		@media (max-width: 480px) {
			.home-page section { padding: 3.5rem 1.25rem; }
			.home-page .hero-section { gap: 2rem; }
			.home-page .hero-copy::before { display: none; }
			.home-page .hero-actions { align-items: stretch; flex-direction: column; }
			.home-page .button-primary, .home-page .button-secondary { width: 100%; min-height: 48px; }
			.home-page .stats-band, .home-page .echo-band { grid-template-columns: 1fr; row-gap: 1.5rem; padding-top: 3.5rem; padding-bottom: 3.5rem; }
			.home-page .stats-heading { margin-bottom: .5rem; }
			.home-page .stat, .home-page .stat:first-child { padding: 1.5rem .25rem 0; border-top: 1px solid currentColor; }
			.home-page .stat strong { font-size: 2.75rem; }
			.home-page .quote-card { flex-basis: 100%; }
			.home-page .feature-card, .home-page .plan-card, .home-page .quote-card { padding: 1.6rem; }
		}

/* Inline style from index.html */
.extracted-index-html-1 { background: color-mix(in oklch, var(--site-bg) 90%, transparent); backdrop-filter: blur(12px) }

/* Inline style from index.html */
.extracted-index-html-1 { background: var(--site-bg) }

/* Inline style from index.html */
.extracted-index-html-1 { background: var(--site-surface); color: var(--site-text) }

/* membership-plans.html */
:root {
			--site-bg: #FFF8F9;
			--site-surface: #FFEAED;
			--site-text: #161011;
			--site-muted: #463638;
			--site-border: #F1D6DA;
			--site-primary: #EF5D7E;
			--site-on-primary: #000000;
			--site-secondary: #77A5A2;
			--site-on-secondary: #000000;
			--site-accent: #6CAAB8;
			--site-on-accent: #000000;
			--site-success: #22C55E;
			--site-warning: #F59E0B;
			--site-error: #EF4444;
			--site-info: #3B82F6;
			--color-bg: var(--site-bg);
			--color-surface: var(--site-surface);
			--color-text: var(--site-text);
			--color-muted: var(--site-muted);
			--color-border: var(--site-border);
			--color-primary: var(--site-primary);
			--color-on-primary: var(--site-on-primary);
			--color-secondary: var(--site-secondary);
			--color-on-secondary: var(--site-on-secondary);
			--color-accent: var(--site-accent);
			--color-on-accent: var(--site-on-accent);
			--color-success: var(--site-success);
			--color-warning: var(--site-warning);
			--color-error: var(--site-error);
			--color-info: var(--site-info);
		}
		@media (prefers-color-scheme: dark) {
			:root {
				--site-bg: #1C0409;
				--site-surface: #2C0E14;
				--site-text: #E8E3E4;
				--site-muted: #BFABAE;
				--site-border: #3D262A;
				--site-primary: #EEAFB8;
				--site-on-primary: #000000;
				--site-secondary: #AFDFDC;
				--site-on-secondary: #000000;
				--site-accent: #B8E6F1;
				--site-on-accent: #000000;
			}
		}
		html { scroll-behavior: smooth }
		body { margin: 0; font-family: 'Outfit', system-ui, sans-serif; background: var(--site-bg); color: var(--site-text); font-weight: 400 }
		h1, h2, h3, h4 { font-weight: 800; letter-spacing: -0.02em }
		a { text-decoration: none }

/* membership-plans.html */
@theme {
			--color-primary: var(--site-primary);
			--color-on-primary: var(--site-on-primary);
			--color-secondary: var(--site-secondary);
			--color-on-secondary: var(--site-on-secondary);
			--color-accent: var(--site-accent);
			--color-on-accent: var(--site-on-accent);
			--color-bg: var(--site-bg);
			--color-surface: var(--site-surface);
			--color-text: var(--site-text);
			--color-muted: var(--site-muted);
			--color-border: var(--site-border);
			--color-success: var(--site-success);
			--color-warning: var(--site-warning);
			--color-error: var(--site-error);
			--color-info: var(--site-info);
		}
		@utility cardsoft {
			border-radius: 20px;
			background: var(--site-surface);
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
			transition: box-shadow 0.35s ease;
			&:hover { box-shadow: 0 18px 42px rgba(0, 0, 0, 0.14) }
		}

/* membership-plans.html */
.membership-page {
			overflow: hidden;
			color: var(--color-text);
		}
		.membership-page .page-wrap {
			width: min(1180px, calc(100% - 48px));
			margin-inline: auto;
		}
		.membership-page .section-pad {
			padding-block: 72px;
		}
		.membership-page .eyebrow {
			color: var(--color-muted);
			font-size: .78rem;
			font-weight: 600;
			letter-spacing: .12em;
			text-transform: uppercase;
		}
		.membership-page .hero-grid {
			display: grid;
			grid-template-columns: 1.05fr .95fr;
			align-items: center;
			gap: clamp(32px, 6vw, 76px);
		}
		.membership-page .hero-copy {
			max-width: 600px;
		}
		.membership-page .hero-copy h1 {
			margin: 14px 0 20px;
			font-size: clamp(2.5rem, 5.4vw, 4.7rem);
			font-weight: 800;
			line-height: .99;
			letter-spacing: -.055em;
		}
		.membership-page .hero-copy p,
		.membership-page .about-copy p {
			max-width: 54ch;
			color: var(--color-muted);
			font-size: 1.08rem;
			line-height: 1.7;
		}
		.membership-page .hero-image,
		.membership-page .about-image {
			display: block;
			width: 100%;
			height: auto;
			aspect-ratio: 4 / 3;
			object-fit: cover;
			border-radius: 28px;
			box-shadow: 0 12px 36px rgba(0, 0, 0, .12);
		}
		.membership-page .button-row {
			display: flex;
			flex-wrap: wrap;
			gap: 12px;
			margin-top: 26px;
		}
		.membership-page .button {
			display: inline-flex;
			min-height: 50px;
			align-items: center;
			justify-content: center;
			gap: 10px;
			padding: 12px 22px;
			border-radius: 999px;
			font-weight: 600;
			transition: box-shadow .25s ease, background-color .2s ease;
		}
		.membership-page .button:hover,
		.membership-page .plan-card:hover,
		.membership-page .quote-card:hover,
		.membership-page .feature-card:hover {
			box-shadow: 0 18px 42px rgba(0, 0, 0, .14);
		}
		.membership-page .button-primary {
			background: var(--color-accent);
			color: var(--color-on-accent);
			box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
		}
		.membership-page .button-secondary {
			border: 1px solid var(--color-border);
			background: var(--color-surface);
			color: var(--color-text);
		}
		.membership-page .full-bleed {
			width: 100vw;
			margin-left: calc(50% - 50vw);
		}
		.membership-page .stats-band {
			background: var(--color-primary);
			color: var(--color-on-primary);
		}
		.membership-page .stats-grid {
			display: grid;
			grid-template-columns: repeat(4, minmax(0, 1fr));
			padding: 68px max(6vw, calc((100vw - 1180px) / 2));
		}
		.membership-page .stat {
			padding: 8px 28px;
			border-left: 1px solid color-mix(in oklch, var(--color-on-primary) 30%, transparent);
		}
		.membership-page .stat:first-child {
			border-left: 0;
		}
		.membership-page .stat strong {
			display: block;
			font-size: clamp(2.75rem, 5.5vw, 4rem);
			font-weight: 800;
			line-height: 1;
			white-space: nowrap;
			letter-spacing: -.04em;
		}
		.membership-page .stat span {
			display: block;
			max-width: 22ch;
			margin-top: 12px;
			font-size: .95rem;
		}
		.membership-page .section-heading {
			max-width: 680px;
			margin-bottom: 32px;
		}
		.membership-page .section-heading h2,
		.membership-page .about-copy h2,
		.membership-page .cta-panel h2,
		.membership-page .contact-panel h2 {
			margin: 10px 0 12px;
			font-size: clamp(2rem, 4vw, 3.1rem);
			font-weight: 800;
			line-height: 1.05;
			letter-spacing: -.04em;
		}
		.membership-page .section-heading p,
		.membership-page .contact-panel > p {
			color: var(--color-muted);
			line-height: 1.65;
		}
		.membership-page .feature-grid {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 22px;
		}
		.membership-page .feature-card,
		.membership-page .plan-card,
		.membership-page .quote-card {
			height: auto;
			border-radius: 20px;
			background: var(--color-surface);
			color: var(--color-text);
			box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
			transition: box-shadow .3s ease;
		}
		.membership-page .feature-card {
			padding: 30px;
		}
		.membership-page .feature-icon {
			display: inline-block;
			padding-bottom: 8px;
			border-bottom: 3px solid var(--color-accent);
			color: var(--color-primary);
			font-size: 1.4rem;
		}
		.membership-page .feature-card h3 {
			margin: 20px 0 8px;
			font-size: 1.25rem;
			font-weight: 800;
		}
		.membership-page .feature-card p,
		.membership-page .plan-card p,
		.membership-page .quote-card p {
			color: var(--color-muted);
			line-height: 1.6;
		}
		.membership-page .about-grid {
			display: grid;
			grid-template-columns: .95fr 1.05fr;
			align-items: center;
			gap: clamp(32px, 6vw, 76px);
		}
		.membership-page .about-copy {
			padding-block: 12px;
		}
		.membership-page .echo-band {
			background: var(--color-secondary);
			color: var(--color-on-secondary);
		}
		.membership-page .echo-grid {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			padding: 56px max(6vw, calc((100vw - 1180px) / 2));
		}
		.membership-page .echo-stat {
			padding: 8px 28px;
			border-left: 1px solid color-mix(in oklch, var(--color-on-secondary) 30%, transparent);
		}
		.membership-page .echo-stat:first-child {
			border-left: 0;
		}
		.membership-page .echo-stat strong {
			display: block;
			font-size: clamp(2.75rem, 5vw, 3.7rem);
			font-weight: 800;
			line-height: 1;
			white-space: nowrap;
			letter-spacing: -.04em;
		}
		.membership-page .echo-stat span {
			display: block;
			margin-top: 10px;
			font-size: .95rem;
		}
		.membership-page .plans-grid {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			align-items: stretch;
			gap: 22px;
		}
		.membership-page .plan-card {
			position: relative;
			display: flex;
			flex-direction: column;
			padding: 30px;
		}
		.membership-page .plan-card.is-featured {
			outline: 2px solid var(--color-accent);
			box-shadow: 0 12px 32px rgba(0, 0, 0, .12);
		}
		.membership-page .plan-badge {
			align-self: flex-start;
			margin: -4px 0 16px;
			padding: 7px 12px;
			border-radius: 999px;
			background: var(--color-accent);
			color: var(--color-on-accent);
			font-size: .78rem;
			font-weight: 700;
		}
		.membership-page .plan-card h3 {
			margin: 0 0 4px;
			font-size: 1.45rem;
			font-weight: 800;
		}
		.membership-page .price {
			display: flex;
			align-items: baseline;
			gap: 6px;
			margin: 18px 0 2px;
		}
		.membership-page .price strong {
			font-size: 2.8rem;
			font-weight: 800;
			letter-spacing: -.05em;
		}
		.membership-page .price span,
		.membership-page .billing-note {
			color: var(--color-muted);
			font-size: .9rem;
		}
		.membership-page .billing-note {
			margin: 0 0 18px;
		}
		.membership-page .plan-card ul {
			display: grid;
			gap: 12px;
			margin: 18px 0 26px;
			padding: 0;
			list-style: none;
		}
		.membership-page .plan-card li {
			display: flex;
			align-items: flex-start;
			gap: 10px;
			line-height: 1.45;
		}
		.membership-page .plan-card li i {
			margin-top: 4px;
			color: var(--color-primary);
		}
		.membership-page .plan-card .button {
			width: 100%;
			margin-top: auto;
		}
		.membership-page .faq-list {
			display: grid;
			gap: 12px;
			max-width: 880px;
		}
		.membership-page .faq-list details {
			overflow: hidden;
			border-radius: 20px;
			background: var(--color-surface);
			color: var(--color-text);
			box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
		}
		.membership-page .faq-list summary {
			display: flex;
			min-height: 56px;
			align-items: center;
			justify-content: space-between;
			gap: 16px;
			padding: 16px 22px;
			cursor: pointer;
			font-weight: 600;
			list-style: none;
		}
		.membership-page .faq-list summary::-webkit-details-marker {
			display: none;
		}
		.membership-page .faq-list summary::after {
			content: '+';
			color: var(--color-primary);
			font-size: 1.35rem;
			font-weight: 500;
		}
		.membership-page .faq-list details[open] summary::after {
			content: '−';
		}
		.membership-page .faq-answer {
			padding: 0 22px 20px;
			color: var(--color-muted);
			line-height: 1.65;
		}
		.membership-page .quote-grid {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 22px;
		}
		.membership-page .quote-card {
			padding: 28px;
		}
		.membership-page .quote-card blockquote {
			margin: 0;
			font-size: 1.03rem;
			line-height: 1.65;
		}
		.membership-page .quote-card cite {
			display: block;
			margin-top: 18px;
			color: var(--color-muted);
			font-size: .9rem;
			font-style: normal;
			font-weight: 600;
		}
		.membership-page .cta-panel {
			padding: clamp(30px, 6vw, 58px);
			border-radius: 28px;
			background: var(--color-primary);
			color: var(--color-on-primary);
			text-align: center;
		}
		.membership-page .cta-panel p {
			max-width: 54ch;
			margin: 0 auto;
			line-height: 1.65;
		}
		.membership-page .cta-panel .button-row {
			justify-content: center;
		}
		.membership-page .cta-panel .button-secondary {
			border-color: color-mix(in oklch, var(--color-on-primary) 30%, transparent);
			background: transparent;
			color: var(--color-on-primary);
		}
		.membership-page .support-strip {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			gap: 10px 24px;
			margin-top: 28px;
			font-size: .92rem;
		}
		.membership-page .support-strip a {
			color: inherit;
			text-decoration: underline;
			text-underline-offset: 3px;
		}
		.membership-page .contact-panel {
			max-width: 560px;
			margin-inline: auto;
		}
		.membership-page .contact-form {
			display: grid;
			gap: 16px;
			margin-top: 24px;
		}
		.membership-page .contact-form label {
			display: grid;
			gap: 7px;
			font-size: .9rem;
			font-weight: 600;
		}
		.membership-page .contact-form input,
		.membership-page .contact-form textarea {
			width: 100%;
			border: 1px solid var(--color-border);
			border-radius: 14px;
			padding: 13px 15px;
			background: var(--color-surface);
			color: var(--color-text);
			font: inherit;
		}
		.membership-page .contact-form textarea {
			min-height: 120px;
			resize: vertical;
		}
		.membership-page .contact-form .button {
			border: 0;
			cursor: pointer;
			font: inherit;
		}
		@media (max-width: 900px) {
			.membership-page .hero-grid,
			.membership-page .about-grid {
				grid-template-columns: 1fr;
			}
			.membership-page .hero-copy {
				max-width: 700px;
			}
			.membership-page .stats-grid,
			.membership-page .echo-grid {
				grid-template-columns: repeat(2, minmax(0, 1fr));
				row-gap: 34px;
				padding-block: 56px;
			}
			.membership-page .stat,
			.membership-page .echo-stat {
				padding: 20px 8px 0;
				border-top: 1px solid color-mix(in oklch, currentColor 30%, transparent);
				border-left: 0;
			}
			.membership-page .feature-grid,
			.membership-page .quote-grid {
				grid-template-columns: repeat(2, minmax(0, 1fr));
			}
		}
		@media (max-width: 760px) {
			.membership-page .plans-grid {
				display: flex;
				flex-direction: column;
			}
			.membership-page .plan-card.is-featured {
				order: -1;
			}
		}
		@media (max-width: 480px) {
			.membership-page .page-wrap {
				width: min(100% - 36px, 1180px);
			}
			.membership-page .section-pad {
				padding-block: 52px;
			}
			.membership-page .hero-copy h1 {
				font-size: clamp(2.4rem, 12vw, 3.5rem);
			}
			.membership-page .stats-grid,
			.membership-page .echo-grid,
			.membership-page .feature-grid,
			.membership-page .quote-grid {
				grid-template-columns: 1fr;
			}
			.membership-page .stats-grid,
			.membership-page .echo-grid {
				row-gap: 24px;
				padding: 48px 28px;
			}
			.membership-page .stat,
			.membership-page .echo-stat {
				padding-top: 18px;
			}
			.membership-page .button-row {
				display: grid;
				grid-template-columns: 1fr;
			}
			.membership-page .button {
				width: 100%;
			}
			.membership-page .support-strip {
				display: grid;
				gap: 9px;
			}
		}

/* Inline style from membership-plans.html */
.extracted-membership-plans-html-1 { background: color-mix(in oklch, var(--site-bg) 90%, transparent); backdrop-filter: blur(12px) }

/* Inline style from membership-plans.html */
.extracted-membership-plans-html-1 { background: var(--site-bg) }

/* Inline style from membership-plans.html */
.extracted-membership-plans-html-1 { background: var(--site-surface); color: var(--site-text) }

/* player-account.html */
:root {
			--site-bg: #FFF8F9;
			--site-surface: #FFEAED;
			--site-text: #161011;
			--site-muted: #463638;
			--site-border: #F1D6DA;
			--site-primary: #EF5D7E;
			--site-on-primary: #000000;
			--site-secondary: #77A5A2;
			--site-on-secondary: #000000;
			--site-accent: #6CAAB8;
			--site-on-accent: #000000;
			--site-success: #22C55E;
			--site-warning: #F59E0B;
			--site-error: #EF4444;
			--site-info: #3B82F6;
			--color-bg: var(--site-bg);
			--color-surface: var(--site-surface);
			--color-text: var(--site-text);
			--color-muted: var(--site-muted);
			--color-border: var(--site-border);
			--color-primary: var(--site-primary);
			--color-on-primary: var(--site-on-primary);
			--color-secondary: var(--site-secondary);
			--color-on-secondary: var(--site-on-secondary);
			--color-accent: var(--site-accent);
			--color-on-accent: var(--site-on-accent);
			--color-success: var(--site-success);
			--color-warning: var(--site-warning);
			--color-error: var(--site-error);
			--color-info: var(--site-info);
		}
		@media (prefers-color-scheme: dark) {
			:root {
				--site-bg: #1C0409;
				--site-surface: #2C0E14;
				--site-text: #E8E3E4;
				--site-muted: #BFABAE;
				--site-border: #3D262A;
				--site-primary: #EEAFB8;
				--site-on-primary: #000000;
				--site-secondary: #AFDFDC;
				--site-on-secondary: #000000;
				--site-accent: #B8E6F1;
				--site-on-accent: #000000;
			}
		}
		html { scroll-behavior: smooth }
		body { margin: 0; font-family: 'Outfit', system-ui, sans-serif; background: var(--site-bg); color: var(--site-text); font-weight: 400 }
		h1, h2, h3, h4 { font-weight: 800; letter-spacing: -0.02em }
		a { text-decoration: none }

/* player-account.html */
@theme {
			--color-primary: var(--site-primary);
			--color-on-primary: var(--site-on-primary);
			--color-secondary: var(--site-secondary);
			--color-on-secondary: var(--site-on-secondary);
			--color-accent: var(--site-accent);
			--color-on-accent: var(--site-on-accent);
			--color-bg: var(--site-bg);
			--color-surface: var(--site-surface);
			--color-text: var(--site-text);
			--color-muted: var(--site-muted);
			--color-border: var(--site-border);
			--color-success: var(--site-success);
			--color-warning: var(--site-warning);
			--color-error: var(--site-error);
			--color-info: var(--site-info);
		}
		@utility cardsoft {
			border-radius: 20px;
			background: var(--site-surface);
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
			transition: box-shadow 0.35s ease;
			&:hover { box-shadow: 0 18px 42px rgba(0, 0, 0, 0.14) }
		}

/* player-account.html */
.account-main { overflow: hidden; background: var(--color-bg); color: var(--color-text) }
		.account-wrap { width: min(100% - 3rem, 1180px); margin-inline: auto }
		.account-section { padding-block: 4.5rem }
		.account-hero { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(2rem, 5vw, 4.5rem); align-items: center; padding-block: clamp(4rem, 8vw, 7rem) }
		.account-hero h1 { max-width: 12ch; margin: 1rem 0; font-size: clamp(2.7rem, 5.5vw, 5rem); font-weight: 800; line-height: .98; letter-spacing: -.055em }
		.account-hero p { max-width: 52ch; color: var(--color-muted); font-size: 1.08rem; line-height: 1.7 }
		.account-hero__image { width: 100%; aspect-ratio: 1.54; object-fit: cover; border-radius: 28px; box-shadow: 0 18px 48px rgba(0,0,0,.13) }
		.account-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.75rem }
		.account-button { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; min-height: 48px; padding: .75rem 1.25rem; border-radius: 999px; background: var(--color-accent); color: var(--color-on-accent); font-weight: 600; box-shadow: 0 2px 4px rgba(0,0,0,.1); transition: box-shadow .25s ease }
		.account-button:hover { box-shadow: 0 14px 32px rgba(0,0,0,.16) }
		.account-button--quiet { background: var(--color-surface); color: var(--color-text) }
		.account-note { display: flex; align-items: center; gap: .6rem; margin-top: 1.25rem; color: var(--color-muted); font-size: .93rem }
		.account-note i { color: var(--color-secondary) }
		.proof-band { width: 100%; padding: 4.5rem max(1.5rem, calc((100% - 1180px)/2)); background: var(--color-primary); color: var(--color-on-primary) }
		.proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); align-items: start }
		.proof-stat { padding: .5rem 2rem; border-left: 1px solid color-mix(in oklch, var(--color-on-primary) 28%, transparent) }
		.proof-stat:first-child { padding-left: 0; border-left: 0 }
		.proof-stat b { display: block; font-size: clamp(2.75rem, 5.5vw, 4rem); font-weight: 800; line-height: 1; white-space: nowrap; letter-spacing: -.045em }
		.proof-stat span { display: block; max-width: 22ch; margin-top: .8rem; font-size: .95rem }
		.section-heading { max-width: 700px; margin: 0 auto 2.5rem; text-align: center }
		.section-heading h2, .about-copy h2, .help-heading h2 { margin: 0 0 .8rem; font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 800; line-height: 1.05; letter-spacing: -.04em }
		.section-heading p, .about-copy p, .help-heading p { color: var(--color-muted); line-height: 1.7 }
		.feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem }
		.soft-card { border-radius: 20px; background: var(--color-surface); color: var(--color-text); box-shadow: 0 2px 4px rgba(0,0,0,.1); transition: box-shadow .3s ease }
		.soft-card:hover { box-shadow: 0 18px 42px rgba(0,0,0,.14) }
		.feature-card { padding: 2rem }
		.icon-mark { display: inline-block; margin-bottom: 1.15rem; padding-bottom: 7px; border-bottom: 3px solid var(--color-accent); color: var(--color-primary); font-size: 1.45rem }
		.feature-card h3, .library-copy h3, .option-card h3, .help-card h3 { margin: 0 0 .55rem; font-size: 1.25rem; font-weight: 800 }
		.feature-card p, .library-copy p, .option-card p, .help-card p { margin: 0; color: var(--color-muted); line-height: 1.65 }
		.account-about { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(2rem, 6vw, 5rem); align-items: center }
		.account-about__image { width: 100%; aspect-ratio: 1.2; object-fit: cover; border-radius: 28px; box-shadow: 0 2px 4px rgba(0,0,0,.1) }
		.about-copy h2 { max-width: 14ch }
		.about-copy p { max-width: 58ch }
		.library-list { display: grid; gap: .85rem; margin-top: 1.5rem }
		.library-row { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 1rem; align-items: center; padding: .75rem; border-radius: 16px; background: var(--color-surface); color: var(--color-text) }
		.library-thumb { display: grid; place-items: center; width: 64px; aspect-ratio: 1; border-radius: 14px; background: color-mix(in oklch, var(--color-secondary) 45%, var(--color-surface)); color: var(--color-on-secondary); font-size: 1.2rem }
		.library-copy h3 { margin-bottom: .35rem; font-size: 1rem }
		.progress-track { height: 7px; margin-top: .5rem; overflow: hidden; border-radius: 999px; background: var(--color-border) }
		.progress-fill { height: 100%; border-radius: inherit; background: var(--color-secondary) }
		.settings-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: .75rem; margin-top: 1.5rem }
		.settings-cell { padding: 1rem; border-radius: 16px; background: var(--color-surface); color: var(--color-text) }
		.settings-cell strong, .settings-cell span { display: block }
		.settings-cell strong { margin-bottom: .3rem; font-size: .94rem }
		.settings-cell span { color: var(--color-muted); font-size: .84rem }
		.echo-band { padding-block: 3.5rem; background: var(--color-secondary); color: var(--color-on-secondary) }
		.echo-band .proof-grid { grid-template-columns: repeat(3, 1fr) }
		.echo-band .proof-stat { border-color: color-mix(in oklch, var(--color-on-secondary) 28%, transparent) }
		.echo-band .proof-stat:first-child { padding-left: 0 }
		.echo-band .proof-stat b { font-size: clamp(2.75rem, 4.8vw, 3.6rem) }
		.access-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1.25rem; align-items: stretch }
		.option-card { padding: 2rem; display: flex; flex-direction: column }
		.option-card--featured { background: var(--color-primary); color: var(--color-on-primary) }
		.option-card--featured p, .option-card--featured li { color: var(--color-on-primary) }
		.option-card ul { display: grid; gap: .65rem; margin: 1.2rem 0 1.6rem; padding: 0; list-style: none }
		.option-card li { display: flex; gap: .55rem; color: var(--color-muted); font-size: .94rem }
		.option-card li i { margin-top: .25rem; color: var(--color-secondary) }
		.option-card--featured li i { color: var(--color-on-primary) }
		.option-card .account-button { margin-top: auto; align-self: flex-start }
		.quote-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1.25rem }
		.quote-card { padding: 1.75rem }
		.quote-card blockquote { margin: 0; line-height: 1.65 }
		.quote-card cite { display: block; margin-top: 1.1rem; color: var(--color-muted); font-size: .92rem; font-style: normal; font-weight: 600 }
		.quote-mark { margin-bottom: .8rem; color: var(--color-primary); font-size: 1.25rem }
		.help-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 2rem; align-items: start }
		.help-card { padding: 1.75rem; border-radius: 20px; background: var(--color-primary); color: var(--color-on-primary); box-shadow: 0 2px 4px rgba(0,0,0,.1) }
		.help-card p { color: var(--color-on-primary) }
		.help-card a { color: inherit; text-decoration: underline; text-underline-offset: 3px }
		.help-card address { margin-top: 1.2rem; font-style: normal; line-height: 1.6 }
		.help-questions { display: grid; gap: .7rem }
		.help-questions details { padding: 1rem 1.1rem; border-radius: 16px; background: var(--color-surface); color: var(--color-text) }
		.help-questions summary { cursor: pointer; font-weight: 600 }
		.help-questions p { margin: .75rem 0 0; color: var(--color-muted); line-height: 1.6 }
		.support-form { width: min(100%, 560px); margin: 3rem auto 0; padding: 2rem; border-radius: 20px; background: var(--color-surface); color: var(--color-text); box-shadow: 0 2px 4px rgba(0,0,0,.1) }
		.support-form h3 { margin: 0 0 .5rem; font-size: 1.4rem; font-weight: 800 }
		.support-form > p { margin: 0 0 1.3rem; color: var(--color-muted) }
		.form-field { display: grid; gap: .4rem; margin-bottom: 1rem; font-size: .92rem; font-weight: 500 }
		.form-field input, .form-field textarea { width: 100%; border: 1px solid var(--color-border); border-radius: 12px; padding: .8rem .9rem; background: var(--color-bg); color: var(--color-text); font: inherit }
		.form-field textarea { min-height: 112px; resize: vertical }
		@media (max-width: 900px) {
			.account-hero, .account-about, .help-layout { grid-template-columns: 1fr }
			.proof-grid, .echo-band .proof-grid { grid-template-columns: 1fr 1fr; row-gap: 2.25rem }
			.proof-stat, .echo-band .proof-stat { padding: 1.25rem .5rem 0; border-left: 0; border-top: 1px solid color-mix(in oklch, var(--color-on-primary) 28%, transparent) }
			.proof-stat:first-child, .echo-band .proof-stat:first-child { padding-left: .5rem; border-top: 0 }
			.echo-band .proof-stat { border-top-color: color-mix(in oklch, var(--color-on-secondary) 28%, transparent) }
			.feature-grid, .access-grid, .quote-grid { grid-template-columns: repeat(2, minmax(0,1fr)) }
			.account-hero__image { max-height: 520px }
		}
		@media (max-width: 600px) {
			.account-wrap { width: min(100% - 2rem, 1180px) }
			.account-section { padding-block: 3.25rem }
			.account-hero { padding-block: 3.25rem }
			.account-hero h1 { max-width: 11ch }
			.account-actions { display: grid; grid-template-columns: 1fr }
			.account-button { width: 100% }
			.account-actions .account-button:first-child { order: -1 }
			.proof-band { padding: 3rem 1rem }
			.proof-grid, .echo-band .proof-grid, .feature-grid, .access-grid, .quote-grid, .settings-grid { grid-template-columns: 1fr }
			.proof-grid, .echo-band .proof-grid { row-gap: 1.5rem }
			.proof-stat, .echo-band .proof-stat { padding: 1.2rem .4rem 0 }
			.proof-stat:first-child, .echo-band .proof-stat:first-child { padding-left: .4rem }
			.proof-stat b { font-size: 2.75rem }
			.library-row { grid-template-columns: 56px minmax(0,1fr); gap: .75rem }
			.library-thumb { width: 56px }
			.support-form { padding: 1.35rem }
		}

/* Inline style from player-account.html */
.extracted-player-account-html-1 { background: color-mix(in oklch, var(--site-bg) 90%, transparent); backdrop-filter: blur(12px) }

/* Inline style from player-account.html */
.extracted-player-account-html-1 { background: var(--site-bg) }

/* Inline style from player-account.html */
.extracted-player-account-html-1 { width:68% }

/* Inline style from player-account.html */
.extracted-player-account-html-1 { width:42% }

/* Inline style from player-account.html */
.extracted-player-account-html-1 { background: var(--site-surface); color: var(--site-text) }

/* privacy-policy.html */
:root {
			--site-bg: #FFF8F9;
			--site-surface: #FFEAED;
			--site-text: #161011;
			--site-muted: #463638;
			--site-border: #F1D6DA;
			--site-primary: #EF5D7E;
			--site-on-primary: #000000;
			--site-secondary: #77A5A2;
			--site-on-secondary: #000000;
			--site-accent: #6CAAB8;
			--site-on-accent: #000000;
			--site-success: #22C55E;
			--site-warning: #F59E0B;
			--site-error: #EF4444;
			--site-info: #3B82F6;
			--color-bg: var(--site-bg);
			--color-surface: var(--site-surface);
			--color-text: var(--site-text);
			--color-muted: var(--site-muted);
			--color-border: var(--site-border);
			--color-primary: var(--site-primary);
			--color-on-primary: var(--site-on-primary);
			--color-secondary: var(--site-secondary);
			--color-on-secondary: var(--site-on-secondary);
			--color-accent: var(--site-accent);
			--color-on-accent: var(--site-on-accent);
			--color-success: var(--site-success);
			--color-warning: var(--site-warning);
			--color-error: var(--site-error);
			--color-info: var(--site-info);
		}
		@media (prefers-color-scheme: dark) {
			:root {
				--site-bg: #1C0409;
				--site-surface: #2C0E14;
				--site-text: #E8E3E4;
				--site-muted: #BFABAE;
				--site-border: #3D262A;
				--site-primary: #EEAFB8;
				--site-on-primary: #000000;
				--site-secondary: #AFDFDC;
				--site-on-secondary: #000000;
				--site-accent: #B8E6F1;
				--site-on-accent: #000000;
			}
		}
		html { scroll-behavior: smooth }
		body { margin: 0; font-family: 'Outfit', system-ui, sans-serif; background: var(--site-bg); color: var(--site-text); font-weight: 400 }
		h1, h2, h3, h4 { font-weight: 800; letter-spacing: -0.02em }
		a { text-decoration: none }

/* privacy-policy.html */
@theme {
			--color-primary: var(--site-primary);
			--color-on-primary: var(--site-on-primary);
			--color-secondary: var(--site-secondary);
			--color-on-secondary: var(--site-on-secondary);
			--color-accent: var(--site-accent);
			--color-on-accent: var(--site-on-accent);
			--color-bg: var(--site-bg);
			--color-surface: var(--site-surface);
			--color-text: var(--site-text);
			--color-muted: var(--site-muted);
			--color-border: var(--site-border);
			--color-success: var(--site-success);
			--color-warning: var(--site-warning);
			--color-error: var(--site-error);
			--color-info: var(--site-info);
		}
		@utility cardsoft {
			border-radius: 20px;
			background: var(--site-surface);
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
			transition: box-shadow 0.35s ease;
			&:hover { box-shadow: 0 18px 42px rgba(0, 0, 0, 0.14) }
		}

/* privacy-policy.html */
.privacy-wrap{width:min(1180px,88vw);margin-inline:auto}
		.privacy-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;padding:clamp(3.5rem,8vw,7rem) 0 4rem}
		.privacy-hero h1{font-size:clamp(2.8rem,6vw,5rem);line-height:.98;max-width:10ch;margin:1rem 0}
		.privacy-hero p{max-width:56ch;color:var(--color-muted);font-size:1.08rem;line-height:1.75}
		.privacy-kicker{color:var(--color-muted);font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
		.privacy-photo{display:block;width:100%;height:auto;aspect-ratio:1.15;object-fit:cover;border-radius:32px;box-shadow:0 18px 42px rgba(0,0,0,.12)}
		.privacy-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.35rem;border-radius:999px;background:var(--color-accent);color:var(--color-on-accent);font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:box-shadow .3s ease}
		.privacy-button:hover{box-shadow:0 14px 30px rgba(0,0,0,.16)}
		.privacy-stats{width:100%;background:var(--color-primary);color:var(--color-on-primary);padding:4.5rem 6vw}
		.privacy-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1280px;margin:auto}
		.privacy-stat{padding:8px 28px;border-left:1px solid currentColor}
		.privacy-stat:first-child{border-left:0}
		.privacy-stat b{display:block;font-size:clamp(2.75rem,5.5vw,4rem);font-weight:800;line-height:1;white-space:nowrap}
		.privacy-stat span{display:block;max-width:22ch;margin-top:12px;font-size:.95rem}
		.privacy-section{padding:clamp(3rem,6vw,5rem) 0}
		.privacy-heading{max-width:760px;margin:0 auto 2rem;text-align:center}
		.privacy-heading h2,.privacy-copy h2{font-size:clamp(2rem,4vw,3rem);line-height:1.08;margin:.5rem 0 1rem}
		.privacy-heading p,.privacy-copy p{color:var(--color-muted);line-height:1.75}
		.privacy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
		.privacy-card{height:auto;padding:1.75rem;border-radius:20px;background:var(--color-surface);color:var(--color-text);box-shadow:0 2px 4px rgba(0,0,0,.1);transition:box-shadow .3s ease}
		.privacy-card:hover{box-shadow:0 18px 42px rgba(0,0,0,.14)}
		.privacy-card h3{font-size:1.25rem;margin:0 0 .65rem}
		.privacy-card p,.privacy-card li{color:var(--color-muted);line-height:1.65}
		.privacy-about{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,5rem);align-items:center;padding:2rem 0 5rem}
		.privacy-about img{width:100%;height:auto;aspect-ratio:1.1;object-fit:cover;border-radius:30px;box-shadow:0 2px 4px rgba(0,0,0,.1)}
		.privacy-about ul{padding-left:1.25rem;color:var(--color-muted);line-height:1.8}
		.privacy-echo{padding-block:3.25rem}
		.privacy-echo .privacy-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
		.privacy-actions .privacy-card{display:flex;flex-direction:column;align-items:flex-start}
		.privacy-actions .privacy-card:nth-child(2){background:var(--color-secondary);color:var(--color-on-secondary)}
		.privacy-actions .privacy-card:nth-child(2) p{color:var(--color-on-secondary)}
		.privacy-actions .privacy-card a{margin-top:auto;padding-top:1rem;color:inherit;text-decoration:underline;text-underline-offset:4px;font-weight:600;min-height:44px}
		.privacy-quote{font-size:1.15rem;line-height:1.6}
		.privacy-contact{max-width:720px;margin:0 auto;padding:clamp(2rem,5vw,3.5rem);border-radius:28px;background:var(--color-surface);color:var(--color-text);box-shadow:0 2px 4px rgba(0,0,0,.1)}
		.privacy-contact h2{font-size:clamp(2rem,4vw,2.7rem);margin:.4rem 0 1rem}
		.privacy-contact p{color:var(--color-muted);line-height:1.7}
		.privacy-contact-details{display:grid;gap:.65rem;margin:1.5rem 0;padding:1.2rem 0;border-block:1px solid var(--color-border)}
		.privacy-contact-details a{color:var(--color-text);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
		.privacy-form{display:grid;gap:1rem;margin-top:1.5rem}
		.privacy-form label{display:grid;gap:.4rem;font-weight:600}
		.privacy-form input,.privacy-form select,.privacy-form textarea{width:100%;padding:.8rem .9rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg);color:var(--color-text);font:inherit}
		.privacy-form textarea{min-height:120px;resize:vertical}
		.privacy-form input:focus,.privacy-form select:focus,.privacy-form textarea:focus{outline:2px solid var(--color-accent);outline-offset:2px}
		.privacy-note{font-size:.9rem}
		@media(max-width:900px){
			.privacy-hero,.privacy-about{grid-template-columns:1fr}
			.privacy-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2.5rem}
			.privacy-stat{border-left:0;border-top:1px solid currentColor;padding:1.5rem .5rem 0}
			.privacy-stat:first-child{border-top:0}
			.privacy-grid{grid-template-columns:1fr 1fr}
		}
		@media(max-width:600px){
			.privacy-wrap{width:min(100% - 2rem,1180px)}
			.privacy-grid{grid-template-columns:1fr}
			.privacy-stat-grid,.privacy-echo .privacy-stat-grid{grid-template-columns:1fr}
			.privacy-stat{padding:1.25rem .25rem 0}
			.privacy-stat:first-child{border-top:0}
			.privacy-stats{padding:3rem 1.25rem}
			.privacy-photo{aspect-ratio:1}
		}

/* Inline style from privacy-policy.html */
.extracted-privacy-policy-html-1 { background: color-mix(in oklch, var(--site-bg) 90%, transparent); backdrop-filter: blur(12px) }

/* Inline style from privacy-policy.html */
.extracted-privacy-policy-html-1 { background: var(--site-bg) }

/* Inline style from privacy-policy.html */
.extracted-privacy-policy-html-1 { background: var(--site-surface); color: var(--site-text) }

/* responsible-play.html */
:root {
			--site-bg: #FFF8F9;
			--site-surface: #FFEAED;
			--site-text: #161011;
			--site-muted: #463638;
			--site-border: #F1D6DA;
			--site-primary: #EF5D7E;
			--site-on-primary: #000000;
			--site-secondary: #77A5A2;
			--site-on-secondary: #000000;
			--site-accent: #6CAAB8;
			--site-on-accent: #000000;
			--site-success: #22C55E;
			--site-warning: #F59E0B;
			--site-error: #EF4444;
			--site-info: #3B82F6;
			--color-bg: var(--site-bg);
			--color-surface: var(--site-surface);
			--color-text: var(--site-text);
			--color-muted: var(--site-muted);
			--color-border: var(--site-border);
			--color-primary: var(--site-primary);
			--color-on-primary: var(--site-on-primary);
			--color-secondary: var(--site-secondary);
			--color-on-secondary: var(--site-on-secondary);
			--color-accent: var(--site-accent);
			--color-on-accent: var(--site-on-accent);
			--color-success: var(--site-success);
			--color-warning: var(--site-warning);
			--color-error: var(--site-error);
			--color-info: var(--site-info);
		}
		@media (prefers-color-scheme: dark) {
			:root {
				--site-bg: #1C0409;
				--site-surface: #2C0E14;
				--site-text: #E8E3E4;
				--site-muted: #BFABAE;
				--site-border: #3D262A;
				--site-primary: #EEAFB8;
				--site-on-primary: #000000;
				--site-secondary: #AFDFDC;
				--site-on-secondary: #000000;
				--site-accent: #B8E6F1;
				--site-on-accent: #000000;
			}
		}
		html { scroll-behavior: smooth }
		body { margin: 0; font-family: 'Outfit', system-ui, sans-serif; background: var(--site-bg); color: var(--site-text); font-weight: 400 }
		h1, h2, h3, h4 { font-weight: 800; letter-spacing: -0.02em }
		a { text-decoration: none }

/* responsible-play.html */
@theme {
			--color-primary: var(--site-primary);
			--color-on-primary: var(--site-on-primary);
			--color-secondary: var(--site-secondary);
			--color-on-secondary: var(--site-on-secondary);
			--color-accent: var(--site-accent);
			--color-on-accent: var(--site-on-accent);
			--color-bg: var(--site-bg);
			--color-surface: var(--site-surface);
			--color-text: var(--site-text);
			--color-muted: var(--site-muted);
			--color-border: var(--site-border);
			--color-success: var(--site-success);
			--color-warning: var(--site-warning);
			--color-error: var(--site-error);
			--color-info: var(--site-info);
		}
		@utility cardsoft {
			border-radius: 20px;
			background: var(--site-surface);
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
			transition: box-shadow 0.35s ease;
			&:hover { box-shadow: 0 18px 42px rgba(0, 0, 0, 0.14) }
		}

/* responsible-play.html */
.responsible-page { overflow: hidden; color: var(--color-text); background: var(--color-bg) }
		.responsible-page section { padding: 4.5rem max(1.25rem, 6vw) }
		.rp-wrap { width: min(1120px, 100%); margin-inline: auto }
		.rp-kicker { color: var(--color-primary); font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase }
		.rp-heading { max-width: 720px; margin: .55rem 0 1rem; font-size: clamp(2rem, 4vw, 3.35rem); font-weight: 800; line-height: 1.06; letter-spacing: -.04em }
		.rp-copy { max-width: 62ch; color: var(--color-muted); line-height: 1.7 }
		.rp-hero { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: clamp(2rem, 5vw, 4.5rem); padding-block: 5.5rem 4rem !important }
		.rp-hero h1 { max-width: 650px; margin: .65rem 0 1rem; font-size: clamp(2.8rem, 6vw, 5rem); font-weight: 800; line-height: .99; letter-spacing: -.055em }
		.rp-hero p { max-width: 55ch; color: var(--color-muted); font-size: 1.08rem; line-height: 1.7 }
		.rp-hero-image { display: block; width: 100%; aspect-ratio: 1.13; object-fit: cover; border-radius: 28px; box-shadow: 0 2px 4px rgba(0,0,0,.1) }
		.rp-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.6rem }
		.rp-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: .55rem; padding: .75rem 1.25rem; border-radius: 999px; background: var(--color-accent); color: var(--color-on-accent); font-weight: 700; box-shadow: 0 2px 4px rgba(0,0,0,.1); transition: box-shadow .25s ease }
		.rp-button:hover { box-shadow: 0 14px 30px rgba(0,0,0,.16) }
		.rp-button--quiet { border: 1px solid var(--color-border); background: var(--color-surface); color: var(--color-text) }
		.rp-band { width: 100vw; margin-inline: calc(50% - 50vw); background: var(--color-primary); color: var(--color-on-primary) }
		.rp-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; align-items: start; padding-block: 3.75rem !important }
		.rp-stat { min-width: 0; padding: .5rem 1.6rem; border-left: 1px solid currentColor }
		.rp-stat:first-child { border-left: 0 }
		.rp-stat strong { display: block; font-size: clamp(2.75rem, 5.5vw, 4rem); font-weight: 800; line-height: 1; white-space: nowrap }
		.rp-stat span { display: block; max-width: 22ch; margin-top: .75rem; font-size: .95rem; line-height: 1.4 }
		.rp-section-head { margin-bottom: 2rem }
		.rp-tools, .rp-options, .rp-questions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem }
		.rp-card { height: auto; padding: 1.75rem; border-radius: 20px; background: var(--color-surface); color: var(--color-text); box-shadow: 0 2px 4px rgba(0,0,0,.1); transition: box-shadow .3s ease }
		.rp-card:hover { box-shadow: 0 18px 42px rgba(0,0,0,.14) }
		.rp-icon { display: inline-block; padding-bottom: 7px; border-bottom: 3px solid var(--color-accent); color: var(--color-primary); font-size: 1.45rem }
		.rp-card h3 { margin: 1rem 0 .5rem; font-size: 1.2rem; font-weight: 800; letter-spacing: -.02em }
		.rp-card p, .rp-card li { color: var(--color-muted); line-height: 1.6 }
		.rp-card p { margin: 0 }
		.rp-card ul { display: grid; gap: .55rem; margin: 1rem 0 0; padding-left: 1.2rem }
		.rp-about { display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: clamp(2rem, 5vw, 4rem) }
		.rp-about img { display: block; width: 100%; aspect-ratio: 1.12; object-fit: cover; border-radius: 28px; box-shadow: 0 2px 4px rgba(0,0,0,.1) }
		.rp-steps { display: grid; gap: 1.4rem; margin: 1.5rem 0 0; padding: 0; list-style: none }
		.rp-steps li { display: grid; grid-template-columns: 46px 1fr; align-items: start; gap: 1rem }
		.rp-step-number { display: grid; width: 42px; height: 42px; place-items: center; border-bottom: 3px solid var(--color-accent); color: var(--color-primary); font-size: 1.15rem; font-weight: 800 }
		.rp-steps strong { display: block; margin-bottom: .2rem }
		.rp-steps span:last-child { color: var(--color-muted); line-height: 1.55 }
		.rp-echo { grid-template-columns: repeat(3, 1fr); padding-block: 3rem !important }
		.rp-echo .rp-stat { padding-inline: 2rem }
		.rp-echo .rp-stat strong { font-size: clamp(2.75rem, 4.5vw, 3.6rem) }
		.rp-options .rp-card { padding: 2rem }
		.rp-options .rp-card--featured { background: var(--color-secondary); color: var(--color-on-secondary) }
		.rp-options .rp-card--featured p, .rp-options .rp-card--featured li { color: var(--color-on-secondary) }
		.rp-question { padding: 1.6rem; border-radius: 20px; background: var(--color-surface); color: var(--color-text); box-shadow: 0 2px 4px rgba(0,0,0,.1) }
		.rp-question h3 { margin: 0 0 .6rem; font-weight: 800; font-size: 1.1rem }
		.rp-question p { margin: 0; color: var(--color-muted); line-height: 1.6 }
		.rp-contact { padding-block: 4.5rem !important }
		.rp-contact-panel { max-width: 560px; margin: auto; padding: clamp(1.5rem, 4vw, 2.5rem); border-radius: 20px; background: var(--color-surface); color: var(--color-text); box-shadow: 0 2px 4px rgba(0,0,0,.1) }
		.rp-form { display: grid; gap: 1rem; margin-top: 1.5rem }
		.rp-form label { display: grid; gap: .4rem; font-size: .92rem; font-weight: 600 }
		.rp-form input, .rp-form select, .rp-form textarea { width: 100%; min-height: 46px; padding: .7rem .8rem; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-bg); color: var(--color-text); font: inherit }
		.rp-form textarea { min-height: 120px; resize: vertical }
		.rp-contact-links { display: grid; gap: .6rem; margin-top: 1.3rem }
		.rp-contact-links a { min-height: 44px; display: inline-flex; align-items: center; gap: .6rem; color: var(--color-text); text-decoration: underline; text-underline-offset: 3px }
		.rp-address { color: var(--color-muted); line-height: 1.6 }
		.rp-commitments { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; margin-top: 2rem }
		.rp-commitment { padding: 1.5rem; border-radius: 20px; background: var(--color-surface); color: var(--color-text); box-shadow: 0 2px 4px rgba(0,0,0,.1) }
		.rp-commitment p { margin: .8rem 0 0; color: var(--color-muted); line-height: 1.6 }
		.rp-policy-links { display: flex; flex-wrap: wrap; gap: 1.25rem; margin-top: 1.5rem }
		.rp-policy-links a { color: var(--color-primary); font-weight: 700; text-decoration: underline; text-underline-offset: 3px }
		@media (max-width: 900px) {
			.rp-hero, .rp-about { grid-template-columns: 1fr }
			.rp-hero-image { max-height: 520px; aspect-ratio: 1.35 }
			.rp-stats, .rp-echo { grid-template-columns: repeat(2, 1fr); row-gap: 2.5rem }
			.rp-stat, .rp-echo .rp-stat { padding: 1.25rem .5rem 0; border: 0; border-top: 1px solid currentColor }
			.rp-stat:first-child { border-top: 0 }
			.rp-tools, .rp-options, .rp-questions { grid-template-columns: repeat(2, minmax(0, 1fr)) }
		}
		@media (max-width: 600px) {
			.responsible-page section { padding-block: 3.25rem }
			.rp-hero { padding-top: 3.5rem !important }
			.rp-tools, .rp-options, .rp-questions, .rp-commitments { grid-template-columns: 1fr }
			.rp-steps { gap: 2.5rem }
			.rp-actions { flex-direction: column }
			.rp-actions .rp-button { width: 100% }
			.rp-about img { aspect-ratio: 1.3 }
		}
		@media (max-width: 480px) {
			.rp-stats, .rp-echo { grid-template-columns: 1fr }
			.rp-stat, .rp-echo .rp-stat { padding: 1.2rem .5rem 0; border-top: 1px solid currentColor }
			.rp-stat:first-child { border-top: 0 }
		}

/* Inline style from responsible-play.html */
.extracted-responsible-play-html-1 { background: color-mix(in oklch, var(--site-bg) 90%, transparent); backdrop-filter: blur(12px) }

/* Inline style from responsible-play.html */
.extracted-responsible-play-html-1 { background: var(--site-bg) }

/* Inline style from responsible-play.html */
.extracted-responsible-play-html-1 { background: var(--site-surface); color: var(--site-text) }

/* terms-and-conditions.html */
:root {
			--site-bg: #FFF8F9;
			--site-surface: #FFEAED;
			--site-text: #161011;
			--site-muted: #463638;
			--site-border: #F1D6DA;
			--site-primary: #EF5D7E;
			--site-on-primary: #000000;
			--site-secondary: #77A5A2;
			--site-on-secondary: #000000;
			--site-accent: #6CAAB8;
			--site-on-accent: #000000;
			--site-success: #22C55E;
			--site-warning: #F59E0B;
			--site-error: #EF4444;
			--site-info: #3B82F6;
			--color-bg: var(--site-bg);
			--color-surface: var(--site-surface);
			--color-text: var(--site-text);
			--color-muted: var(--site-muted);
			--color-border: var(--site-border);
			--color-primary: var(--site-primary);
			--color-on-primary: var(--site-on-primary);
			--color-secondary: var(--site-secondary);
			--color-on-secondary: var(--site-on-secondary);
			--color-accent: var(--site-accent);
			--color-on-accent: var(--site-on-accent);
			--color-success: var(--site-success);
			--color-warning: var(--site-warning);
			--color-error: var(--site-error);
			--color-info: var(--site-info);
		}
		@media (prefers-color-scheme: dark) {
			:root {
				--site-bg: #1C0409;
				--site-surface: #2C0E14;
				--site-text: #E8E3E4;
				--site-muted: #BFABAE;
				--site-border: #3D262A;
				--site-primary: #EEAFB8;
				--site-on-primary: #000000;
				--site-secondary: #AFDFDC;
				--site-on-secondary: #000000;
				--site-accent: #B8E6F1;
				--site-on-accent: #000000;
			}
		}
		html { scroll-behavior: smooth }
		body { margin: 0; font-family: 'Outfit', system-ui, sans-serif; background: var(--site-bg); color: var(--site-text); font-weight: 400 }
		h1, h2, h3, h4 { font-weight: 800; letter-spacing: -0.02em }
		a { text-decoration: none }

/* terms-and-conditions.html */
@theme {
			--color-primary: var(--site-primary);
			--color-on-primary: var(--site-on-primary);
			--color-secondary: var(--site-secondary);
			--color-on-secondary: var(--site-on-secondary);
			--color-accent: var(--site-accent);
			--color-on-accent: var(--site-on-accent);
			--color-bg: var(--site-bg);
			--color-surface: var(--site-surface);
			--color-text: var(--site-text);
			--color-muted: var(--site-muted);
			--color-border: var(--site-border);
			--color-success: var(--site-success);
			--color-warning: var(--site-warning);
			--color-error: var(--site-error);
			--color-info: var(--site-info);
		}
		@utility cardsoft {
			border-radius: 20px;
			background: var(--site-surface);
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
			transition: box-shadow 0.35s ease;
			&:hover { box-shadow: 0 18px 42px rgba(0, 0, 0, 0.14) }
		}

/* terms-and-conditions.html */
.terms-page { color: var(--color-text); background: var(--color-bg); }
		.terms-shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
		.terms-hero { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(32px, 6vw, 76px); align-items: center; padding-block: 72px 60px; }
		.terms-hero-copy { max-width: 590px; }
		.terms-kicker { display: inline-flex; align-items: center; gap: 9px; color: var(--color-muted); font-size: .84rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
		.terms-kicker i { color: var(--color-primary); }
		.terms-hero h1 { margin: 18px 0 16px; font-size: clamp(2.7rem, 6vw, 4.8rem); line-height: .99; font-weight: 800; letter-spacing: -.055em; }
		.terms-hero p { max-width: 55ch; margin: 0; color: var(--color-muted); font-size: 1.08rem; line-height: 1.8; }
		.terms-cta { display: inline-flex; align-items: center; gap: 10px; margin-top: 28px; padding: 13px 21px; border-radius: 999px; background: var(--color-accent); color: var(--color-on-accent); font-weight: 600; box-shadow: 0 2px 4px rgba(0,0,0,.1); transition: box-shadow .25s ease; }
		.terms-cta:hover { box-shadow: 0 14px 32px rgba(0,0,0,.16); }
		.terms-hero-visual { position: relative; }
		.terms-hero-visual::before { position: absolute; z-index: 0; inset: 12% -5% -6% 12%; border-radius: 36px; background: var(--color-surface); content: ''; }
		.terms-hero-visual img { position: relative; display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 28px; box-shadow: 0 12px 34px rgba(35,12,17,.12); }
		.terms-proof { width: 100%; padding: 52px max(24px, calc((100% - 1180px) / 2)); background: var(--color-primary); color: var(--color-on-primary); }
		.terms-proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); align-items: start; }
		.terms-stat { min-width: 0; padding: 8px 26px; border-left: 1px solid currentColor; }
		.terms-stat:first-child { padding-left: 0; border-left: 0; }
		.terms-stat strong { display: block; font-size: clamp(2.75rem, 5.5vw, 4rem); font-weight: 800; line-height: 1; white-space: nowrap; letter-spacing: -.04em; }
		.terms-stat span { display: block; max-width: 22ch; margin-top: 12px; font-size: .94rem; line-height: 1.5; }
		.terms-content { display: grid; grid-template-columns: 245px minmax(0, 1fr); gap: clamp(36px, 6vw, 88px); align-items: start; padding-block: 72px; }
		.terms-index { position: sticky; top: 96px; }
		.terms-index h2 { margin: 0 0 18px; font-size: .82rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
		.terms-index nav { display: grid; gap: 5px; }
		.terms-index a { padding: 10px 12px; border-radius: 12px; color: var(--color-muted); font-size: .94rem; transition: background .2s ease, color .2s ease; }
		.terms-index a:hover, .terms-index a:focus-visible { background: var(--color-surface); color: var(--color-text); }
		.terms-mobile-index { display: none; }
		.terms-copy { min-width: 0; }
		.terms-block { scroll-margin-top: 100px; padding: 30px 0 34px; border-bottom: 1px solid var(--color-border); }
		.terms-block:first-child { padding-top: 0; }
		.terms-block h2 { margin: 0 0 16px; font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; letter-spacing: -.035em; }
		.terms-block h3 { margin: 25px 0 8px; font-size: 1.08rem; font-weight: 700; }
		.terms-block p, .terms-block li { max-width: 66ch; color: var(--color-muted); font-size: 1rem; line-height: 1.8; }
		.terms-block p { margin: 0 0 13px; }
		.terms-block p:last-child { margin-bottom: 0; }
		.terms-clauses { display: grid; gap: 14px; margin: 22px 0 0; padding: 0; list-style: none; counter-reset: clause; }
		.terms-clauses li { position: relative; padding: 17px 20px 17px 58px; border-radius: 18px; background: var(--color-surface); color: var(--color-muted); counter-increment: clause; }
		.terms-clauses li::before { position: absolute; top: 17px; left: 19px; color: var(--color-primary); font-size: .88rem; font-weight: 800; content: '0' counter(clause); }
		.terms-conduct-list { display: grid; gap: 15px; margin: 20px 0 0; padding-left: 22px; }
		.terms-conduct-list li { padding-left: 5px; }
		.terms-note { margin-top: 22px; padding: 18px 20px; border-radius: 18px; background: var(--color-surface); color: var(--color-text); }
		.terms-note p { margin: 0; }
		.terms-echo { padding: 42px max(24px, calc((100% - 1180px) / 2)); background: var(--color-secondary); color: var(--color-on-secondary); }
		.terms-echo-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
		.terms-echo .terms-stat { padding-block: 4px; }
		.terms-contact { padding: 72px 24px 84px; }
		.terms-contact-inner { max-width: 760px; margin: auto; padding: clamp(26px, 5vw, 48px); border-radius: 24px; background: var(--color-surface); color: var(--color-text); box-shadow: 0 2px 4px rgba(0,0,0,.1); text-align: center; }
		.terms-contact-inner h2 { margin: 0 0 12px; font-size: clamp(1.8rem, 4vw, 2.5rem); font-weight: 800; letter-spacing: -.04em; }
		.terms-contact-inner > p { max-width: 54ch; margin: 0 auto 24px; color: var(--color-muted); line-height: 1.7; }
		.terms-contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; text-align: left; }
		.terms-contact-item { padding: 18px; border-radius: 16px; background: var(--color-bg); color: var(--color-text); }
		.terms-contact-item h3 { margin: 0 0 7px; font-size: .88rem; font-weight: 700; }
		.terms-contact-item p, .terms-contact-item a { margin: 0; color: var(--color-muted); line-height: 1.6; overflow-wrap: anywhere; }
		.terms-contact-item a:hover { color: var(--color-text); text-decoration: underline; text-underline-offset: 3px; }
		.terms-contact-address { grid-column: 1 / -1; }
		@media (max-width: 900px) {
			.terms-hero { grid-template-columns: 1fr; }
			.terms-hero-copy { max-width: 680px; }
			.terms-proof-grid { grid-template-columns: 1fr 1fr; row-gap: 34px; }
			.terms-stat { padding: 22px 8px 0; border-top: 1px solid currentColor; border-left: 0; }
			.terms-stat:first-child { padding-left: 8px; }
			.terms-content { grid-template-columns: 1fr; gap: 25px; padding-top: 44px; }
			.terms-index { display: none; }
			.terms-mobile-index { display: block; position: sticky; z-index: 5; top: 78px; }
			.terms-mobile-index details { border: 1px solid var(--color-border); border-radius: 16px; background: var(--color-bg); color: var(--color-text); box-shadow: 0 2px 4px rgba(0,0,0,.08); }
			.terms-mobile-index summary { padding: 14px 17px; cursor: pointer; font-weight: 600; }
			.terms-mobile-index nav { display: grid; padding: 0 12px 12px; }
			.terms-mobile-index a { padding: 10px 6px; color: var(--color-muted); }
			.terms-echo-grid { grid-template-columns: 1fr 1fr; row-gap: 24px; }
			.terms-echo .terms-stat { border-top: 1px solid currentColor; }
		}
		@media (max-width: 480px) {
			.terms-shell { width: min(100% - 36px, 1180px); }
			.terms-hero { padding-block: 48px 42px; gap: 34px; }
			.terms-hero h1 { font-size: clamp(2.55rem, 13vw, 3.6rem); }
			.terms-proof { padding: 32px 24px; }
			.terms-proof-grid, .terms-echo-grid { grid-template-columns: 1fr; row-gap: 0; }
			.terms-stat, .terms-stat:first-child { padding: 20px 8px 8px; border-top: 1px solid currentColor; border-left: 0; }
			.terms-stat:first-child { border-top: 0; }
			.terms-echo { padding: 26px 24px; }
			.terms-content { padding-block: 32px; }
			.terms-block { padding-block: 25px; }
			.terms-clauses li { padding: 16px 16px 16px 45px; }
			.terms-clauses li::before { left: 14px; }
			.terms-contact { padding: 44px 18px 56px; }
			.terms-contact-grid { grid-template-columns: 1fr; }
			.terms-contact-address { grid-column: auto; }
		}

/* Inline style from terms-and-conditions.html */
.extracted-terms-and-conditions-html-1 { background: color-mix(in oklch, var(--site-bg) 90%, transparent); backdrop-filter: blur(12px) }

/* Inline style from terms-and-conditions.html */
.extracted-terms-and-conditions-html-1 { background: var(--site-bg) }

/* Inline style from terms-and-conditions.html */
.extracted-terms-and-conditions-html-1 { background: var(--site-surface); color: var(--site-text) }