@font-face {
	font-family: "InterTight";
	src: url("/_content/PokeMasterSets.UI/fonts/InterTight-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Lora";
	src: url("/_content/PokeMasterSets.UI/fonts/Lora-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "PokemonSolid";
	src: url("/_content/PokeMasterSets.UI/fonts/Pokemon-Solid.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "UnownTCG";
	src: url("/_content/PokeMasterSets.UI/fonts/UnownTCG.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

:root {
	/* Backgrounds */
	--bg0: #07080d;
	--bg1: #0d1018;
	--bg2: #10111a;
	/* Surfaces */
	--card: rgba(255, 255, 255, 0.06);
	--card2: rgba(255, 255, 255, 0.085);
	--panel: rgba(255, 255, 255, 0.06);
	--panel2: rgba(255, 255, 255, 0.045);
	/* Borders */
	--stroke: rgba(255, 255, 255, 0.08);
	/* Text */
	--text: rgba(255, 255, 255, 0.92);
	--muted: rgba(255, 255, 255, 0.72);
	--muted2: rgba(255, 255, 255, 0.52);
	/* Accent */
	--yellow: #ffd400;
	--gold: #c9a227;
	--gold2: #b88d18;
	--accent: #c9a227;
	--accent2: #b88d18;
	/* Status */
	--red: #e23b4c;
	--red2: #b5162b;
	/* Shadows */
	--shadow: 0 18px 55px rgba(0, 0, 0, 0.45);
	--shadow2: 0 14px 40px rgba(0, 0, 0, 0.38);
	--soft: 0 10px 20px rgba(0, 0, 0, 0.35);
	/* Radii */
	--r12: 12px;
	--r16: 16px;
	--r20: 20px;
	--r22: 22px;
	--r28: 28px;
}

* {
	box-sizing: border-box;
}

html, body {
	height: 100%;
	margin: 0;
	color: rgba(255,255,255,0.92);
	background: linear-gradient(135deg, #04040a, #080814, #120a0e, #07080f);
	background-size: 100% 100%;
	animation: none;
	background-attachment: fixed;
	font-family: "Lora", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

h1, h2, h3 {
	font-family: "InterTight", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	margin: 0;
}

h2 {
	font-size: 1.35rem;
	letter-spacing: 0.02em;
	margin-bottom: 1rem;
	color: rgba(255,255,255,0.92);
}

@keyframes gradientShift {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

a {
	color: inherit;
}

	a:hover {
		color: var(--accent);
	}

.page {
	width: 100%;
	margin: 0 auto;
}

p {
	margin: 0;
	color: var(--muted);
	line-height: 1.55;
}



* {
	box-sizing: border-box;
}

:focus-visible {
	outline: 2px solid rgba(201, 162, 39, 0.55);
	outline-offset: 3px;
	border-radius: 10px;
}

section {
	scroll-margin-top: 100px;
	margin: 3.25rem auto;
	padding: 2.25rem;
	max-width: 1200px;
	border-radius: var(--r22);
	border: 1px solid var(--stroke);
	background: linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.03));
	box-shadow: var(--soft);
	position: relative;
	overflow: hidden;
}

	section::before {
		display: none;
	}