/* Small post-load overrides (loaded after css/main.min.css) */

/* ROLEPLAY HUB = primary CTA */
#roleplayHubBtn.hero-choice__btn--hub {
	--hub-icon-size: 56px;

	/* Keep it in-brand: emerald/forest, not neon-blue */
	--btn-bg: linear-gradient(135deg, rgba(38, 82, 72, 0.96), rgba(18, 40, 34, 0.94));
	--btn-hover-bg: linear-gradient(135deg, rgba(62, 132, 112, 0.98), rgba(22, 58, 50, 0.95));
	--btn-border: rgba(196, 230, 205, 0.82);
	--btn-hover-border: rgba(230, 252, 238, 0.96);
	--btn-color: rgba(242, 255, 250, 0.98);
	--btn-hover-color: #ffffff;

	/* more readable + more "click me" */
	font-size: 20px;
	font-weight: 800;
	font-synthesis: none;
	letter-spacing: 0.18em;
	text-shadow: 0 10px 24px rgba(0, 0, 0, 0.42);

	/* reduce overall height */
	min-height: 60px;
	padding-top: 12px;
	padding-bottom: 12px;

	/* glow that feels premium, not tacky */
	box-shadow:
		0 22px 70px rgba(0, 0, 0, 0.44),
		0 18px 64px rgba(155, 192, 164, 0.22);

	animation: hubPulseGlow 3.2s ease-in-out infinite;
	will-change: box-shadow, filter;
}

#roleplayHubBtn.hero-choice__btn--hub:hover,
#roleplayHubBtn.hero-choice__btn--hub:focus-visible {
	filter: saturate(1.12) brightness(1.04);
}

/* Make focus ring feel "special" */
#roleplayHubBtn.hero-choice__btn--hub:focus-visible {
	box-shadow:
		0 0 0 3px rgba(255, 255, 255, 0.18),
		0 0 0 6px rgba(155, 192, 164, 0.22),
		0 22px 80px rgba(0, 0, 0, 0.48),
		0 18px 76px rgba(155, 192, 164, 0.26);
}

/* Sparkle layer (sit under text/icon) */
#roleplayHubBtn.hero-choice__btn--hub::before {
	content: '';
	position: absolute;
	inset: -2px;
	pointer-events: none;
	border-radius: inherit;
	z-index: 1;
}

/* Sparkles: tiny glints that gently twinkle */
#roleplayHubBtn.hero-choice__btn--hub::before {
	opacity: 0.85;
	background:
		radial-gradient(circle at 18% 38%, rgba(255, 255, 255, 0.55) 0 1px, transparent 2px),
		radial-gradient(circle at 28% 70%, rgba(255, 255, 255, 0.45) 0 1px, transparent 2px),
		radial-gradient(circle at 42% 30%, rgba(206, 252, 232, 0.52) 0 1px, transparent 2px),
		radial-gradient(circle at 56% 62%, rgba(255, 255, 255, 0.4) 0 1px, transparent 2px),
		radial-gradient(circle at 68% 36%, rgba(214, 248, 236, 0.5) 0 1px, transparent 2px),
		radial-gradient(circle at 78% 66%, rgba(255, 255, 255, 0.42) 0 1px, transparent 2px),
		radial-gradient(circle at 86% 40%, rgba(255, 255, 255, 0.35) 0 1px, transparent 2px);
	filter: blur(0.2px);
	mix-blend-mode: screen;
	animation: hubSparkle 2.6s ease-in-out infinite;
}

/* Icon inside the button */
#roleplayHubBtn .hub-btn__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--hub-icon-size);
	height: var(--hub-icon-size);
	color: rgba(255, 255, 255, 0.96);
	transform: translateY(-0.5px);
	transition: transform 0.16s ease, filter 0.16s ease;
	position: relative;
}

#roleplayHubBtn .hub-btn__icon,
#roleplayHubBtn .hub-btn__text {
	position: relative;
	z-index: 2;
}

#roleplayHubBtn .hub-btn__avatar {
	width: var(--hub-icon-size);
	height: var(--hub-icon-size);
	border-radius: 999px;
	display: block;
	object-fit: cover;
	box-shadow:
		0 10px 20px rgba(0, 0, 0, 0.35),
		inset 0 0 0 1px rgba(255, 255, 255, 0.22);
	filter: saturate(1.06) contrast(1.02);
	animation: hubAvatarWiggle 4.8s ease-in-out infinite;
}

#roleplayHubBtn:hover .hub-btn__icon,
#roleplayHubBtn:focus-visible .hub-btn__icon {
	transform: translateY(-1px) rotate(-6deg);
}

/* subtle wiggle on the primary CTA */
#roleplayHubBtn.hero-choice__btn--hub {
	animation: hubPulseGlow 3.2s ease-in-out infinite, hubBtnWiggle 5.4s ease-in-out infinite;
}

/* Give the hub button a little more room for the big icon */
#roleplayHubBtn.hero-choice__btn--hub {
	gap: 18px;
	padding-left: clamp(24px, 4.6vw, 40px);
	padding-right: clamp(24px, 4.6vw, 40px);
}

@keyframes hubPulseGlow {
<<<<<<< HEAD

=======
>>>>>>> 821c68377a67f569af233e2afa42115531208e12
	0%,
	100% {
		box-shadow:
			0 22px 70px rgba(0, 0, 0, 0.44),
			0 18px 64px rgba(155, 192, 164, 0.18);
	}
<<<<<<< HEAD

=======
>>>>>>> 821c68377a67f569af233e2afa42115531208e12
	50% {
		box-shadow:
			0 26px 86px rgba(0, 0, 0, 0.5),
			0 20px 78px rgba(196, 230, 205, 0.28);
	}
}

@keyframes hubSparkle {
<<<<<<< HEAD

	0%,
	100% {
		opacity: 0.55;
		transform: translate3d(0, 0, 0);
	}

	45% {
		opacity: 0.9;
		transform: translate3d(0, -1px, 0);
	}

	70% {
		opacity: 0.65;
		transform: translate3d(0, 0, 0);
	}
=======
	0%,
	100% { opacity: 0.55; transform: translate3d(0, 0, 0); }
	45% { opacity: 0.9; transform: translate3d(0, -1px, 0); }
	70% { opacity: 0.65; transform: translate3d(0, 0, 0); }
>>>>>>> 821c68377a67f569af233e2afa42115531208e12
}

@media (prefers-reduced-motion: reduce) {
	#roleplayHubBtn.hero-choice__btn--hub:not([data-force-motion="1"]) {
		animation: none !important;
	}
<<<<<<< HEAD

=======
>>>>>>> 821c68377a67f569af233e2afa42115531208e12
	#roleplayHubBtn.hero-choice__btn--hub:not([data-force-motion="1"])::before,
	#roleplayHubBtn.hero-choice__btn--hub:not([data-force-motion="1"])::after {
		animation: none !important;
		transform: none !important;
	}
<<<<<<< HEAD

=======
>>>>>>> 821c68377a67f569af233e2afa42115531208e12
	#roleplayHubBtn:not([data-force-motion="1"]) .hub-btn__icon {
		transition: none !important;
	}
}

/* Real animated sparkles (spawned by js/overrides.js) */
#roleplayHubBtn {
<<<<<<< HEAD
	isolation: isolate;
	/* keep blend modes contained */
=======
	isolation: isolate; /* keep blend modes contained */
>>>>>>> 821c68377a67f569af233e2afa42115531208e12
}

#roleplayHubBtn .hub-sparkle {
	position: absolute;
	left: var(--x, 50%);
	top: var(--y, 50%);
	width: var(--s, 14px);
	height: var(--s, 14px);
	transform: translate(-50%, -50%) rotate(var(--rot, 0deg));
	transform-origin: center;
	color: rgba(255, 255, 255, 0.92);
	opacity: 0;
	pointer-events: none;
	z-index: 3;
	filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.28));
	mix-blend-mode: screen;
	animation:
		hubSparklePop var(--dur, 1200ms) ease-out var(--del, 0ms) forwards,
		hubSparkleSpin var(--dur2, 1100ms) ease-in-out var(--del, 0ms) forwards;
}

#roleplayHubBtn .hub-sparkle svg {
	width: 100%;
	height: 100%;
	display: block;
}

@keyframes hubSparklePop {
	0% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(0.4) rotate(var(--rot, 0deg));
	}
<<<<<<< HEAD

=======
>>>>>>> 821c68377a67f569af233e2afa42115531208e12
	14% {
		opacity: 0.95;
		transform: translate(-50%, -50%) scale(1.1) rotate(var(--rot, 0deg));
	}
<<<<<<< HEAD

=======
>>>>>>> 821c68377a67f569af233e2afa42115531208e12
	100% {
		opacity: 0;
		transform: translate(calc(-50% + var(--dx, 0px)), calc(-50% - 18px)) scale(0.85) rotate(var(--rot, 0deg));
	}
}

@keyframes hubSparkleSpin {
<<<<<<< HEAD
	0% {
		filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.28));
	}

	55% {
		filter: drop-shadow(0 12px 22px rgba(0, 0, 0, 0.34)) brightness(1.06);
	}

	100% {
		filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.28));
	}
}

@keyframes hubAvatarWiggle {

	0%,
	100% {
		transform: rotate(0deg);
	}

	70% {
		transform: rotate(0deg);
	}

	74% {
		transform: rotate(-4deg);
	}

	78% {
		transform: rotate(3deg);
	}

	82% {
		transform: rotate(-2deg);
	}

	86% {
		transform: rotate(0deg);
	}
}

@keyframes hubBtnWiggle {

	0%,
	100% {
		transform: translateY(-0.5px) rotate(0deg);
	}

	48% {
		transform: translateY(-0.5px) rotate(0deg);
	}

	52% {
		transform: translateY(-1.5px) rotate(-0.7deg);
	}

	56% {
		transform: translateY(-0.5px) rotate(0.6deg);
	}

	60% {
		transform: translateY(-1.2px) rotate(-0.4deg);
	}

	64% {
		transform: translateY(-0.5px) rotate(0deg);
	}
=======
	0% { filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.28)); }
	55% { filter: drop-shadow(0 12px 22px rgba(0, 0, 0, 0.34)) brightness(1.06); }
	100% { filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.28)); }
}

@keyframes hubAvatarWiggle {
	0%,
	100% { transform: rotate(0deg); }
	70% { transform: rotate(0deg); }
	74% { transform: rotate(-4deg); }
	78% { transform: rotate(3deg); }
	82% { transform: rotate(-2deg); }
	86% { transform: rotate(0deg); }
}

@keyframes hubBtnWiggle {
	0%,
	100% { transform: translateY(-0.5px) rotate(0deg); }
	48% { transform: translateY(-0.5px) rotate(0deg); }
	52% { transform: translateY(-1.5px) rotate(-0.7deg); }
	56% { transform: translateY(-0.5px) rotate(0.6deg); }
	60% { transform: translateY(-1.2px) rotate(-0.4deg); }
	64% { transform: translateY(-0.5px) rotate(0deg); }
>>>>>>> 821c68377a67f569af233e2afa42115531208e12
}

@media (prefers-reduced-motion: reduce) {
	#roleplayHubBtn:not([data-force-motion="1"]) .hub-sparkle {
		display: none !important;
	}
<<<<<<< HEAD

	#roleplayHubBtn.hero-choice__btn--hub:not([data-force-motion="1"]) {
		animation: none !important;
	}

=======
	#roleplayHubBtn.hero-choice__btn--hub:not([data-force-motion="1"]) {
		animation: none !important;
	}
>>>>>>> 821c68377a67f569af233e2afa42115531208e12
	#roleplayHubBtn:not([data-force-motion="1"]) .hub-btn__avatar {
		animation: none !important;
	}
}

/* Sparkles in a global overlay layer (not clipped by button overflow) */
.hub-sparkle-layer {
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 9999;
}

.hub-sparkle-layer .hub-sparkle {
	position: absolute;
	left: var(--x, 50%);
	top: var(--y, 50%);
	width: var(--s, 14px);
	height: var(--s, 14px);
	transform: translate(-50%, -50%) rotate(var(--rot, 0deg));
	transform-origin: center;
	color: rgba(255, 255, 255, 0.92);
	opacity: 0;
	filter: drop-shadow(0 14px 30px rgba(0, 0, 0, 0.36));
	mix-blend-mode: screen;
	animation:
		hubSparklePop var(--dur, 1200ms) ease-out var(--del, 0ms) forwards,
		hubSparkleSpin var(--dur2, 1100ms) ease-in-out var(--del, 0ms) forwards;
}

.hub-sparkle-layer .hub-sparkle svg {
	width: 100%;
	height: 100%;
	display: block;
}

/* Bild Upload - Improved Readability with White Text */
.bilder-dropzone__title {
	color: rgba(255, 255, 255, 1) !important;
}

.bilder-dropzone__subtitle {
	color: rgba(255, 255, 255, 0.9) !important;
}

.bilder-dropzone__hint {
	color: rgba(255, 255, 255, 0.75) !important;
}

.bilder-queue__title {
	color: rgba(255, 255, 255, 1) !important;
}

.bilder-queue__meta {
	color: rgba(255, 255, 255, 0.85) !important;
}

.bilder-empty {
	color: rgba(255, 255, 255, 0.8) !important;
}

.bilder-item__name {
	color: rgba(255, 255, 255, 1) !important;
}

.bilder-item__sub {
	color: rgba(255, 255, 255, 0.85) !important;
}

.bilder-item__metadata-name,
.bilder-item__metadata-desc {
	color: rgba(255, 255, 255, 1) !important;
}

.bilder-item__metadata-name::placeholder,
.bilder-item__metadata-desc::placeholder {
	color: rgba(255, 255, 255, 0.6) !important;
}

.bilder-token-cost__label {
	color: rgba(255, 255, 255, 0.9) !important;
}

.bilder-token-cost__unit {
	color: rgba(255, 255, 255, 0.8) !important;
}

.bilder-legal__title {
	color: rgba(255, 255, 255, 1) !important;
}

.bilder-legal__subtitle {
	color: rgba(255, 255, 255, 0.9) !important;
}

.bilder-check__text {
	color: rgba(255, 255, 255, 0.95) !important;
}

.bilder-legal__info-title {
	color: rgba(255, 255, 255, 1) !important;
}

.bilder-legal__info-text {
	color: rgba(255, 255, 255, 0.85) !important;
}

.bilder-success__title {
	color: rgba(255, 255, 255, 1) !important;
}

.bilder-success__subtitle {
	color: rgba(255, 255, 255, 0.9) !important;
}

.bilder-success__links-title {
	color: rgba(255, 255, 255, 1) !important;
}

.bilder-success__textarea {
	color: rgba(255, 255, 255, 1) !important;
}

.bilder-success__gallery-name {
	color: rgba(255, 255, 255, 1) !important;
}

.bilder-success__gallery-url-input {
	color: rgba(255, 255, 255, 1) !important;
}

.bilder-results__title {
	color: rgba(255, 255, 255, 1) !important;
}

.bilder-results__textarea {
	color: rgba(255, 255, 255, 1) !important;
}

.bilder-results__hint {
	color: rgba(255, 255, 255, 0.85) !important;
}

.bilder-preview__name {
	color: rgba(255, 255, 255, 1) !important;
}

.bilder-item__right {
	color: rgba(255, 255, 255, 0.95) !important;
}

.bilder-check__text {
	color: rgba(255, 255, 255, 0.95) !important;
}

.bilder-format__btn {
	color: rgba(255, 255, 255, 0.85) !important;
}

.bilder-format__btn:hover:not(.is-active) {
	color: rgba(255, 255, 255, 0.95) !important;
}

.bilder-format__btn.is-active {
	color: rgba(255, 255, 255, 1) !important;
}

/* Bild Upload URL Display */
.bilder-item__url {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
	padding: 8px 12px;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	transition: background 0.2s ease, border-color 0.2s ease;
}

.bilder-item__url:hover {
	background: rgba(0, 0, 0, 0.4);
	border-color: rgba(255, 255, 255, 0.3);
}

.bilder-item__url-input {
	flex: 1;
	min-width: 0;
	padding: 6px 10px;
	font-size: 13px;
	font-family: 'Roboto Mono', 'Courier New', monospace;
	color: rgba(255, 255, 255, 1) !important;
	background: rgba(0, 0, 0, 0.4);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 4px;
	outline: none;
	cursor: text;
	transition: border-color 0.2s ease, background 0.2s ease;
}

.bilder-item__url-input:focus {
	border-color: rgba(155, 192, 164, 0.7);
	background: rgba(0, 0, 0, 0.5);
}

.bilder-item__url-input::selection {
	background: rgba(155, 192, 164, 0.4);
}

.bilder-item__url-copy {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	background: rgba(155, 192, 164, 0.2);
	border: 1px solid rgba(155, 192, 164, 0.4);
	border-radius: 4px;
	color: rgba(255, 255, 255, 0.95) !important;
	cursor: pointer;
	transition: all 0.2s ease;
	flex-shrink: 0;
}

.bilder-item__url-copy:hover {
	background: rgba(155, 192, 164, 0.3);
	border-color: rgba(155, 192, 164, 0.6);
	color: rgba(255, 255, 255, 1) !important;
	transform: scale(1.05);
}

.bilder-item__url-copy:active {
	transform: scale(0.95);
}

.bilder-item__url-copy svg {
	width: 16px;
	height: 16px;
	stroke: currentColor;
}

.bilder-item.is-done .bilder-item__url {
	animation: bilderUrlSlideIn 0.3s ease-out;
}

@keyframes bilderUrlSlideIn {
	from {
		opacity: 0;
		transform: translateY(-4px);
	}
<<<<<<< HEAD

=======
>>>>>>> 821c68377a67f569af233e2afa42115531208e12
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Loading Animation for Upload */
.bilder-app.is-uploading {
	position: relative;
}

.bilder-app.is-uploading::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
<<<<<<< HEAD
	background: linear-gradient(90deg,
			transparent,
			rgba(155, 192, 164, 0.6),
			rgba(155, 192, 164, 0.9),
			rgba(155, 192, 164, 0.6),
			transparent);
=======
	background: linear-gradient(90deg, 
		transparent,
		rgba(155, 192, 164, 0.6),
		rgba(155, 192, 164, 0.9),
		rgba(155, 192, 164, 0.6),
		transparent
	);
>>>>>>> 821c68377a67f569af233e2afa42115531208e12
	background-size: 200% 100%;
	animation: bilderUploadProgress 1.5s linear infinite;
	z-index: 1000;
	pointer-events: none;
}

@keyframes bilderUploadProgress {
	0% {
		background-position: -200% 0;
	}
<<<<<<< HEAD

=======
>>>>>>> 821c68377a67f569af233e2afa42115531208e12
	100% {
		background-position: 200% 0;
	}
}

/* Spinner for uploading items */
.bilder-item.is-uploading .bilder-item__thumb::after {
	content: '';
	position: absolute;
	inset: 0;
	border: 2px solid rgba(155, 192, 164, 0.3);
	border-top-color: rgba(155, 192, 164, 0.9);
	border-radius: 14px;
	animation: bilderSpinner 0.8s linear infinite;
	pointer-events: none;
}

.bilder-item.is-uploading .bilder-item__thumb {
	position: relative;
	overflow: visible;
}

.bilder-item.is-uploading .bilder-item__thumb img {
	opacity: 0.5;
	filter: blur(1px);
}

@keyframes bilderSpinner {
	0% {
		transform: rotate(0deg);
	}
<<<<<<< HEAD

=======
>>>>>>> 821c68377a67f569af233e2afa42115531208e12
	100% {
		transform: rotate(360deg);
	}
}

/* Status bar removed for cleaner UX */

/* Simple URL display - removed glow effect for cleaner UX */
.bilder-item.is-done .bilder-item__url {
	animation: bilderUrlSlideIn 0.2s ease-out;
}

/* Success section fade-in - simplified for cleaner UX */
.bilder-success {
	opacity: 0;
	transition: opacity 0.3s ease-out;
}

.bilder-success.is-visible {
	opacity: 1;
}

.bilder-success.is-visible .bilder-success__gallery-item {
	opacity: 1;
}

/* Image Gallery in Success Section */
.bilder-success__gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 16px;
	margin: 24px 0;
	padding: 20px;
	background: rgba(10, 12, 14, 0.3);
	border-radius: 12px;
	border: 1px solid rgba(155, 192, 164, 0.2);
	opacity: 0;
	transition: opacity 0.3s ease-out;
}

.bilder-success.is-visible .bilder-success__gallery {
	opacity: 1;
}

.bilder-success__gallery-item {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 12px;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 8px;
	border: 1px solid rgba(155, 192, 164, 0.15);
	transition: background 0.2s ease, border-color 0.2s ease;
}

.bilder-success__gallery-item:hover {
	background: rgba(0, 0, 0, 0.4);
	border-color: rgba(155, 192, 164, 0.3);
}

.bilder-success__gallery-image {
	width: 100%;
	aspect-ratio: 1;
	border-radius: 8px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.bilder-success__gallery-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.bilder-success__gallery-info {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.bilder-success__gallery-name {
	font-family: 'Manrope', system-ui, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: rgba(234, 240, 236, 0.9);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bilder-success__gallery-url {
	display: flex;
	align-items: center;
	gap: 6px;
}

.bilder-success__gallery-url-input {
	flex: 1;
	min-width: 0;
	padding: 6px 10px;
	font-size: 11px;
	font-family: 'Roboto Mono', 'Courier New', monospace;
	color: rgba(255, 255, 255, 0.85);
	background: rgba(0, 0, 0, 0.4);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 4px;
	outline: none;
	cursor: text;
	transition: border-color 0.2s ease;
}

.bilder-success__gallery-url-input:focus {
	border-color: rgba(155, 192, 164, 0.5);
	background: rgba(0, 0, 0, 0.5);
}

.bilder-success__gallery-url-input::selection {
	background: rgba(155, 192, 164, 0.3);
}

.bilder-success__gallery-url-copy {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	background: rgba(155, 192, 164, 0.15);
	border: 1px solid rgba(155, 192, 164, 0.3);
	border-radius: 4px;
	color: rgba(196, 230, 205, 0.9);
	cursor: pointer;
	transition: all 0.2s ease;
	flex-shrink: 0;
}

.bilder-success__gallery-url-copy:hover {
	background: rgba(155, 192, 164, 0.25);
	border-color: rgba(155, 192, 164, 0.5);
	color: rgba(230, 252, 238, 1);
	transform: scale(1.05);
}

.bilder-success__gallery-url-copy:active {
	transform: scale(0.95);
}

.bilder-success__gallery-url-copy svg {
	width: 14px;
	height: 14px;
	stroke: currentColor;
}

/* Upload button disabled state with pulse */
.bilder-upload-btn:disabled.is-uploading {
	position: relative;
	overflow: hidden;
}

.bilder-upload-btn:disabled.is-uploading::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg,
<<<<<<< HEAD
			transparent,
			rgba(255, 255, 255, 0.1),
			transparent);
=======
		transparent,
		rgba(255, 255, 255, 0.1),
		transparent
	);
>>>>>>> 821c68377a67f569af233e2afa42115531208e12
	animation: bilderButtonShimmer 1.5s ease-in-out infinite;
}

@keyframes bilderButtonShimmer {
	0% {
		transform: translateX(-100%);
	}
<<<<<<< HEAD

=======
>>>>>>> 821c68377a67f569af233e2afa42115531208e12
	100% {
		transform: translateX(100%);
	}
}

/* ==================== CHEATER CHECK APP ==================== */

.hub-window__content:has(.cheater-app) {
	overflow: hidden;
}

.cheater-app {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 0;
	overflow: hidden;
	padding: 20px;
	gap: 0;
	box-sizing: border-box;
}

.cheater-main-content {
	flex: 1;
	max-height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0;
	min-height: 0;
}

.cheater-main-content::-webkit-scrollbar {
	width: 8px;
}

.cheater-main-content::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.2);
	border-radius: 4px;
}

.cheater-main-content::-webkit-scrollbar-thumb {
	background: rgba(155, 192, 164, 0.4);
	border-radius: 4px;
}

.cheater-main-content::-webkit-scrollbar-thumb:hover {
	background: rgba(155, 192, 164, 0.6);
}

.cheater-layout {
	display: flex;
	flex-direction: column;
	gap: 24px;
	max-width: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* Cheater Info Section */
.cheater-info {
	margin-top: 0;
	padding: 24px;
	border-radius: 12px;
	background: rgba(10, 12, 14, 0.4);
	border: 1px solid rgba(155, 192, 164, 0.2);
	transition: border-color 0.2s ease, background 0.2s ease;
}

.cheater-info:hover {
	border-color: rgba(155, 192, 164, 0.3);
	background: rgba(10, 12, 14, 0.5);
}

.cheater-info__title {
	font-family: 'FantasmSecrets', 'Roboto', system-ui, sans-serif;
	font-size: 32px;
	font-weight: 400;
	letter-spacing: 0.08em;
	color: rgba(255, 255, 255, 1);
	margin-bottom: 16px;
}

.cheater-info__text {
	font-family: 'Roboto', system-ui, sans-serif;
	font-size: 14px;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.85);
}

.cheater-info__text p {
	margin: 0 0 12px 0;
}

.cheater-info__text p:last-of-type {
	margin-bottom: 0;
}

.cheater-info__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 20px;
}

.cheater-info-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 18px;
	border-radius: 10px;
	border: 1px solid rgba(155, 192, 164, 0.25);
	background: rgba(10, 12, 14, 0.45);
	color: rgba(234, 240, 236, 0.95);
	font-family: 'AgencyCustom', 'Roboto', 'Manrope', system-ui, sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
	white-space: nowrap;
}

.cheater-info-btn svg {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

.cheater-info-btn:hover,
.cheater-info-btn:focus-visible {
	outline: none;
	background: rgba(12, 16, 18, 0.60);
	border-color: rgba(155, 192, 164, 0.40);
	color: rgba(242, 255, 250, 1);
	transform: translateY(-1px);
}

.cheater-info-btn:active {
	transform: translateY(0);
}

.cheater-info-btn--website {
	border-color: rgba(110, 196, 214, 0.30);
	background: linear-gradient(135deg, rgba(110, 196, 214, 0.12), rgba(10, 12, 14, 0.45));
}

.cheater-info-btn--website:hover,
.cheater-info-btn--website:focus-visible {
	border-color: rgba(110, 196, 214, 0.50);
	background: linear-gradient(135deg, rgba(110, 196, 214, 0.20), rgba(12, 16, 18, 0.60));
}

.cheater-info-btn--discord {
	border-color: rgba(88, 101, 242, 0.30);
	background: linear-gradient(135deg, rgba(88, 101, 242, 0.12), rgba(10, 12, 14, 0.45));
}

.cheater-info-btn--discord:hover,
.cheater-info-btn--discord:focus-visible {
	border-color: rgba(88, 101, 242, 0.50);
	background: linear-gradient(135deg, rgba(88, 101, 242, 0.20), rgba(12, 16, 18, 0.60));
}

.cheater-info-btn--docs {
	border-color: rgba(155, 192, 164, 0.30);
	background: linear-gradient(135deg, rgba(155, 192, 164, 0.12), rgba(10, 12, 14, 0.45));
}

.cheater-info-btn--docs:hover,
.cheater-info-btn--docs:focus-visible {
	border-color: rgba(155, 192, 164, 0.50);
	background: linear-gradient(135deg, rgba(155, 192, 164, 0.20), rgba(12, 16, 18, 0.60));
}

@media (max-width: 720px) {
	.cheater-info__features {
		grid-template-columns: 1fr;
	}
}

.cheater-input-section {
	width: 100%;
}

.cheater-input-card {
	background: rgba(10, 12, 14, 0.4);
	border: 1px solid rgba(155, 192, 164, 0.2);
	border-radius: 12px;
	padding: 24px;
	transition: border-color 0.2s ease, background 0.2s ease;
}

.cheater-input-card:hover {
	border-color: rgba(155, 192, 164, 0.3);
	background: rgba(10, 12, 14, 0.5);
}

.cheater-input-card__header {
	margin-bottom: 20px;
}

.cheater-input-card__title {
	font-family: 'FantasmSecrets', 'Roboto', system-ui, sans-serif;
	font-size: 34px;
	font-weight: 400;
	letter-spacing: 0.08em;
	color: rgba(255, 255, 255, 1);
	margin-bottom: 8px;
}

.cheater-input-card__subtitle {
	font-family: 'AgencyCustom', 'Roboto', 'Manrope', system-ui, sans-serif;
	font-size: 14px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.75);
	line-height: 1.5;
}

.cheater-input-wrapper {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	margin-bottom: 12px;
}

/* Token cost display for cheater check */
.cheater-token-cost {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 12px 20px;
	border-radius: 12px;
	background: rgba(10, 12, 14, 0.60);
	border: 1px solid rgba(155, 192, 164, 0.20);
	backdrop-filter: blur(8px);
	margin-top: 12px;
}

.cheater-token-cost__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.cheater-token-cost__label {
	font-family: 'Roboto', system-ui, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.90);
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.cheater-token-cost__value,
.cheater-token-cost__balance {
	display: flex;
	align-items: center;
	gap: 6px;
}

.cheater-token-cost__icon {
	width: 18px;
	height: 18px;
	object-fit: contain;
	flex-shrink: 0;
}

<<<<<<< HEAD
.cheater-token-cost__value>span:not(.cheater-token-cost__unit):not(.cheater-token-cost__icon),
.cheater-token-cost__balance>span:not(.cheater-token-cost__unit):not(.cheater-token-cost__icon) {
=======
.cheater-token-cost__value > span:not(.cheater-token-cost__unit):not(.cheater-token-cost__icon),
.cheater-token-cost__balance > span:not(.cheater-token-cost__unit):not(.cheater-token-cost__icon) {
>>>>>>> 821c68377a67f569af233e2afa42115531208e12
	font-family: 'AgencyCustom', 'Roboto', 'Manrope', system-ui, sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: rgba(242, 250, 245, 1);
	letter-spacing: 0.02em;
	line-height: 1;
}

.cheater-token-cost__unit {
	font-family: 'Roboto', system-ui, sans-serif;
	font-size: 11px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.80);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.cheater-input {
	flex: 1;
	padding: 14px 18px;
	font-family: 'Roboto Mono', 'Courier New', monospace;
	font-size: 16px;
	color: rgba(255, 255, 255, 1);
	background: rgba(0, 0, 0, 0.4);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	outline: none;
	transition: border-color 0.2s ease, background 0.2s ease;
}

.cheater-input:focus {
	border-color: rgba(155, 192, 164, 0.6);
	background: rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 0 3px rgba(155, 192, 164, 0.1);
}

.cheater-input::placeholder {
	color: rgba(255, 255, 255, 0.4);
}

.cheater-check-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px 28px;
	font-family: 'AgencyCustom', 'Roboto', 'Manrope', system-ui, sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 1);
	background: linear-gradient(135deg, rgba(38, 82, 72, 0.8), rgba(20, 42, 36, 0.85));
	border: 1px solid rgba(155, 192, 164, 0.4);
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.2s ease;
	position: relative;
	overflow: hidden;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	box-sizing: border-box;
	z-index: 1;
}

.cheater-check-btn:hover:not(:disabled) {
	background: linear-gradient(135deg, rgba(48, 102, 88, 0.9), rgba(28, 58, 48, 0.95));
	border-color: rgba(155, 192, 164, 0.6);
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(38, 82, 72, 0.3);
}

.cheater-check-btn:active:not(:disabled) {
	transform: translateY(0);
}

.cheater-check-btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.cheater-check-btn.is-loading {
	pointer-events: none;
}

.cheater-check-btn__text {
	position: relative;
	z-index: 1;
}

.cheater-input-hint {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	font-family: 'Roboto', system-ui, sans-serif;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.7);
}

.cheater-input-hint svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	opacity: 0.6;
}

.cheater-results-section {
	margin-top: 24px;
	width: 100%;
}

.cheater-loading {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	padding: 48px 24px;
}

.cheater-loading__spinner {
	width: 48px;
	height: 48px;
	color: rgba(155, 192, 164, 0.8);
	animation: cheaterSpinner 1s linear infinite;
}

.cheater-loading__spinner svg {
	width: 100%;
	height: 100%;
}

@keyframes cheaterSpinner {
<<<<<<< HEAD
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
=======
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
>>>>>>> 821c68377a67f569af233e2afa42115531208e12
}

.cheater-loading__text {
	font-family: 'Roboto', system-ui, sans-serif;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.8);
}

.cheater-results-content {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

.cheater-results-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

.cheater-results-title {
	font-family: 'AgencyCustom', 'Roboto', 'Manrope', system-ui, sans-serif;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 1);
}

.cheater-format {
	display: flex;
	gap: 8px;
	background: rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	padding: 4px;
}

.cheater-format__btn {
	padding: 8px 16px;
	font-family: 'Roboto', system-ui, sans-serif;
	font-size: 13px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.7);
	background: transparent;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.cheater-format__btn:hover:not(.is-active) {
	color: rgba(255, 255, 255, 0.9);
	background: rgba(255, 255, 255, 0.05);
}

.cheater-format__btn.is-active {
	color: rgba(255, 255, 255, 1);
	background: rgba(38, 82, 72, 0.3);
	border: 1px solid rgba(155, 192, 164, 0.5);
}

.cheater-results-display {
	background: transparent;
	border: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
	min-height: 0;
	max-height: none;
	overflow-y: visible;
	width: 100%;
	display: block;
}

.cheater-result-section-title {
	font-family: 'Manrope', system-ui, sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: rgba(255, 255, 255, 1);
	margin-top: 20px;
	margin-bottom: 12px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(155, 192, 164, 0.3);
}

.cheater-result-section-title:first-child {
	margin-top: 0;
}

.cheater-result-item {
	font-family: 'Roboto', system-ui, sans-serif;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.9);
	line-height: 1.7;
	margin-bottom: 10px;
	padding: 10px 12px;
	background: rgba(0, 0, 0, 0.2);
	border-left: 3px solid rgba(155, 192, 164, 0.5);
	border-radius: 4px;
	transition: background 0.2s ease, border-color 0.2s ease;
}

.cheater-result-item:hover {
	background: rgba(0, 0, 0, 0.3);
	border-left-color: rgba(155, 192, 164, 0.8);
}

.cheater-result-label {
	font-weight: 600;
	color: rgba(255, 255, 255, 1);
	margin-right: 8px;
}

.cheater-result-value {
	color: rgba(255, 255, 255, 0.85);
	word-break: break-word;
}

.cheater-result-value strong {
	color: rgba(155, 192, 164, 0.9);
	font-weight: 600;
}

.cheater-link {
	color: rgba(155, 192, 164, 0.9);
	text-decoration: underline;
	transition: color 0.2s ease;
}

.cheater-link:hover {
	color: rgba(155, 192, 164, 1);
}

.cheater-result-line {
	font-family: 'Roboto', system-ui, sans-serif;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.9);
	line-height: 1.6;
	margin-bottom: 8px;
	padding-left: 12px;
}

.cheater-results-actions {
	margin-top: 8px;
}

.cheater-results-textarea-wrapper {
	position: relative;
}

.cheater-results-textarea {
	width: 100%;
	min-height: 200px;
	padding: 16px;
	font-family: 'Roboto Mono', 'Courier New', monospace;
	font-size: 13px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 1);
	background: rgba(0, 0, 0, 0.4);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	resize: vertical;
	outline: none;
	transition: border-color 0.2s ease, background 0.2s ease;
}

.cheater-results-textarea:focus {
	border-color: rgba(155, 192, 164, 0.5);
	background: rgba(0, 0, 0, 0.5);
}

.cheater-results-textarea:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.cheater-results-copy-btn {
	position: absolute;
	top: 12px;
	right: 12px;
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	font-family: 'Roboto', system-ui, sans-serif;
	font-size: 13px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.95);
	background: rgba(38, 82, 72, 0.3);
	border: 1px solid rgba(155, 192, 164, 0.5);
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.cheater-results-copy-btn:hover:not(:disabled) {
	background: rgba(38, 82, 72, 0.5);
	border-color: rgba(155, 192, 164, 0.7);
	transform: translateY(-1px);
}

.cheater-results-copy-btn:active:not(:disabled) {
	transform: translateY(0);
}

.cheater-results-copy-btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.cheater-results-copy-btn svg {
	width: 16px;
	height: 16px;
	stroke: currentColor;
}

.cheater-error {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	padding: 48px 24px;
	text-align: center;
}

.cheater-error__icon {
	width: 64px;
	height: 64px;
	color: rgba(155, 192, 164, 0.8);
}

.cheater-error__icon svg {
	width: 100%;
	height: 100%;
}

.cheater-error__title {
	font-family: 'Manrope', system-ui, sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: rgba(255, 255, 255, 1);
}

.cheater-error__message {
	font-family: 'Roboto', system-ui, sans-serif;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.8);
	line-height: 1.6;
	max-width: 500px;
}

.cheater-result-sub-section {
	margin: 8px 0;
	padding: 12px 16px;
	background: rgba(0, 0, 0, 0.15);
	border-left: 2px solid rgba(155, 192, 164, 0.4);
	border-radius: 4px;
	font-size: 13px;
	line-height: 1.8;
}

.cheater-message-item {
	margin-bottom: 12px;
}

.cheater-message-item:last-child {
	margin-bottom: 0;
}

.cheater-server-item {
	margin-bottom: 12px;
}

.cheater-server-item:last-child {
	margin-bottom: 0;
}

.cheater-message-content {
	display: inline-block;
	max-width: 100%;
	word-break: break-word;
	overflow-wrap: break-word;
	white-space: pre-wrap;
	color: rgba(255, 255, 255, 0.85);
}


.cheater-result-item .cheater-result-sub-section {
	margin: 8px 0 0 0;
}

.cheater-json {
	font-family: 'Roboto Mono', 'Courier New', monospace;
	font-size: 12px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.9);
	background: rgba(0, 0, 0, 0.3);
	padding: 12px;
	border-radius: 4px;
	border-left: 2px solid rgba(155, 192, 164, 0.5);
	overflow-x: auto;
	white-space: pre-wrap;
	word-break: break-word;
	margin: 8px 0;
}

/* Summary Section */
.cheater-summary {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 20px;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 12px;
	border-left: 4px solid;
	margin-bottom: 24px;
}

.cheater-summary--unsafe {
	border-left-color: rgba(220, 38, 38, 0.8);
	background: rgba(220, 38, 38, 0.1);
}

.cheater-summary--safe {
	border-left-color: rgba(155, 192, 164, 0.8);
	background: rgba(38, 82, 72, 0.1);
}

.cheater-summary--unknown {
	border-left-color: rgba(251, 191, 36, 0.8);
	background: rgba(251, 191, 36, 0.1);
}

.cheater-summary__icon {
	width: 48px;
	height: 48px;
	flex-shrink: 0;
	color: currentColor;
}

.cheater-summary--unsafe .cheater-summary__icon {
	color: rgba(220, 38, 38, 1);
}

.cheater-summary--safe .cheater-summary__icon {
	color: rgba(155, 192, 164, 1);
}

.cheater-summary--unknown .cheater-summary__icon {
	color: rgba(251, 191, 36, 1);
}

.cheater-summary__icon svg {
	width: 100%;
	height: 100%;
}

.cheater-summary__content {
	flex: 1;
}

.cheater-summary__title {
	font-family: 'Manrope', system-ui, sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: rgba(255, 255, 255, 1);
	margin-bottom: 8px;
}

.cheater-summary__description {
	font-family: 'Roboto', system-ui, sans-serif;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.85);
	line-height: 1.6;
}

/* Profile Section */
.cheater-profile {
	background: rgba(0, 0, 0, 0.3);
	border-radius: 12px;
	padding: 24px;
	margin-bottom: 24px;
	border: 1px solid rgba(155, 192, 164, 0.2);
}

.cheater-profile__header {
	display: flex;
	align-items: center;
	gap: 20px;
}

.cheater-profile__avatar {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 3px solid rgba(155, 192, 164, 0.5);
	flex-shrink: 0;
	object-fit: cover;
}

.cheater-profile__info {
	flex: 1;
}

.cheater-profile__name {
	font-family: 'Manrope', system-ui, sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: rgba(255, 255, 255, 1);
	margin-bottom: 8px;
}

.cheater-profile__id {
	font-family: 'Roboto Mono', 'Courier New', monospace;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.7);
}

.cheater-profile__id code {
	background: rgba(0, 0, 0, 0.4);
	padding: 4px 8px;
	border-radius: 4px;
	color: rgba(155, 192, 164, 0.9);
}

/* Section Styles */
.cheater-section {
	margin-bottom: 24px;
}

.cheater-section__title {
	font-family: 'Manrope', system-ui, sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: rgba(255, 255, 255, 1);
	margin-bottom: 16px;
	padding-bottom: 12px;
	border-bottom: 2px solid rgba(155, 192, 164, 0.3);
}

.cheater-section__content {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.cheater-section__item {
	font-family: 'Roboto', system-ui, sans-serif;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.9);
	line-height: 1.7;
	padding: 12px 16px;
	background: rgba(0, 0, 0, 0.2);
	border-left: 3px solid rgba(155, 192, 164, 0.5);
	border-radius: 4px;
}

.cheater-section__label {
	font-weight: 600;
	color: rgba(255, 255, 255, 1);
	margin-right: 8px;
}

.cheater-section__value {
	color: rgba(255, 255, 255, 0.85);
	word-break: break-word;
}

/* Message Cards */
.cheater-message-card {
	background: rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(155, 192, 164, 0.3);
	border-radius: 8px;
	padding: 16px;
	transition: all 0.2s ease;
	height: fit-content;
}

.cheater-message-card:hover {
	background: rgba(0, 0, 0, 0.35);
	border-color: rgba(155, 192, 164, 0.5);
}

.cheater-message-card__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
	flex-wrap: wrap;
	gap: 8px;
}

.cheater-message-card__server {
	font-family: 'AgencyCustom', 'Roboto', 'Manrope', system-ui, sans-serif;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 1);
}

.cheater-message-card__time {
	font-family: 'Roboto', system-ui, sans-serif;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.6);
}

.cheater-message-card__channel {
	font-family: 'Roboto', system-ui, sans-serif;
	font-size: 13px;
	color: rgba(155, 192, 164, 0.8);
	margin-bottom: 12px;
}

.cheater-message-card__content {
	font-family: 'Roboto', system-ui, sans-serif;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.9);
	line-height: 1.6;
	word-break: break-word;
	white-space: pre-wrap;
}

/* Server Cards */
.cheater-server-card {
	background: rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(155, 192, 164, 0.3);
	border-radius: 8px;
	padding: 16px;
	transition: all 0.2s ease;
	height: fit-content;
}

.cheater-server-card:hover {
	background: rgba(0, 0, 0, 0.35);
	border-color: rgba(155, 192, 164, 0.5);
}

.cheater-server-card__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
	flex-wrap: wrap;
	gap: 8px;
}

.cheater-server-card__name {
	font-family: 'AgencyCustom', 'Roboto', 'Manrope', system-ui, sans-serif;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 1);
}

.cheater-server-card__time {
	font-family: 'Roboto', system-ui, sans-serif;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.6);
}

.cheater-server-card__id {
	font-family: 'Roboto Mono', 'Courier New', monospace;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.7);
	margin-bottom: 12px;
}

.cheater-server-card__id code {
	background: rgba(0, 0, 0, 0.4);
	padding: 2px 6px;
	border-radius: 4px;
	color: rgba(155, 192, 164, 0.9);
}

.cheater-server-card__roles {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
}

.cheater-server-card__role {
	font-family: 'Roboto', system-ui, sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.9);
	background: rgba(38, 82, 72, 0.25);
	padding: 6px 12px;
	border-radius: 12px;
	border: 1px solid rgba(155, 192, 164, 0.4);
	white-space: nowrap;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	line-height: 1.2;
	height: 28px;
	width: 100%;
	box-sizing: border-box;
	transition: all 0.2s ease;
	text-align: left;
}

.cheater-server-card__role:hover {
	background: rgba(38, 82, 72, 0.35);
	border-color: rgba(155, 192, 164, 0.5);
}

/* Dashboard Layout */
.cheater-dashboard {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 0;
	width: 100%;
}

@media (min-width: 1200px) {
	.cheater-dashboard {
		gap: 28px;
	}
}

.cheater-dashboard__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	padding: 20px 24px;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 12px;
	border: 1px solid rgba(155, 192, 164, 0.2);
	flex-wrap: nowrap;
	width: 100%;
	box-sizing: border-box;
}

.cheater-dashboard__header-left {
	display: flex;
	align-items: center;
	gap: 20px;
	flex: 1;
	min-width: 0;
	overflow: hidden;
}

.cheater-dashboard__avatar {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 3px solid rgba(155, 192, 164, 0.5);
	flex-shrink: 0;
	object-fit: cover;
}

.cheater-dashboard__profile {
	flex: 1;
	min-width: 0;
	overflow: hidden;
}

.cheater-dashboard__name {
	font-family: 'AgencyCustom', 'Roboto', 'Manrope', system-ui, sans-serif;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 1);
	margin-bottom: 6px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cheater-dashboard__id {
	font-family: 'Roboto Mono', 'Courier New', monospace;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.7);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cheater-dashboard__id code {
	background: rgba(0, 0, 0, 0.4);
	padding: 4px 8px;
	border-radius: 4px;
	color: rgba(155, 192, 164, 0.9);
}

.cheater-dashboard__status {
	font-family: 'Roboto', system-ui, sans-serif;
	font-size: 14px;
	font-weight: 600;
	margin-top: 8px;
	padding: 6px 12px;
	border-radius: 6px;
	display: inline-block;
}

.cheater-dashboard__status--safe {
	color: rgba(76, 175, 80, 1);
	background: rgba(76, 175, 80, 0.15);
	border: 1px solid rgba(76, 175, 80, 0.3);
}

.cheater-dashboard__header-right {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;
}

.cheater-dashboard__analystic-link-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 11px 18px;
	font-family: 'AgencyCustom', 'Roboto', 'Manrope', system-ui, sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 1);
	background: linear-gradient(135deg, rgba(38, 82, 72, 0.85), rgba(20, 42, 36, 0.9));
	border: 1px solid rgba(155, 192, 164, 0.5);
	border-radius: 8px;
	text-decoration: none;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	white-space: nowrap;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
	position: relative;
	overflow: hidden;
	height: auto;
	line-height: 1.2;
	min-height: 42px;
}

.cheater-dashboard__analystic-link-btn::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
	transition: left 0.5s ease;
}

.cheater-dashboard__analystic-link-btn:hover::before {
	left: 100%;
}

.cheater-dashboard__analystic-link-btn:hover {
	background: linear-gradient(135deg, rgba(48, 102, 88, 0.95), rgba(28, 58, 48, 1));
	border-color: rgba(155, 192, 164, 0.7);
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(38, 82, 72, 0.4);
}

.cheater-dashboard__analystic-link-btn:active {
	transform: translateY(0);
	box-shadow: 0 2px 8px rgba(38, 82, 72, 0.3);
}

.cheater-dashboard__analystic-link-btn svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	transition: transform 0.2s ease;
}

.cheater-dashboard__analystic-link-btn:hover svg {
	transform: translateX(2px);
}

.cheater-dashboard__analystic-link-btn span {
	line-height: 1;
}

/* Check Another Button in Header */
.cheater-dashboard__check-another-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 11px 18px;
	font-family: 'AgencyCustom', 'Roboto', 'Manrope', system-ui, sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 1);
	background: linear-gradient(135deg, rgba(38, 82, 72, 0.85), rgba(20, 42, 36, 0.9));
	border: 1px solid rgba(155, 192, 164, 0.5);
	border-radius: 8px;
	text-decoration: none;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	white-space: nowrap;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
	position: relative;
	overflow: hidden;
	height: auto;
	line-height: 1.2;
	min-height: 42px;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	box-sizing: border-box;
}

.cheater-dashboard__check-another-btn::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
	transition: left 0.5s ease;
}

.cheater-dashboard__check-another-btn:hover::before {
	left: 100%;
}

.cheater-dashboard__check-another-btn:hover {
	background: linear-gradient(135deg, rgba(48, 102, 88, 0.95), rgba(28, 58, 48, 1));
	border-color: rgba(155, 192, 164, 0.7);
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(38, 82, 72, 0.4);
}

.cheater-dashboard__check-another-btn:active {
	transform: translateY(0);
	box-shadow: 0 2px 8px rgba(38, 82, 72, 0.3);
}

.cheater-dashboard__check-another-btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
	transform: none;
}

.cheater-dashboard__check-another-btn svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	transition: transform 0.2s ease;
}

.cheater-dashboard__check-another-btn:hover:not(:disabled) svg {
	transform: rotate(180deg);
}

.cheater-dashboard__check-another-btn span {
	line-height: 1;
}

/* Status styles removed - no longer used */

/* Stats Row */
.cheater-dashboard__stats {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	width: 100%;
}

/* 2 columns on small screens */
@media (min-width: 600px) {
	.cheater-dashboard__stats {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}
}

/* 3 columns on medium screens */
@media (min-width: 900px) {
	.cheater-dashboard__stats {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
}

/* 4 columns on large screens for better layout */
@media (min-width: 1200px) {
	.cheater-dashboard__stats {
		grid-template-columns: repeat(4, 1fr);
		gap: 20px;
	}
}

@media (max-width: 480px) {
	.cheater-dashboard__stats {
		grid-template-columns: 1fr;
		gap: 12px;
	}
}

.cheater-dashboard__stat-panel {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 12px;
	border: 1px solid rgba(155, 192, 164, 0.3);
	text-align: center;
	transition: all 0.2s ease;
}

.cheater-dashboard__stat-panel:hover {
	background: rgba(0, 0, 0, 0.4);
	border-color: rgba(155, 192, 164, 0.5);
	transform: translateY(-2px);
}

.cheater-dashboard__stat-icon {
	font-size: 32px;
	margin-bottom: 8px;
}

.cheater-dashboard__stat-value {
	font-family: 'AgencyCustom', 'Roboto', 'Manrope', system-ui, sans-serif;
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 1);
	margin-bottom: 4px;
}

.cheater-dashboard__stat-label {
	font-family: 'Roboto', system-ui, sans-serif;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.7);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.cheater-dashboard__stat-panel--safe {
	background: rgba(76, 175, 80, 0.1);
	border-color: rgba(76, 175, 80, 0.3);
}

.cheater-dashboard__stat-panel--safe:hover {
	background: rgba(76, 175, 80, 0.15);
	border-color: rgba(76, 175, 80, 0.4);
}

.cheater-dashboard__panel--safe {
	background: rgba(76, 175, 80, 0.05);
	border-color: rgba(76, 175, 80, 0.2);
}

.cheater-dashboard__panel--safe .cheater-dashboard__panel-header {
	background: rgba(76, 175, 80, 0.1);
	border-bottom-color: rgba(76, 175, 80, 0.3);
}

.cheater-dashboard__safe-message {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 40px 20px;
	min-height: 200px;
}

.cheater-dashboard__safe-icon {
	font-size: 64px;
	margin-bottom: 20px;
	line-height: 1;
}

.cheater-dashboard__safe-title {
	font-family: 'AgencyCustom', 'Roboto', 'Manrope', system-ui, sans-serif;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(76, 175, 80, 1);
	margin-bottom: 12px;
}

.cheater-dashboard__safe-description {
	font-family: 'Roboto', system-ui, sans-serif;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.8);
	line-height: 1.6;
	max-width: 500px;
}

/* Dashboard Grid - Must match stats grid structure exactly */
.cheater-dashboard__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
	width: 100%;
	align-items: start;
}

/* Two columns on medium screens - matches stats grid exactly */
@media (min-width: 1200px) {
	.cheater-dashboard__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}
}

/* Keep two columns on large screens to maintain alignment with stats */
@media (min-width: 1600px) {
	.cheater-dashboard__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 28px;
	}
}

/* Keep two columns even on very large screens to maintain alignment */
@media (min-width: 2000px) {
	.cheater-dashboard__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 32px;
	}
}

.cheater-dashboard__panel {
	background: rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(155, 192, 164, 0.3);
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	min-height: 0;
	width: 100%;
	box-sizing: border-box;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.cheater-dashboard__panel:hover {
	border-color: rgba(155, 192, 164, 0.4);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

.cheater-dashboard__panel-header {
	padding: 18px 20px;
	background: rgba(38, 82, 72, 0.15);
	border-bottom: 1px solid rgba(155, 192, 164, 0.3);
	flex-shrink: 0;
}

.cheater-dashboard__panel-title {
	font-family: 'AgencyCustom', 'Roboto', 'Manrope', system-ui, sans-serif;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 1);
	line-height: 1.3;
}

.cheater-dashboard__panel-content {
	padding: 20px;
	flex: 1;
	overflow-y: auto;
	max-height: 600px;
	min-height: 200px;
}

.cheater-dashboard__panel-content::-webkit-scrollbar {
	width: 6px;
}

.cheater-dashboard__panel-content::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.2);
	border-radius: 3px;
}

.cheater-dashboard__panel-content::-webkit-scrollbar-thumb {
	background: rgba(155, 192, 164, 0.3);
	border-radius: 3px;
}

.cheater-dashboard__panel-content::-webkit-scrollbar-thumb:hover {
	background: rgba(155, 192, 164, 0.5);
}

.cheater-dashboard__panel--messages .cheater-dashboard__panel-content {
	max-height: 700px;
}

.cheater-dashboard__panel--servers .cheater-dashboard__panel-content {
	max-height: 700px;
}

/* Messages Grid */
.cheater-dashboard__messages-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}

/* Two columns for messages on larger screens */
@media (min-width: 1400px) {
	.cheater-dashboard__messages-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Back to single column if panel is narrow */
@media (max-width: 1600px) {
	.cheater-dashboard__panel--messages .cheater-dashboard__messages-grid {
		grid-template-columns: 1fr;
	}
}

/* Servers Grid */
.cheater-dashboard__servers-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}

/* Two columns for servers on medium screens */
@media (min-width: 1200px) {
	.cheater-dashboard__servers-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Three columns for servers on large screens */
@media (min-width: 1800px) {
	.cheater-dashboard__servers-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* Identifiers */
.cheater-dashboard__identifier-group {
	margin-bottom: 20px;
}

.cheater-dashboard__identifier-group:last-child {
	margin-bottom: 0;
}

.cheater-dashboard__identifier-label {
	font-family: 'AgencyCustom', 'Roboto', 'Manrope', system-ui, sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 8px;
}

.cheater-dashboard__identifier-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.cheater-dashboard__identifier-item {
	font-family: 'Roboto Mono', 'Courier New', monospace;
	font-size: 12px;
	color: rgba(155, 192, 164, 0.9);
	background: rgba(0, 0, 0, 0.4);
	padding: 6px 12px;
	border-radius: 6px;
	border: 1px solid rgba(155, 192, 164, 0.3);
	word-break: break-all;
}

/* Link Panel */
.cheater-dashboard__link {
	font-family: 'Roboto', system-ui, sans-serif;
	font-size: 14px;
	color: rgba(155, 192, 164, 0.9);
	text-decoration: underline;
	word-break: break-all;
	transition: color 0.2s ease;
}

.cheater-dashboard__link:hover {
	color: rgba(155, 192, 164, 1);
}

/* Additional Fields */
.cheater-dashboard__field {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 12px;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	margin-bottom: 8px;
	border-left: 3px solid rgba(155, 192, 164, 0.4);
}

.cheater-dashboard__field:last-child {
	margin-bottom: 0;
}

.cheater-dashboard__field-label {
	font-family: 'Roboto', system-ui, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.8);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.cheater-dashboard__field-value {
	font-family: 'Roboto', system-ui, sans-serif;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.9);
	word-break: break-word;
}

/* Check Another Button */
.cheater-results-actions {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 24px 0 0 0;
	margin-top: 32px;
	border-top: 1px solid rgba(155, 192, 164, 0.15);
	box-sizing: border-box;
}

.cheater-check-another-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 14px 28px;
	font-family: 'Manrope', system-ui, sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: rgba(255, 255, 255, 1);
	background: linear-gradient(135deg, rgba(38, 82, 72, 0.8), rgba(20, 42, 36, 0.85));
	border: 1px solid rgba(155, 192, 164, 0.4);
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.2s ease;
	position: relative;
	overflow: hidden;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	box-sizing: border-box;
	z-index: 1;
}

.cheater-check-another-btn svg {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

.cheater-check-another-btn:hover:not(:disabled) {
	background: linear-gradient(135deg, rgba(48, 102, 88, 0.9), rgba(28, 58, 48, 0.95));
	border-color: rgba(155, 192, 164, 0.6);
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(38, 82, 72, 0.3);
}

.cheater-check-another-btn:active:not(:disabled) {
	transform: translateY(0);
}

.cheater-check-another-btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.cheater-check-another-btn__text {
	position: relative;
	z-index: 1;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	/* Analytics info styles removed */
<<<<<<< HEAD

=======
	
>>>>>>> 821c68377a67f569af233e2afa42115531208e12
	.cheater-dashboard__header {
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
	}
<<<<<<< HEAD

	.cheater-dashboard__header-left {
		width: 100%;
	}

=======
	
	.cheater-dashboard__header-left {
		width: 100%;
	}
	
>>>>>>> 821c68377a67f569af233e2afa42115531208e12
	.cheater-dashboard__header-right {
		width: 100%;
		justify-content: stretch;
		flex-direction: column;
		gap: 12px;
	}
<<<<<<< HEAD

=======
	
>>>>>>> 821c68377a67f569af233e2afa42115531208e12
	.cheater-dashboard__check-another-btn,
	.cheater-dashboard__analystic-link-btn {
		width: 100%;
		justify-content: center;
	}
<<<<<<< HEAD

=======
	
>>>>>>> 821c68377a67f569af233e2afa42115531208e12
	.cheater-dashboard__grid {
		grid-template-columns: 1fr !important;
		gap: 16px;
	}
<<<<<<< HEAD

=======
	
>>>>>>> 821c68377a67f569af233e2afa42115531208e12
	.cheater-dashboard__messages-grid,
	.cheater-dashboard__servers-grid {
		grid-template-columns: 1fr !important;
	}
<<<<<<< HEAD

	.cheater-layout {
		max-width: 100%;
	}

=======
	
	.cheater-layout {
		max-width: 100%;
	}
	
>>>>>>> 821c68377a67f569af233e2afa42115531208e12
	.cheater-dashboard__panel-content {
		max-height: 500px;
	}
}

/* Whitelist Checkmark Fix */
.hero-card__whitelist-description .whitelist-checklist li::before {
	content: '\2713' !important;
}

/* ==================== DISCORD CTA - REDESIGNED ==================== */
.discord-cta {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	background: linear-gradient(165deg, 
		rgba(20, 24, 28, 0.98) 0%, 
		rgba(26, 30, 35, 0.99) 50%,
		rgba(22, 26, 30, 1) 100%);
	overflow: hidden;
	z-index: 5;
}

.discord-cta__glow {
	position: absolute;
	top: -50%;
	left: 50%;
	transform: translateX(-50%);
	width: 200%;
	height: 100%;
	background: radial-gradient(ellipse at center top, 
		rgba(134, 166, 139, 0.12) 0%, 
		rgba(134, 166, 139, 0.04) 40%,
		transparent 70%);
	pointer-events: none;
	transition: opacity 0.4s ease;
}

.discord-cta:hover .discord-cta__glow {
	opacity: 1.5;
}

.discord-cta__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(16px, 3vh, 28px);
	padding: clamp(24px, 5vw, 48px);
	position: relative;
	z-index: 2;
}

.discord-cta__badge {
	display: flex;
	align-items: center;
	justify-content: center;
	width: clamp(72px, 12vw, 100px);
	height: clamp(72px, 12vw, 100px);
	background: linear-gradient(145deg, 
		rgba(134, 166, 139, 0.15) 0%, 
		rgba(42, 69, 75, 0.2) 100%);
	border: 1px solid rgba(134, 166, 139, 0.25);
	border-radius: 50%;
	transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.discord-cta:hover .discord-cta__badge {
	transform: scale(1.08);
	border-color: rgba(134, 166, 139, 0.45);
	background: linear-gradient(145deg, 
		rgba(134, 166, 139, 0.22) 0%, 
		rgba(42, 69, 75, 0.28) 100%);
	box-shadow: 
		0 0 40px rgba(134, 166, 139, 0.15),
		0 0 80px rgba(134, 166, 139, 0.08);
}

.discord-cta__icon {
	width: clamp(36px, 6vw, 48px);
	height: clamp(36px, 6vw, 48px);
	color: rgba(134, 166, 139, 0.9);
	transition: all 0.4s ease;
}

.discord-cta:hover .discord-cta__icon {
	color: rgba(155, 192, 164, 1);
	transform: scale(1.1);
}

.discord-cta__label {
	font-family: 'AgencyCustom', 'Roboto', system-ui, sans-serif;
	font-size: clamp(12px, 1.5vw, 14px);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	color: rgba(134, 166, 139, 0.7);
	margin-top: -8px;
}

.discord-cta__text {
	font-family: 'AgencyCustom', 'Roboto', system-ui, sans-serif;
	font-size: clamp(18px, 3vw, 26px);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: rgba(230, 236, 233, 0.95);
	text-align: center;
	max-width: 85%;
	line-height: 1.3;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
}

.discord-cta__btn {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: clamp(8px, 2vh, 16px);
	padding: clamp(10px, 1.5vw, 14px) clamp(20px, 3vw, 32px);
	background: linear-gradient(135deg, 
		rgba(134, 166, 139, 0.2) 0%, 
		rgba(42, 69, 75, 0.25) 100%);
	border: 1px solid rgba(134, 166, 139, 0.35);
	border-radius: 8px;
	transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.discord-cta:hover .discord-cta__btn {
	background: linear-gradient(135deg, 
		rgba(134, 166, 139, 0.35) 0%, 
		rgba(42, 69, 75, 0.4) 100%);
	border-color: rgba(134, 166, 139, 0.55);
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.discord-cta__btn-text {
	font-family: 'AgencyCustom', 'Roboto', system-ui, sans-serif;
	font-size: clamp(13px, 1.8vw, 16px);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	color: rgba(230, 236, 233, 0.95);
}

.discord-cta__btn-arrow {
	width: clamp(16px, 2vw, 20px);
	height: clamp(16px, 2vw, 20px);
	color: rgba(134, 166, 139, 0.9);
	transition: transform 0.3s ease;
}

.discord-cta:hover .discord-cta__btn-arrow {
	transform: translateX(4px);
	color: rgba(155, 192, 164, 1);
}

/* Mobile adjustments */
@media (max-width: 768px) {
	.discord-cta__content {
		gap: 14px;
		padding: 20px;
	}
	
	.discord-cta__badge {
		width: 64px;
		height: 64px;
	}
	
	.discord-cta__icon {
		width: 32px;
		height: 32px;
	}
	
	.discord-cta__text {
		font-size: 16px;
		max-width: 90%;
	}
	
	.discord-cta__btn {
		padding: 10px 20px;
	}
}