@import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,500;0,600;0,700;1,500&family=Outfit:wght@300;400;500;600;700&display=swap");

/* Stream / casino deck overlay — scoped to .streamer-site */

.streamer-site {
	--streamer-neon: #ff344d;
	--streamer-neon-soft: rgba(255, 52, 77, 0.55);
	--streamer-gold: #ffd700;
	--streamer-violet: #a855f7;
	--streamer-panel: rgba(8, 6, 18, 0.92);
	--font-body: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
	--font-display: "Chakra Petch", "Outfit", system-ui, sans-serif;
}

/* --- Typography (site-wide on streamer pages) --- */
body.streamer-site {
	font-family: var(--font-body);
	font-size: 16px;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.streamer-site h1,
body.streamer-site h2,
body.streamer-site h3,
body.streamer-site h4,
body.streamer-site h5,
body.streamer-site h6,
body.streamer-site .title,
body.streamer-site .hero-area .content .title,
body.streamer-site .breadcrumb-area .title,
body.streamer-site .draw-time .subtitle,
body.streamer-site .streamer-ticker__segment,
body.streamer-site .hero-cta__brand,
body.streamer-site .social-card__name,
body.streamer-site .social-card__cta,
body.streamer-site .main-header-area .nav li button {
	font-family: var(--font-display);
}

body.streamer-site .section-heading .subtitle,
body.streamer-site .draw-time .subtitle,
body.streamer-site .get-start .subtitle,
body.streamer-site .hero-eyebrow {
	font-family: var(--font-display);
	letter-spacing: 0.08em;
}

body.streamer-site .navbar-brand .subtitle {
	font-family: var(--font-display) !important;
	letter-spacing: 0.04em;
}

body.streamer-site .table thead th,
body.streamer-site .nav-link.home-lb-deck,
body.streamer-site button.nav-link {
	font-family: var(--font-display);
}

body.streamer-site .text,
body.streamer-site p,
body.streamer-site li,
body.streamer-site .hero-lead,
body.streamer-site .social-card__desc,
body.streamer-site .hero-cta__hint {
	font-family: var(--font-body);
}

body.streamer-site .footer .copy-bg,
body.streamer-site .footer-text-container {
	font-family: var(--font-body);
}

body.streamer-site .mybtn1,
body.streamer-site .discord-btn {
	font-family: var(--font-display);
	letter-spacing: 0.06em;
}

/* --- Navbar (streamer deck bar) --- */
.streamer-site .header .mainmenu-area {
	background: linear-gradient(92deg, #0a0c1c 0%, #14182e 42%, #101428 100%) !important;
	border-bottom: 1px solid rgba(255, 52, 77, 0.22);
	box-shadow:
		0 8px 32px rgba(0, 0, 0, 0.35),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.streamer-site .header .mainmenu-area .navbar::before,
.streamer-site .header .mainmenu-area .navbar::after {
	content: none !important;
	display: none !important;
}

.streamer-site .header .mainmenu-area .navbar {
	padding-top: 0.35rem !important;
	padding-bottom: 0.35rem !important;
}

.streamer-site .header .mainmenu-area .navbar #main_menu .navbar-nav {
	align-items: center;
	gap: 0.2rem;
}

.streamer-site .header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .nav-link {
	padding: 0.5rem 0.55rem !important;
	margin: 0 0.06rem !important;
	line-height: 1.3 !important;
	font-size: 0.78rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.1em !important;
	border-radius: 999px !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	color: rgba(230, 235, 255, 0.88) !important;
	background: rgba(0, 0, 0, 0.2) !important;
	transition:
		color 0.2s ease,
		background 0.2s ease,
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

.streamer-site .header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .nav-link .mr-hover-effect {
	display: none !important;
}

.streamer-site .header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .nav-link:hover,
.streamer-site .header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .nav-link.active {
	color: #fff !important;
	background: rgba(255, 52, 77, 0.18) !important;
	border-color: rgba(255, 52, 77, 0.45) !important;
	box-shadow: 0 0 22px rgba(255, 52, 77, 0.2);
}

/* Desktop: uniform pill size + room beside logo (tighter padding / min-width than before) */
@media (min-width: 992px) {
	.streamer-site .header .mainmenu-area .navbar .container-fluid {
		gap: 0.35rem 0.75rem;
	}

	.streamer-site .header .mainmenu-area .navbar .navbar-brand {
		flex-shrink: 0;
		margin-right: 0.5rem;
	}

	.streamer-site .header .mainmenu-area .navbar #main_menu {
		min-width: 0;
	}

	.streamer-site .header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .nav-link {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		text-align: center;
		min-height: 3.45rem;
		min-width: 8.75rem;
		padding: 0.48rem 0.5rem !important;
		box-sizing: border-box;
		white-space: normal;
	}
}

.streamer-site .header .mainmenu-area .navbar .navbar-brand h5.subtitle {
	font-size: 1.35rem !important;
	font-weight: 700 !important;
	background: linear-gradient(90deg, #fff, rgba(255, 200, 210, 0.95));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.streamer-site .header .mainmenu-area .navbar .navbar-brand h5.subtitle span {
	-webkit-text-fill-color: var(--streamer-neon);
}

.streamer-site .header .mainmenu-area .navbar-toggler {
	border: 1px solid rgba(255, 52, 77, 0.35);
	border-radius: 10px;
	padding: 0.4rem 0.55rem;
	background: rgba(0, 0, 0, 0.25);
}

@media (max-width: 991px) {
	.streamer-site .header .mainmenu-area .navbar #main_menu .navbar-nav {
		flex-direction: column;
		align-items: stretch;
		width: 100%;
		padding: 0.75rem 0 0.5rem;
	}

	.streamer-site .header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .nav-link {
		width: 100%;
		text-align: center;
		margin: 0.2rem 0 !important;
	}

	.streamer-site .header .mainmenu-area .navbar #main_menu .d-flex {
		justify-content: center;
		width: 100%;
		margin-top: 0.5rem;
	}
}

/* --- Home: Chicken / Shock leaderboard deck buttons --- */
.streamer-site .main-box.home-leaderboard-buttons-only .inner-table-content .header-area ul.nav-lend {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap: 1rem !important;
	padding: 0.5rem 0 1.25rem !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

.streamer-site .main-box.home-leaderboard-buttons-only .inner-table-content .header-area .nav-lend .nav-item {
	display: flex !important;
	flex: 1 1 260px;
	max-width: 420px;
}

.streamer-site .main-box.home-leaderboard-buttons-only .inner-table-content .header-area .nav-lend .nav-link.home-lb-deck {
	position: relative;
	display: flex !important;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 1rem;
	width: 100% !important;
	min-height: 88px;
	padding: 1rem 1.25rem !important;
	margin: 0 !important;
	border-radius: 16px !important;
	line-height: 1.25 !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	color: #f2f6ff !important;
	overflow: hidden;
	background: linear-gradient(155deg, rgba(22, 24, 52, 0.95), rgba(8, 10, 26, 0.98)) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.06),
		0 14px 40px rgba(0, 0, 0, 0.45);
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease,
		border-color 0.2s ease;
}

.streamer-site .main-box.home-leaderboard-buttons-only .inner-table-content .header-area .nav-lend .nav-link.home-lb-deck::before {
	content: "";
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity 0.25s ease;
	pointer-events: none;
	border-radius: inherit;
}

.streamer-site .main-box.home-leaderboard-buttons-only .inner-table-content .header-area .nav-lend .nav-link.home-lb-deck:hover::before,
.streamer-site .main-box.home-leaderboard-buttons-only .inner-table-content .header-area .nav-lend .nav-link.home-lb-deck.active::before {
	opacity: 1;
}

.streamer-site .main-box.home-leaderboard-buttons-only .nav-link.home-lb-deck--chicken {
	border-color: rgba(246, 122, 31, 0.45) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.07),
		0 0 0 1px rgba(246, 122, 31, 0.15),
		0 16px 44px rgba(246, 122, 31, 0.2),
		0 24px 56px rgba(0, 0, 0, 0.45) !important;
}

.streamer-site .main-box.home-leaderboard-buttons-only .nav-link.home-lb-deck--chicken::before {
	background: radial-gradient(ellipse 100% 80% at 15% -30%, rgba(255, 180, 100, 0.45), transparent 58%);
}

.streamer-site .main-box.home-leaderboard-buttons-only .nav-link.home-lb-deck--chicken:hover,
.streamer-site .main-box.home-leaderboard-buttons-only .nav-link.home-lb-deck--chicken.active {
	border-color: rgba(255, 190, 120, 0.75) !important;
	color: #fff !important;
	transform: translateY(-3px);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.1),
		0 0 0 1px rgba(246, 122, 31, 0.35),
		0 22px 52px rgba(246, 122, 31, 0.35),
		0 28px 72px rgba(0, 0, 0, 0.48) !important;
	background: linear-gradient(155deg, rgba(40, 22, 12, 0.5), rgba(8, 10, 26, 0.98)) !important;
}

.streamer-site .main-box.home-leaderboard-buttons-only .nav-link.home-lb-deck--shock {
	border-color: rgba(4, 92, 240, 0.5) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.07),
		0 0 0 1px rgba(4, 92, 240, 0.18),
		0 16px 44px rgba(4, 92, 240, 0.25),
		0 24px 56px rgba(0, 0, 0, 0.45) !important;
}

.streamer-site .main-box.home-leaderboard-buttons-only .nav-link.home-lb-deck--shock::before {
	background: radial-gradient(ellipse 100% 80% at 15% -30%, rgba(100, 160, 255, 0.45), transparent 58%);
}

.streamer-site .main-box.home-leaderboard-buttons-only .nav-link.home-lb-deck--shock:hover,
.streamer-site .main-box.home-leaderboard-buttons-only .nav-link.home-lb-deck--shock.active {
	border-color: rgba(130, 170, 255, 0.85) !important;
	color: #fff !important;
	transform: translateY(-3px);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.1),
		0 0 0 1px rgba(4, 92, 240, 0.4),
		0 22px 52px rgba(4, 92, 240, 0.4),
		0 28px 72px rgba(0, 0, 0, 0.48) !important;
	background: linear-gradient(155deg, rgba(10, 20, 50, 0.55), rgba(8, 10, 26, 0.98)) !important;
}

.streamer-site .home-lb-deck__icon {
	flex-shrink: 0;
	width: 52px;
	height: 52px;
	border-radius: 12px;
	display: grid;
	place-items: center;
	background: rgba(0, 0, 0, 0.35);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.streamer-site .home-lb-deck__icon img {
	display: block;
	border-radius: 8px;
	object-fit: contain;
}

.streamer-site .nav-link.home-lb-deck--chicken .home-lb-deck__icon {
	border-color: rgba(246, 122, 31, 0.4);
	box-shadow: 0 0 24px rgba(246, 122, 31, 0.2);
}

.streamer-site .nav-link.home-lb-deck--shock .home-lb-deck__icon {
	border-color: rgba(4, 92, 240, 0.4);
	box-shadow: 0 0 24px rgba(4, 92, 240, 0.25);
}

.streamer-site .home-lb-deck__label {
	flex: 1 1 auto;
	text-align: left;
}

.streamer-site .home-lb-deck__arrow {
	flex-shrink: 0;
	font-size: 1.25rem;
	line-height: 1;
	opacity: 0.75;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.streamer-site .nav-link.home-lb-deck:hover .home-lb-deck__arrow {
	transform: translateX(4px);
	opacity: 1;
}

@media (max-width: 575px) {
	.streamer-site .main-box.home-leaderboard-buttons-only .inner-table-content .header-area .nav-lend .nav-item {
		max-width: 100%;
		flex-basis: 100%;
	}
}

.streamer-site::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		radial-gradient(ellipse 120% 60% at 50% -20%, rgba(255, 52, 77, 0.18), transparent 55%),
		radial-gradient(ellipse 80% 50% at 100% 50%, rgba(168, 85, 247, 0.08), transparent 45%),
		radial-gradient(ellipse 80% 50% at 0% 80%, rgba(255, 215, 0, 0.06), transparent 40%),
		#06060f;
}

/* --- Ticker --- */
.streamer-ticker {
	overflow: hidden;
	border-top: 1px solid rgba(255, 52, 77, 0.35);
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	background: linear-gradient(90deg, #0a0612 0%, #120a18 50%, #0a0612 100%);
	box-shadow: inset 0 1px 0 rgba(255, 215, 0, 0.12);
}

.streamer-ticker__marquee {
	display: flex;
	width: max-content;
	animation: streamer-ticker-scroll 42s linear infinite;
}

.streamer-ticker__segment {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 0.35rem;
	padding: 0.45rem 2rem;
	font-family: ui-sans-serif, system-ui, sans-serif;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.88);
	white-space: nowrap;
}

.streamer-ticker__sep {
	color: var(--streamer-neon-soft);
	padding: 0 0.5rem;
	font-weight: 400;
}

.streamer-ticker__segment strong {
	color: var(--streamer-neon);
	font-weight: 800;
	text-shadow: 0 0 8px var(--streamer-neon-soft);
}

@keyframes streamer-ticker-scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

/* --- Header deck --- */
.streamer-site .header .mainmenu-area {
	border-bottom: 1px solid rgba(255, 52, 77, 0.25);
	box-shadow:
		0 4px 24px rgba(0, 0, 0, 0.45),
		0 0 40px rgba(255, 52, 77, 0.08);
}

.streamer-site .header .mainmenu-area .navbar .navbar-brand {
	position: relative;
	z-index: 0;
}

/* Soft halo + “stage lights” behind avatar */
.streamer-site .header .mainmenu-area .navbar .navbar-brand::before {
	content: "";
	position: absolute;
	left: -6px;
	top: 50%;
	width: 52px;
	height: 52px;
	transform: translateY(-50%);
	border-radius: 50%;
	background:
		radial-gradient(circle at 30% 25%, rgba(255, 215, 0, 0.55), transparent 42%),
		radial-gradient(circle at 70% 75%, rgba(255, 52, 77, 0.45), transparent 48%),
		radial-gradient(circle, rgba(168, 85, 247, 0.2), transparent 65%);
	opacity: 0.85;
	animation: streamer-brand-halo 4s ease-in-out infinite;
	pointer-events: none;
	z-index: -1;
}

@keyframes streamer-brand-halo {
	0%,
	100% {
		opacity: 0.65;
		transform: translateY(-50%) scale(1);
	}
	50% {
		opacity: 1;
		transform: translateY(-50%) scale(1.08);
	}
}

.streamer-site .header .logo-prudent {
	position: relative;
	z-index: 1;
	box-shadow:
		0 0 0 2px var(--streamer-neon),
		0 0 0 5px rgba(255, 215, 0, 0.12),
		0 0 22px var(--streamer-neon-soft),
		0 0 40px rgba(255, 215, 0, 0.15);
	animation: streamer-logo-glow 3s ease-in-out infinite;
}

@keyframes streamer-logo-glow {
	0%,
	100% {
		box-shadow:
			0 0 0 2px var(--streamer-neon),
			0 0 0 5px rgba(255, 215, 0, 0.1),
			0 0 18px var(--streamer-neon-soft),
			0 0 32px rgba(255, 215, 0, 0.1);
	}
	50% {
		box-shadow:
			0 0 0 2px var(--streamer-neon),
			0 0 0 6px rgba(255, 215, 0, 0.22),
			0 0 30px rgba(255, 52, 77, 0.75),
			0 0 48px rgba(255, 215, 0, 0.22);
	}
}

/* --- Home hero --- */
.streamer-site .hero-area.streamer-hero-area {
	position: relative;
	overflow: hidden;
}

.streamer-site .hero-area.streamer-hero-area::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(180deg, rgba(255, 52, 77, 0.06) 0%, transparent 35%),
		linear-gradient(90deg, transparent 0%, rgba(168, 85, 247, 0.04) 50%, transparent 100%);
	z-index: 0;
}

.streamer-site .hero-area.streamer-hero-area::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
	opacity: 0.04;
	background: repeating-linear-gradient(
		0deg,
		transparent,
		transparent 2px,
		rgba(0, 0, 0, 0.45) 2px,
		rgba(0, 0, 0, 0.45) 4px
	);
}

.streamer-site .hero-area.streamer-hero-area > .container {
	position: relative;
	z-index: 2;
}

.streamer-site .hero-area .content .title {
	text-shadow:
		0 0 20px rgba(255, 52, 77, 0.35),
		0 0 60px rgba(168, 85, 247, 0.2);
}

/* --- Free spins hero (OBS-style frame) --- */
.streamer-site .free-spins-hero.streamer-hero-framed {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: clamp(14px, 2.5vw, 32px) clamp(16px, 3.5vw, 48px);
	box-sizing: border-box;
}

.streamer-hero-frame {
	position: absolute;
	inset: 0;
	z-index: 3;
	pointer-events: none;
}

.streamer-hero-frame__glow {
	position: absolute;
	inset: -2px;
	z-index: 0;
	background: linear-gradient(
		125deg,
		var(--streamer-neon-soft),
		transparent 30%,
		transparent 70%,
		rgba(168, 85, 247, 0.45)
	);
	opacity: 0.35;
	animation: streamer-border-shift 8s ease-in-out infinite;
}

.streamer-hero-frame__glow::after {
	content: "";
	position: absolute;
	inset: 3px;
	background: linear-gradient(180deg, #0b122e 0%, #06060f 100%);
	opacity: 0.15;
}

@keyframes streamer-border-shift {
	0%,
	100% {
		opacity: 0.28;
		filter: hue-rotate(0deg);
	}
	50% {
		opacity: 0.42;
		filter: hue-rotate(25deg);
	}
}

.streamer-hero-frame__scanlines {
	position: absolute;
	inset: 0;
	z-index: 1;
	opacity: 0.045;
	background: repeating-linear-gradient(
		0deg,
		transparent,
		transparent 2px,
		rgba(255, 255, 255, 0.12) 2px,
		rgba(255, 255, 255, 0.12) 4px
	);
}

.streamer-hero-frame__corners {
	position: absolute;
	inset: 12px;
	z-index: 1;
	border: 2px solid rgba(255, 215, 0, 0.35);
	border-radius: 4px;
	box-shadow:
		inset 0 0 30px rgba(255, 52, 77, 0.08),
		0 0 20px rgba(255, 215, 0, 0.12);
}

/* Frame corners follow inset banner on raffle hero */
.streamer-site .free-spins-hero.streamer-hero-framed .streamer-hero-frame__corners {
	inset: clamp(18px, 3.2vw, 40px);
	border-radius: 18px;
}

.streamer-hero-frame__rig-lights {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 2;
	display: flex;
	justify-content: center;
	gap: clamp(8px, 2vw, 22px);
	padding-top: 8px;
}

.streamer-hero-frame__rig-lights i {
	display: block;
	width: clamp(10px, 2vw, 18px);
	height: clamp(22px, 4vw, 36px);
	border-radius: 40% 40% 50% 50%;
	background: linear-gradient(180deg, #fff8e7 0%, var(--streamer-gold) 40%, #b8860b 100%);
	box-shadow:
		0 0 20px rgba(255, 215, 0, 0.9),
		0 0 40px rgba(255, 52, 77, 0.35),
		inset 0 -4px 8px rgba(0, 0, 0, 0.35);
	animation: streamer-spot 2.4s ease-in-out infinite;
}

.streamer-hero-frame__rig-lights i:nth-child(1) {
	animation-delay: 0s;
}
.streamer-hero-frame__rig-lights i:nth-child(2) {
	animation-delay: 0.15s;
}
.streamer-hero-frame__rig-lights i:nth-child(3) {
	animation-delay: 0.3s;
}
.streamer-hero-frame__rig-lights i:nth-child(4) {
	animation-delay: 0.45s;
}
.streamer-hero-frame__rig-lights i:nth-child(5) {
	animation-delay: 0.6s;
}
.streamer-hero-frame__rig-lights i:nth-child(6) {
	animation-delay: 0.45s;
}
.streamer-hero-frame__rig-lights i:nth-child(7) {
	animation-delay: 0.3s;
}
.streamer-hero-frame__rig-lights i:nth-child(8) {
	animation-delay: 0.15s;
}

@keyframes streamer-spot {
	0%,
	100% {
		opacity: 0.75;
		filter: brightness(1);
		transform: translateY(0) scaleY(1);
	}
	50% {
		opacity: 1;
		filter: brightness(1.25);
		transform: translateY(2px) scaleY(1.05);
	}
}

.streamer-site .free-spins-hero.streamer-hero-framed img {
	position: relative;
	z-index: 1;
	width: auto !important;
	max-width: min(1080px, 96%) !important;
	height: auto !important;
	max-height: calc(100% - 8px);
	object-fit: contain;
	border-radius: 18px;
	border: 1px solid rgba(255, 215, 0, 0.38);
	box-shadow:
		0 28px 72px rgba(0, 0, 0, 0.58),
		0 0 0 1px rgba(255, 52, 77, 0.22),
		0 0 56px rgba(255, 215, 0, 0.14);
}

/* --- Tournament / leaderboard panels --- */
.streamer-site .tournaments {
	position: relative;
}

.streamer-site .tournaments::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: min(90%, 960px);
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--streamer-neon), var(--streamer-gold), var(--streamer-violet), transparent);
	opacity: 0.65;
	pointer-events: none;
}

.streamer-site .tournaments .section-heading .title {
	text-shadow:
		0 0 24px rgba(255, 52, 77, 0.4),
		0 0 48px rgba(168, 85, 247, 0.15);
}

.streamer-site .tournaments .info-table .main-box {
	position: relative;
	border: 1px solid rgba(255, 52, 77, 0.35);
	box-shadow:
		0 0 0 1px rgba(255, 215, 0, 0.12),
		0 12px 48px rgba(0, 0, 0, 0.55),
		0 0 60px rgba(255, 52, 77, 0.12),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.streamer-site .tournaments .info-table .main-box::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 3px;
	pointer-events: none;
	z-index: 2;
	border-radius: inherit;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(255, 52, 77, 0.85) 25%,
		rgba(255, 215, 0, 0.65) 50%,
		rgba(168, 85, 247, 0.75) 75%,
		transparent
	);
	opacity: 0.9;
}

.streamer-site .tournaments .info-table .main-box > * {
	position: relative;
	z-index: 1;
}

.streamer-site .draw-time {
	background: var(--streamer-panel);
	border: 1px solid rgba(255, 52, 77, 0.2);
	border-radius: 8px;
	padding: 1rem 1.25rem 1.25rem;
	margin-bottom: 1.5rem;
	box-shadow:
		0 0 30px rgba(255, 52, 77, 0.08),
		inset 0 0 40px rgba(0, 0, 0, 0.35);
}

.streamer-site .draw-time .draw-counter {
	font-size: inherit;
	line-height: 1.2;
}

.streamer-site .draw-time .subtitle {
	letter-spacing: 0.08em;
}

/* One-line race countdown: single span + fluid type (see “Countdown digits” block below) */
.streamer-site .draw-time .draw-counter .draw-counter__line {
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	font-size: clamp(12px, 3.75vw, 36px);
	line-height: 1.2;
	letter-spacing: 0.02em;
}

/* Breadcrumb strip (leaderboards) */
.streamer-site .breadcrumb-area {
	position: relative;
}

.streamer-site .breadcrumb-area::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	background: linear-gradient(90deg, transparent, rgba(255, 52, 77, 0.5), rgba(255, 215, 0, 0.35), transparent);
	opacity: 0.7;
	pointer-events: none;
}

/* --- Home hero: copy + Shock / Chicken CTAs --- */
.hero-area .hero-copy {
	position: relative;
	padding-left: 1.1rem;
}

.hero-area .hero-copy::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.35rem;
	bottom: 0.35rem;
	width: 3px;
	border-radius: 2px;
	background: linear-gradient(180deg, var(--streamer-neon), var(--streamer-gold), var(--streamer-violet));
	opacity: 0.85;
}

.hero-area .hero-eyebrow {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.45rem;
	margin-bottom: 12px;
	background: none !important;
	-webkit-background-clip: unset !important;
	-webkit-text-fill-color: unset !important;
	background-clip: unset !important;
	font-size: 0.78rem;
	line-height: 1.4;
	letter-spacing: 0.16em;
	font-weight: 700;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.55);
}

.hero-area .hero-eyebrow__kick {
	color: #53fc18;
	text-shadow: 0 0 14px rgba(83, 252, 24, 0.45);
	letter-spacing: 0.1em;
}

.hero-area .text.hero-lead {
	font-size: clamp(1rem, 2.1vw, 1.28rem);
	line-height: 1.55;
	font-weight: 400;
	max-width: 34em;
	margin-bottom: 28px;
}

.hero-area .hero-inline {
	font-weight: 700;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition:
		color 0.2s ease,
		border-color 0.2s ease;
}

.hero-area .hero-inline:hover {
	border-bottom-color: currentColor;
}

.hero-area .hero-inline--shock {
	color: #7ab3ff;
}

.hero-area .hero-inline--shock:hover {
	color: #a6cbff;
}

.hero-area .hero-inline--chicken {
	color: #ffb347;
}

.hero-area .hero-inline--chicken:hover {
	color: #ffc875;
}

.hero-area .hero-inline--kick {
	color: #53fc18;
}

.hero-area .hero-inline--kick:hover {
	color: #7dff4a;
}

.hero-area .hero-code-chip {
	display: inline-block;
	padding: 0.12em 0.5em;
	margin: 0 0.05em;
	border-radius: 6px;
	font-weight: 800;
	letter-spacing: 0.06em;
	color: #ff6b82;
	background: rgba(255, 52, 77, 0.12);
	border: 1px solid rgba(255, 52, 77, 0.45);
	box-shadow: 0 0 20px rgba(255, 52, 77, 0.15);
}

.hero-area .hero-cta-row {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	align-items: stretch;
}

.hero-area .hero-cta {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 1rem;
	flex: 1 1 auto;
	min-width: min(100%, 220px);
	padding: 1rem 1.2rem;
	border-radius: 16px;
	text-decoration: none !important;
	color: #eef3ff !important;
	font-size: 15px;
	overflow: hidden;
	background: linear-gradient(155deg, rgba(22, 24, 52, 0.96), rgba(7, 9, 26, 0.99));
	border: 1px solid rgba(255, 255, 255, 0.09);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.07),
		0 14px 44px rgba(0, 0, 0, 0.5);
	transition:
		transform 0.22s ease,
		box-shadow 0.22s ease,
		border-color 0.22s ease;
}

.hero-area .hero-cta::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	opacity: 0;
	transition: opacity 0.25s ease;
	pointer-events: none;
}

.hero-area .hero-cta:hover {
	transform: translateY(-3px);
	color: #fff !important;
}

.hero-area .hero-cta:focus-visible {
	outline: 2px solid var(--streamer-gold);
	outline-offset: 3px;
}

.hero-area .hero-cta--shock {
	border-color: rgba(4, 92, 240, 0.5);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		0 0 0 1px rgba(4, 92, 240, 0.2),
		0 18px 50px rgba(4, 92, 240, 0.32),
		0 28px 70px rgba(0, 0, 0, 0.45);
}

.hero-area .hero-cta--shock::before {
	background: radial-gradient(ellipse 100% 80% at 15% -20%, rgba(91, 155, 255, 0.45), transparent 58%);
}

.hero-area .hero-cta--shock:hover {
	border-color: rgba(123, 179, 255, 0.85);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.12),
		0 0 0 1px rgba(4, 92, 240, 0.45),
		0 22px 60px rgba(4, 92, 240, 0.45),
		0 32px 80px rgba(0, 0, 0, 0.5);
}

.hero-area .hero-cta--chicken {
	border-color: rgba(246, 122, 31, 0.55);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		0 0 0 1px rgba(246, 122, 31, 0.22),
		0 18px 50px rgba(246, 122, 31, 0.28),
		0 28px 70px rgba(0, 0, 0, 0.45);
}

.hero-area .hero-cta--chicken::before {
	background: radial-gradient(ellipse 100% 80% at 15% -20%, rgba(255, 180, 100, 0.4), transparent 58%);
}

.hero-area .hero-cta--chicken:hover {
	border-color: rgba(255, 170, 90, 0.95);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.12),
		0 0 0 1px rgba(246, 122, 31, 0.45),
		0 22px 60px rgba(246, 122, 31, 0.42),
		0 32px 80px rgba(0, 0, 0, 0.5);
}

.hero-area .hero-cta:hover::before {
	opacity: 1;
}

.hero-area .hero-cta__icon {
	flex-shrink: 0;
	width: 50px;
	height: 50px;
	border-radius: 12px;
	display: grid;
	place-items: center;
	background: rgba(0, 0, 0, 0.4);
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.hero-area .hero-cta--shock .hero-cta__icon {
	border-color: rgba(4, 92, 240, 0.4);
	box-shadow: 0 0 28px rgba(4, 92, 240, 0.35);
}

.hero-area .hero-cta--chicken .hero-cta__icon {
	border-color: rgba(246, 122, 31, 0.45);
	box-shadow: 0 0 28px rgba(246, 122, 31, 0.3);
}

.hero-area .hero-cta__icon img {
	width: 22px;
	height: auto;
	max-height: 28px;
	object-fit: contain;
}

.hero-area .hero-cta--chicken .hero-cta__icon img {
	width: 30px;
	height: 30px;
	border-radius: 6px;
}

.hero-area .hero-cta__text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.15rem;
	text-align: left;
	min-width: 0;
}

.hero-area .hero-cta__hint {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.62);
}

.hero-area .hero-cta__brand {
	font-size: 1.05rem;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	line-height: 1.15;
}

.hero-area .hero-cta__chev {
	margin-left: auto;
	width: 9px;
	height: 9px;
	border-right: 2px solid rgba(255, 255, 255, 0.45);
	border-bottom: 2px solid rgba(255, 255, 255, 0.45);
	transform: rotate(-45deg);
	flex-shrink: 0;
	opacity: 0.85;
}

.hero-area .hero-cta:hover .hero-cta__chev {
	border-color: rgba(255, 255, 255, 0.85);
}

@media (max-width: 767px) {
	.hero-area .hero-copy {
		padding-left: 0;
		padding-top: 0.75rem;
	}

	.hero-area .hero-copy::before {
		left: 50%;
		right: auto;
		top: 0;
		bottom: auto;
		width: min(280px, 70%);
		height: 3px;
		transform: translateX(-50%);
		background: linear-gradient(90deg, transparent, var(--streamer-neon), var(--streamer-gold), var(--streamer-violet), transparent);
	}

	.hero-area .hero-cta__text {
		align-items: center;
		text-align: center;
	}
}

/* --- Social platforms (Kick, Discord, YouTube, X) --- */
.features.about-page.social-platforms {
	padding: 72px 0 96px;
}

.social-platforms__heading {
	margin-bottom: 2.5rem;
}

.social-platforms__grid {
	margin-top: 0.25rem;
}

.social-platforms__grid > [class*="col-"] {
	display: flex;
}

.social-card {
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 1.15rem;
	min-height: 132px;
	height: 100%;
	padding: 1.2rem 1.35rem;
	border-radius: 18px;
	text-decoration: none !important;
	color: rgba(245, 248, 255, 0.95) !important;
	overflow: hidden;
	background: linear-gradient(155deg, rgba(26, 22, 48, 0.92), rgba(8, 10, 26, 0.97));
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.06),
		0 14px 40px rgba(0, 0, 0, 0.42);
	transition:
		transform 0.22s ease,
		box-shadow 0.22s ease,
		border-color 0.22s ease;
}

.social-card__accent {
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.25s ease;
	border-radius: inherit;
}

.social-card:hover .social-card__accent {
	opacity: 1;
}

.social-card:hover {
	transform: translateY(-4px);
	color: #fff !important;
}

.social-card:focus-visible {
	outline: 2px solid var(--streamer-gold);
	outline-offset: 3px;
}

.social-card--kick {
	border-color: rgba(83, 252, 24, 0.35);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.07),
		0 0 0 1px rgba(83, 252, 24, 0.15),
		0 16px 44px rgba(0, 0, 0, 0.45),
		0 0 48px rgba(83, 252, 24, 0.12);
}

.social-card--kick .social-card__accent {
	background: radial-gradient(ellipse 90% 70% at 12% 0%, rgba(83, 252, 24, 0.35), transparent 60%);
}

.social-card--kick:hover {
	border-color: rgba(140, 255, 120, 0.55);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.1),
		0 0 0 1px rgba(83, 252, 24, 0.3),
		0 22px 52px rgba(0, 0, 0, 0.48),
		0 0 56px rgba(83, 252, 24, 0.22);
}

.social-card--discord {
	border-color: rgba(88, 101, 242, 0.45);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.07),
		0 0 0 1px rgba(88, 101, 242, 0.18),
		0 16px 44px rgba(0, 0, 0, 0.45),
		0 0 48px rgba(88, 101, 242, 0.12);
}

.social-card--discord .social-card__accent {
	background: radial-gradient(ellipse 90% 70% at 12% 0%, rgba(120, 130, 255, 0.4), transparent 60%);
}

.social-card--discord:hover {
	border-color: rgba(150, 160, 255, 0.65);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.1),
		0 0 0 1px rgba(88, 101, 242, 0.32),
		0 22px 52px rgba(0, 0, 0, 0.48),
		0 0 56px rgba(88, 101, 242, 0.22);
}

.social-card--youtube {
	border-color: rgba(255, 70, 70, 0.4);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.07),
		0 0 0 1px rgba(255, 70, 70, 0.15),
		0 16px 44px rgba(0, 0, 0, 0.45),
		0 0 44px rgba(255, 60, 60, 0.1);
}

.social-card--youtube .social-card__accent {
	background: radial-gradient(ellipse 90% 70% at 12% 0%, rgba(255, 100, 100, 0.38), transparent 60%);
}

.social-card--youtube:hover {
	border-color: rgba(255, 140, 140, 0.6);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.1),
		0 0 0 1px rgba(255, 80, 80, 0.28),
		0 22px 52px rgba(0, 0, 0, 0.48),
		0 0 52px rgba(255, 90, 90, 0.18);
}

.social-card--x {
	border-color: rgba(200, 210, 230, 0.25);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.06),
		0 0 0 1px rgba(255, 255, 255, 0.06),
		0 16px 44px rgba(0, 0, 0, 0.45);
}

.social-card--x .social-card__accent {
	background: radial-gradient(ellipse 90% 70% at 12% 0%, rgba(255, 255, 255, 0.12), transparent 60%);
}

.social-card--x:hover {
	border-color: rgba(235, 240, 255, 0.45);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.1),
		0 0 0 1px rgba(255, 255, 255, 0.12),
		0 22px 52px rgba(0, 0, 0, 0.5),
		0 0 40px rgba(255, 255, 255, 0.06);
}

.social-card__icon {
	position: relative;
	z-index: 1;
	flex-shrink: 0;
	width: 76px;
	height: 76px;
	border-radius: 16px;
	display: grid;
	place-items: center;
	background: rgba(0, 0, 0, 0.42);
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.social-card--kick .social-card__icon {
	box-shadow: 0 0 28px rgba(83, 252, 24, 0.2);
}

.social-card--discord .social-card__icon {
	box-shadow: 0 0 26px rgba(88, 101, 242, 0.25);
}

.social-card--youtube .social-card__icon {
	box-shadow: 0 0 26px rgba(255, 80, 80, 0.2);
}

.social-card--x .social-card__icon {
	background: rgba(255, 255, 255, 0.06);
}

.social-card__icon img {
	display: block;
	max-width: 100%;
	height: auto;
}

.social-card--kick .social-card__icon img {
	width: 68px;
	max-height: 26px;
	object-fit: contain;
}

.social-card--discord .social-card__icon img,
.social-card--youtube .social-card__icon img {
	width: 44px;
	height: 44px;
	object-fit: contain;
}

.social-card--x .social-card__icon img {
	width: 38px;
	height: 38px;
	object-fit: contain;
}

.social-card__body {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.35rem;
	flex: 1 1 auto;
	min-width: 0;
	text-align: left;
}

.social-card__name {
	font-size: 1.12rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: inherit;
}

.social-card__desc {
	font-size: 0.92rem;
	line-height: 1.45;
	font-weight: 400;
	color: rgba(230, 235, 255, 0.72);
}

.social-card__cta {
	position: relative;
	z-index: 1;
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.88);
	white-space: nowrap;
}

.social-card--kick .social-card__cta {
	color: #8cff7a;
}

.social-card--discord .social-card__cta {
	color: #aeb7ff;
}

.social-card--youtube .social-card__cta {
	color: #ff9a9a;
}

.social-card--x .social-card__cta {
	color: rgba(255, 255, 255, 0.75);
}

.social-card__arrow {
	font-size: 1rem;
	line-height: 1;
	transition: transform 0.2s ease;
}

.social-card:hover .social-card__arrow {
	transform: translateX(4px);
}

@media (max-width: 575px) {
	.social-card {
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 1.35rem 1.1rem;
		min-height: 0;
	}

	.social-card__body {
		align-items: center;
		text-align: center;
	}

	.social-card__cta {
		margin-top: 0.35rem;
	}
}

/* --- Reduced motion --- */
@media (prefers-reduced-motion: reduce) {
	.streamer-ticker__marquee,
	.streamer-hero-frame__glow,
	.streamer-hero-frame__rig-lights i,
	.streamer-site .header .logo-prudent,
	.streamer-site .header .mainmenu-area .navbar .navbar-brand::before {
		animation: none !important;
	}

	.hero-area .hero-cta:hover {
		transform: none;
	}

	.social-card:hover {
		transform: none;
	}

	.social-card:hover .social-card__arrow {
		transform: none;
	}

	.streamer-ticker__marquee {
		transform: none;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
	}

	.streamer-ticker__segment:last-child {
		display: none;
	}

	.streamer-site .single-awards:hover {
		transform: none;
	}

	.streamer-site .single-h-play:hover {
		transform: none;
	}

	.streamer-site .main-box.home-leaderboard-buttons-only .inner-table-content .header-area .nav-lend .nav-link.home-lb-deck:hover,
	.streamer-site .main-box.home-leaderboard-buttons-only .inner-table-content .header-area .nav-lend .nav-link.home-lb-deck.active {
		transform: none;
	}

	.streamer-site .nav-link.home-lb-deck:hover .home-lb-deck__arrow {
		transform: none;
	}

	.streamer-site .tournaments .main-box:not(.home-leaderboard-buttons-only) .inner-table-content .header-area .nav-lend button.nav-link:hover,
	.streamer-site .tournaments .main-box:not(.home-leaderboard-buttons-only) .inner-table-content .header-area .nav-lend a.nav-link:hover {
		transform: none;
	}

	.streamer-site .tournaments .first-awards .single-awards,
	.streamer-site .tournaments .first-awards .single-awards:hover {
		transform: none;
	}

	.streamer-site .get-start .right-image:hover,
	.streamer-site .get-start .section-heading .mybtn1:hover,
	.streamer-site .footer .copy-bg .copright-area-links li a:hover {
		transform: none;
	}
}

/* =============================================================================
   Site-wide “deck” polish (matches hero / social / raffle styling)
   Scoped to .streamer-site — all main HTML pages use this class.
   ============================================================================= */

/* --- Section headings --- */
.streamer-site .section-heading .subtitle {
	letter-spacing: 0.12em;
	font-weight: 700;
}

.streamer-site .section-heading .title {
	text-shadow:
		0 0 22px rgba(255, 52, 77, 0.22),
		0 0 48px rgba(168, 85, 247, 0.1);
}

.streamer-site .section-heading .text {
	color: rgba(220, 225, 255, 0.78);
}

/* --- Featured band (home: wraps social + leaderboards) --- */
.streamer-site .featured-game {
	position: relative;
	background-color: #060818;
	background-image:
		linear-gradient(180deg, rgba(5, 7, 20, 0.94) 0%, rgba(8, 10, 32, 0.78) 42%, rgba(5, 7, 20, 0.96) 100%),
		url("../images/featuredgame-bg.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-top: 1px solid rgba(255, 52, 77, 0.12);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

/* --- Leaderboard pages: hero (breadcrumb band) --- */
.streamer-site .lb-hero.breadcrumb-area {
	padding: clamp(100px, 14vw, 150px) 0 clamp(72px, 10vw, 110px) !important;
	background:
		radial-gradient(ellipse 70% 80% at 50% 0%, rgba(255, 52, 77, 0.12), transparent 55%),
		linear-gradient(180deg, #05060f 0%, #0a0e22 55%, #070b1c 100%) !important;
	border-bottom: 1px solid rgba(255, 52, 77, 0.18);
}

.streamer-site .lb-hero .container {
	position: relative;
	z-index: 2;
}

.streamer-site .lb-hero .title {
	text-align: center;
	margin-bottom: 0.5rem;
}

.streamer-site .lb-hero .title a img {
	filter: drop-shadow(0 12px 32px rgba(0, 0, 0, 0.55));
	border-radius: 12px !important;
	transition:
		transform 0.25s ease,
		filter 0.25s ease;
}

.streamer-site .lb-hero .title a:hover img {
	transform: translateY(-2px) scale(1.02);
	filter: drop-shadow(0 16px 40px rgba(255, 52, 77, 0.25));
}

.streamer-site .lb-hero .breadcrumb-list {
	justify-content: center;
	margin-top: 1rem;
}

.streamer-site .lb-hero--chicken .bc-img {
	opacity: 0.35;
	filter: saturate(1.1);
}

.streamer-site .lb-hero--shock .bc-img {
	opacity: 0.32;
	filter: saturate(1.05) hue-rotate(-8deg);
}

.streamer-site .lb-hero.breadcrumb-area::after {
	height: 2px;
	opacity: 0.95;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(255, 52, 77, 0.75) 30%,
		rgba(255, 215, 0, 0.45) 50%,
		rgba(168, 85, 247, 0.65) 70%,
		transparent
	);
}

/* Leaderboard heroes: same OBS frame + gold rig bulbs as 5000 spins hero */
.streamer-site .lb-hero.streamer-hero-framed {
	position: relative;
	overflow: hidden;
	/* Match .free-spins-hero margin — fixed header (z-index 1000) was covering rig lights */
	margin-top: 70px;
}

@media (min-width: 998px) {
	.streamer-site .lb-hero.streamer-hero-framed {
		margin-top: 90px;
	}
}

.streamer-site .lb-hero.streamer-hero-framed .streamer-hero-frame {
	z-index: 1;
}

.streamer-site .lb-hero.streamer-hero-framed .container {
	position: relative;
	z-index: 2;
}

.streamer-site .lb-hero.streamer-hero-framed .streamer-hero-frame__corners {
	inset: clamp(12px, 2.2vw, 28px);
	border-radius: 14px;
}

.streamer-site .lb-hero.streamer-hero-framed .streamer-hero-frame__glow {
	opacity: 0.28;
}

.streamer-site .lb-hero.streamer-hero-framed .streamer-hero-frame__rig-lights {
	top: clamp(8px, 2vw, 16px);
	padding-top: clamp(12px, 2.8vw, 22px);
}

/* --- Leaderboards & raffle: week toggle (segmented) --- */
.streamer-site .tournaments .info-table .main-box .main-header-area {
	position: relative;
	padding-bottom: 0.85rem;
}

.streamer-site .tournaments .info-table .main-box .main-header-area::after {
	content: "";
	position: absolute;
	left: 6%;
	right: 6%;
	bottom: 0;
	height: 2px;
	border-radius: 2px;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(255, 52, 77, 0.85) 25%,
		rgba(168, 85, 247, 0.75) 75%,
		transparent
	);
	opacity: 0.9;
	pointer-events: none;
}

.streamer-site .tournaments .info-table .main-box .main-header-area .nav {
	display: flex;
	width: 100%;
	max-width: 520px;
	margin: 0 auto;
	padding: 0.65rem 0 1rem;
	gap: 0;
	align-items: stretch;
	border: none;
	background: transparent;
}

.streamer-site .tournaments .info-table .main-box .main-header-area .nav .nav-item {
	flex: 1;
	margin: 0;
}

.streamer-site .tournaments .info-table .main-box .main-header-area .nav .nav-item .nav-link {
	width: 100%;
	margin: 0 !important;
	padding: 0.75rem 0.5rem !important;
	font-size: clamp(12px, 1.8vw, 15px) !important;
	line-height: 1.35 !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	color: rgba(245, 248, 255, 0.92) !important;
	background: linear-gradient(180deg, #1c2238, #12162a) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 0 !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
	transition:
		background 0.2s ease,
		box-shadow 0.2s ease,
		color 0.2s ease,
		border-color 0.2s ease;
}

.streamer-site .tournaments .info-table .main-box .main-header-area .nav .nav-item:first-child .nav-link {
	border-radius: 14px 0 0 14px !important;
	border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.streamer-site .tournaments .info-table .main-box .main-header-area .nav .nav-item:last-child .nav-link {
	border-radius: 0 14px 14px 0 !important;
}

.streamer-site .tournaments .info-table .main-box .main-header-area .nav li button.active {
	color: #fff !important;
	background: linear-gradient(135deg, #ff2e4d, #c91830) !important;
	border-color: rgba(255, 150, 170, 0.55) !important;
	box-shadow:
		0 0 32px rgba(255, 52, 77, 0.45),
		inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

.streamer-site .tournaments .info-table .main-box .main-header-area .nav li button:not(.active):hover {
	background: linear-gradient(180deg, #252a45, #181c32) !important;
	color: #fff !important;
}

@media (max-width: 575px) {
	.streamer-site .tournaments .info-table .main-box .main-header-area .nav {
		flex-direction: column;
		max-width: 100%;
	}

	.streamer-site .tournaments .info-table .main-box .main-header-area .nav .nav-item:first-child .nav-link {
		border-radius: 14px 14px 0 0 !important;
		border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
	}

	.streamer-site .tournaments .info-table .main-box .main-header-area .nav .nav-item:last-child .nav-link {
		border-radius: 0 0 14px 14px !important;
	}
}

/* Leaderboard / More Info — pill pair (chicken, shock, raffle; not home deck) */
.streamer-site .tournaments .main-box:not(.home-leaderboard-buttons-only) .inner-table-content .header-area ul.nav-lend {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 1.15rem !important;
	padding: 1.1rem 0 1.35rem !important;
	margin: 0 auto;
	max-width: 640px;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

.streamer-site .tournaments .main-box:not(.home-leaderboard-buttons-only) .inner-table-content .header-area .nav-lend .nav-item {
	display: block !important;
	margin: 0 !important;
}

.streamer-site .tournaments .main-box:not(.home-leaderboard-buttons-only) .inner-table-content .header-area .nav-lend button.nav-link,
.streamer-site .tournaments .main-box:not(.home-leaderboard-buttons-only) .inner-table-content .header-area .nav-lend a.nav-link {
	min-width: min(100%, 220px);
	padding: 0.85rem 1.75rem !important;
	margin: 0 !important;
	border-radius: 999px !important;
	font-size: clamp(13px, 1.9vw, 16px) !important;
	line-height: 1.25 !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: #fff !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	background: linear-gradient(180deg, #2c3148, #1a1f32) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.07),
		0 8px 22px rgba(0, 0, 0, 0.35);
	transition:
		background 0.2s ease,
		box-shadow 0.2s ease,
		border-color 0.2s ease,
		transform 0.2s ease;
}

.streamer-site .tournaments .main-box:not(.home-leaderboard-buttons-only) .inner-table-content .header-area .nav-lend button.nav-link:hover,
.streamer-site .tournaments .main-box:not(.home-leaderboard-buttons-only) .inner-table-content .header-area .nav-lend a.nav-link:hover {
	transform: translateY(-2px);
	background: linear-gradient(180deg, #343a55, #22283c) !important;
	border-color: rgba(255, 255, 255, 0.22) !important;
}

.streamer-site .tournaments .main-box:not(.home-leaderboard-buttons-only) .inner-table-content .header-area .nav-lend button.nav-link.active,
.streamer-site .tournaments .main-box:not(.home-leaderboard-buttons-only) .inner-table-content .header-area .nav-lend a.nav-link.active {
	background: linear-gradient(135deg, #ff2e4a, #d91f3c) !important;
	border-color: rgba(255, 190, 200, 0.55) !important;
	box-shadow:
		0 0 36px rgba(255, 52, 77, 0.55),
		0 12px 32px rgba(0, 0, 0, 0.4),
		inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

/* Leaderboard / More Info — mobile: stack full-width (avoids overlap vs responsive.css min-width + flex row) */
@media (max-width: 767px) {
	.streamer-site .tournaments .main-box:not(.home-leaderboard-buttons-only) .inner-table-content .header-area {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		width: 100%;
		box-sizing: border-box;
		padding: 12px 12px 20px !important;
	}

	.streamer-site .tournaments .main-box:not(.home-leaderboard-buttons-only) .inner-table-content .header-area ul.nav-lend {
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		width: 100% !important;
		max-width: 100% !important;
		gap: 0.65rem !important;
		padding: 0.75rem 0 1rem !important;
		margin: 0 !important;
		box-sizing: border-box;
	}

	.streamer-site .tournaments .main-box:not(.home-leaderboard-buttons-only) .inner-table-content .header-area .nav-lend .nav-item {
		flex: none !important;
		width: 100% !important;
		min-width: 0 !important;
	}

	.streamer-site .tournaments .main-box:not(.home-leaderboard-buttons-only) .inner-table-content .header-area .nav-lend button.nav-link,
	.streamer-site .tournaments .main-box:not(.home-leaderboard-buttons-only) .inner-table-content .header-area .nav-lend a.nav-link {
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		box-sizing: border-box;
	}
}

/* Countdown digits — warm glow */
.streamer-site .draw-time .draw-counter,
.streamer-site .draw-time .draw-counter span,
.streamer-site .draw-time .draw-counter .draw-counter__line {
	font-family: var(--font-display), ui-monospace, monospace;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.streamer-site .draw-time .draw-counter span,
.streamer-site .draw-time .draw-counter .draw-counter__line {
	color: #fff6d8;
	text-shadow:
		0 0 10px rgba(255, 220, 140, 0.85),
		0 0 26px rgba(255, 170, 60, 0.35);
}

.streamer-site .tournaments .info-table .main-box .inner-table-content .table tr th {
	background: linear-gradient(180deg, #141a3d, #0e1430) !important;
	border-bottom: 1px solid rgba(255, 52, 77, 0.2) !important;
	text-shadow: 0 0 12px rgba(255, 255, 255, 0.12);
}

.streamer-site .tournaments .info-table .main-box .inner-table-content .table tr:hover td {
	background: rgba(255, 52, 77, 0.04);
}

/* Chicken leaderboard table: stable avatar + name row, XP on one line (mobile nowrap) */
.streamer-site .tournaments .info-table .main-box .inner-table-content .table .lb-user-inline {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 6px;
	max-width: 100%;
}

.streamer-site .tournaments .info-table .main-box .inner-table-content .table .lb-user-inline__avatar {
	width: 28px !important;
	height: 28px !important;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
	margin: 0 !important;
	display: block;
}

.streamer-site .tournaments .info-table .main-box .inner-table-content .table .lb-user-inline__name {
	white-space: nowrap;
	line-height: 1.25;
}

.streamer-site .tournaments .info-table .main-box .inner-table-content .table .lb-table-xp {
	display: inline-block;
	white-space: nowrap;
	line-height: 1.25;
}

.streamer-site .tournaments .info-table .main-box .info-content .info-box:not(.leaderboard-abuse-notice) {
	border-radius: 14px;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	background: linear-gradient(155deg, rgba(22, 26, 52, 0.55), rgba(8, 10, 26, 0.75)) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.05),
		0 12px 32px rgba(0, 0, 0, 0.35);
}

.streamer-site .tournaments .info-table .main-box .info-content .info-box:not(.leaderboard-abuse-notice) .title {
	text-shadow: 0 0 14px rgba(255, 215, 0, 0.15);
}

/* Podium cards (leaderboards only — keeps DOM / JS fields) */
.streamer-site .tournaments .single-awards {
	position: relative;
	border-radius: 18px !important;
	overflow: visible;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	background: linear-gradient(168deg, rgba(30, 34, 58, 0.97), rgba(10, 12, 26, 0.99)) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.06),
		0 16px 44px rgba(0, 0, 0, 0.48) !important;
}

.streamer-site .tournaments .single-awards::before {
	content: "";
	position: absolute;
	left: 14px;
	right: 14px;
	top: 0;
	height: 4px;
	border-radius: 0 0 6px 6px;
	opacity: 0.95;
	pointer-events: none;
}

.streamer-site .tournaments .first-awards .single-awards::before {
	background: linear-gradient(90deg, #ffd54a, #ff8c00);
	box-shadow: 0 0 22px rgba(255, 200, 80, 0.45);
}

.streamer-site .tournaments .second-awards .single-awards::before {
	background: linear-gradient(90deg, #e8ecf5, #a8b0c8);
	box-shadow: 0 0 18px rgba(200, 210, 230, 0.35);
}

.streamer-site .tournaments .third-awards .single-awards::before {
	background: linear-gradient(90deg, #e59a5c, #b87333);
	box-shadow: 0 0 18px rgba(205, 140, 80, 0.35);
}

.streamer-site .tournaments .first-awards .single-awards {
	border-color: rgba(255, 215, 0, 0.45) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		0 18px 50px rgba(0, 0, 0, 0.5),
		0 0 40px rgba(255, 200, 80, 0.18) !important;
	transform: scale(1.02);
	z-index: 2;
}

.streamer-site .tournaments .second-awards .single-awards {
	border-color: rgba(200, 210, 230, 0.35) !important;
}

.streamer-site .tournaments .third-awards .single-awards {
	border-color: rgba(205, 127, 50, 0.45) !important;
}

.streamer-site .tournaments .single-awards:hover {
	border-color: rgba(255, 52, 77, 0.5) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		0 20px 52px rgba(0, 0, 0, 0.52),
		0 0 38px rgba(255, 52, 77, 0.18) !important;
}

.streamer-site .tournaments .first-awards .single-awards:hover {
	transform: scale(1.03);
}

.streamer-site .tournaments .single-awards .content .user {
	border-width: 2px !important;
	border-color: rgba(255, 255, 255, 0.2) !important;
	box-shadow: 0 0 24px rgba(0, 0, 0, 0.35);
}

.streamer-site .tournaments .first-awards .single-awards .content .user {
	border-color: rgba(255, 215, 0, 0.55) !important;
	box-shadow: 0 0 28px rgba(255, 200, 100, 0.2);
}

.streamer-site .tournaments .single-awards .content .num {
	color: rgba(255, 255, 255, 0.07) !important;
	text-shadow: 0 0 40px rgba(255, 52, 77, 0.12);
}

.streamer-site .tournaments .first-awards .single-awards .content .num {
	color: rgba(255, 215, 0, 0.09) !important;
}

/* --- Get started / stream CTA strip (matches social + deck panels) --- */
.streamer-site .get-start {
	position: relative;
	overflow: hidden;
	padding: clamp(56px, 8vw, 88px) 0 clamp(64px, 9vw, 96px) !important;
	background:
		radial-gradient(ellipse 70% 45% at 12% 0%, rgba(255, 52, 77, 0.12), transparent 55%),
		radial-gradient(ellipse 55% 40% at 88% 100%, rgba(168, 85, 247, 0.1), transparent 50%),
		linear-gradient(180deg, #070a1c 0%, #0b122e 42%, #060818 100%) !important;
	border-top: 1px solid rgba(255, 52, 77, 0.22);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.streamer-site .get-start::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 3px;
	pointer-events: none;
	background: linear-gradient(
		90deg,
		transparent,
		var(--streamer-neon-soft),
		var(--streamer-gold),
		var(--streamer-violet),
		transparent
	);
	opacity: 0.85;
}

.streamer-site .get-start .left-area .section-heading {
	position: relative;
	padding: clamp(1.35rem, 3vw, 1.85rem) clamp(1.35rem, 3vw, 2rem);
	border-radius: 18px;
	background: linear-gradient(155deg, rgba(26, 22, 48, 0.88), rgba(8, 10, 26, 0.94));
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.07),
		0 0 0 1px rgba(255, 52, 77, 0.12),
		0 18px 52px rgba(0, 0, 0, 0.45),
		0 0 48px rgba(255, 52, 77, 0.08);
}

.streamer-site .get-start .left-area .section-heading::before {
	content: "";
	position: absolute;
	left: 1rem;
	right: 1rem;
	top: 0;
	height: 3px;
	border-radius: 0 0 3px 3px;
	pointer-events: none;
	background: linear-gradient(90deg, transparent, rgba(255, 52, 77, 0.85) 30%, rgba(255, 215, 0, 0.55) 50%, rgba(168, 85, 247, 0.75) 70%, transparent);
	opacity: 0.95;
}

.streamer-site .get-start .section-heading .subtitle {
	color: var(--streamer-neon) !important;
	text-shadow: 0 0 18px rgba(255, 52, 77, 0.35);
	text-transform: uppercase;
	font-weight: 700 !important;
}

.streamer-site .get-start .section-heading .title {
	text-shadow:
		0 0 22px rgba(255, 52, 77, 0.25),
		0 0 48px rgba(168, 85, 247, 0.12);
}

.streamer-site .get-start .section-heading .text {
	color: rgba(232, 238, 255, 0.92) !important;
	line-height: 1.65;
}

.streamer-site .get-start .section-heading .text a {
	color: var(--streamer-neon) !important;
	font-weight: 600 !important;
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 52, 77, 0.35);
	transition:
		color 0.2s ease,
		border-color 0.2s ease,
		text-shadow 0.2s ease;
}

.streamer-site .get-start .section-heading .text a:hover {
	color: #fff !important;
	border-bottom-color: var(--streamer-gold);
	text-shadow: 0 0 14px rgba(255, 215, 0, 0.35);
}

.streamer-site .get-start .right-image {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: clamp(12px, 2.2vw, 22px);
	margin: 0 auto;
	max-width: 420px;
	border-radius: 22px;
	background: linear-gradient(165deg, rgba(22, 24, 52, 0.55), rgba(8, 10, 26, 0.92));
	border: 1px solid rgba(255, 215, 0, 0.28);
	box-shadow:
		inset 0 0 50px rgba(255, 52, 77, 0.07),
		0 0 0 1px rgba(255, 52, 77, 0.15),
		0 22px 64px rgba(0, 0, 0, 0.55),
		0 0 48px rgba(255, 215, 0, 0.08);
	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease,
		border-color 0.25s ease;
}

.streamer-site .get-start .right-image:hover {
	transform: translateY(-4px);
	border-color: rgba(255, 215, 0, 0.45);
	box-shadow:
		inset 0 0 55px rgba(255, 52, 77, 0.1),
		0 0 0 1px rgba(255, 52, 77, 0.28),
		0 28px 72px rgba(0, 0, 0, 0.58),
		0 0 56px rgba(255, 52, 77, 0.12);
}

.streamer-site .get-start .right-image img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	border-radius: 14px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow:
		0 0 0 1px rgba(0, 0, 0, 0.35),
		0 12px 40px rgba(0, 0, 0, 0.4);
}

.streamer-site .get-start .section-heading .mybtn1 {
	margin-top: 1.75rem !important;
	border-radius: 14px !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
	background: linear-gradient(135deg, #ff2e4d, #c91830) !important;
	border: 1px solid rgba(255, 190, 200, 0.45) !important;
	box-shadow:
		0 0 0 1px rgba(255, 52, 77, 0.35),
		0 0 32px rgba(255, 52, 77, 0.35),
		0 14px 36px rgba(0, 0, 0, 0.35) !important;
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease,
		filter 0.2s ease !important;
}

.streamer-site .get-start .section-heading .mybtn1:hover {
	transform: translateY(-2px);
	filter: brightness(1.06);
	box-shadow:
		0 0 0 1px rgba(255, 215, 0, 0.35),
		0 0 40px rgba(255, 52, 77, 0.45),
		0 18px 44px rgba(0, 0, 0, 0.4) !important;
}

@media (max-width: 991px) {
	.streamer-site .get-start .right-image {
		margin-top: 2rem;
	}
}

/* --- Breadcrumbs (leaderboard & about pages) --- */
.streamer-site .breadcrumb-area .title {
	text-shadow: 0 0 20px rgba(255, 52, 77, 0.2);
}

.streamer-site .breadcrumb-area .breadcrumb-list li a {
	border-radius: 999px;
	padding: 0.35rem 0.85rem;
	background: rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(255, 255, 255, 0.08);
	transition:
		background 0.2s ease,
		box-shadow 0.2s ease;
}

.streamer-site .breadcrumb-area .breadcrumb-list li a:hover {
	background: rgba(255, 52, 77, 0.15);
	border-color: rgba(255, 52, 77, 0.35);
	box-shadow: 0 0 20px rgba(255, 52, 77, 0.12);
}

/* --- How it works (behind-the-game) --- */
.streamer-site .how-play {
	background: #060818 !important;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.streamer-site #how-it-works-section {
	background-image:
		linear-gradient(180deg, rgba(4, 6, 18, 0.9), rgba(4, 6, 18, 0.82)),
		url("../images/how-play.jpg") !important;
	background-size: cover !important;
	background-position: center !important;
}

.streamer-site .single-h-play {
	padding: 1.35rem 1rem 1.5rem;
	border-radius: 16px;
	background: linear-gradient(155deg, rgba(22, 24, 52, 0.5), rgba(8, 10, 26, 0.85));
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.05),
		0 12px 36px rgba(0, 0, 0, 0.35);
	margin-bottom: 1rem;
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease,
		border-color 0.2s ease;
}

.streamer-site .single-h-play:hover {
	transform: translateY(-3px);
	border-color: rgba(255, 52, 77, 0.35);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.07),
		0 18px 44px rgba(0, 0, 0, 0.45),
		0 0 32px rgba(255, 52, 77, 0.12);
}

.streamer-site .single-h-play .title {
	text-shadow: 0 0 14px rgba(255, 255, 255, 0.08);
}

/* --- Footer --- */
.streamer-site .footer {
	position: relative;
	background: linear-gradient(180deg, #060818 0%, #040510 100%);
}

.streamer-site .footer .subscribe-area {
	display: none;
}

.streamer-site .footer .copy-bg {
	margin-top: 0 !important;
	padding: clamp(1.25rem, 3vw, 1.75rem) clamp(12px, 3vw, 20px) clamp(1.5rem, 3vw, 2rem) !important;
	background:
		radial-gradient(ellipse 80% 70% at 50% 0%, rgba(255, 52, 77, 0.08), transparent 55%),
		linear-gradient(180deg, rgba(10, 12, 28, 0.99), rgba(3, 4, 12, 1)) !important;
	border-top: 1px solid rgba(255, 52, 77, 0.28) !important;
	box-shadow:
		0 -12px 48px rgba(0, 0, 0, 0.5),
		inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.streamer-site .footer .copy-bg .container > .row:first-child {
	align-items: center;
	row-gap: 1rem;
}

.streamer-site .footer .copy-bg .left-area p {
	font-size: clamp(14px, 2.5vw, 16px) !important;
	line-height: 1.5 !important;
	color: rgba(220, 228, 255, 0.88) !important;
	margin-bottom: 0 !important;
}

.streamer-site .footer .copy-bg .left-area a {
	color: #fff !important;
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 52, 77, 0.35);
	transition:
		color 0.2s ease,
		border-color 0.2s ease,
		text-shadow 0.2s ease;
}

.streamer-site .footer .copy-bg .left-area a:hover {
	color: var(--streamer-gold) !important;
	border-bottom-color: rgba(255, 215, 0, 0.55);
	text-shadow: 0 0 12px rgba(255, 215, 0, 0.25);
}

.streamer-site .footer .copy-bg .copright-area-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5rem 0.65rem;
	text-align: right !important;
	padding: 0;
	margin: 0;
	list-style: none;
}

.streamer-site .footer .copy-bg .copright-area-links li {
	display: inline-flex !important;
	margin: 0 !important;
	position: relative;
}

.streamer-site .footer .copy-bg .copright-area-links li::after {
	display: none !important;
	content: none !important;
}

.streamer-site .footer .copy-bg .copright-area-links li a {
	display: inline-block;
	padding: 0.4rem 0.95rem !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	font-family: var(--font-display), sans-serif !important;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgba(215, 224, 255, 0.9) !important;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: rgba(0, 0, 0, 0.28);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
	transition:
		color 0.2s ease,
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease;
}

.streamer-site .footer .copy-bg .copright-area-links li a:hover {
	color: #fff !important;
	border-color: rgba(255, 52, 77, 0.45);
	box-shadow:
		0 0 20px rgba(255, 52, 77, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
	transform: translateY(-1px);
}

.streamer-site .footer-text-container {
	margin-top: 1.25rem !important;
	padding: 0 !important;
	display: block !important;
	height: auto !important;
}

.streamer-site .footer-text-container p {
	max-width: 920px;
	margin: 0 auto;
	padding: 1.1rem 1.25rem 1.2rem;
	font-size: 12px !important;
	line-height: 1.65 !important;
	color: rgba(200, 210, 235, 0.82) !important;
	text-align: center;
	border-radius: 14px;
	background: linear-gradient(155deg, rgba(22, 24, 52, 0.45), rgba(8, 10, 26, 0.75));
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.04),
		0 10px 32px rgba(0, 0, 0, 0.35);
}

.streamer-site .footer-text-container p b,
.streamer-site .footer-text-container p strong {
	font-weight: 700;
}

@media (max-width: 767px) {
	.streamer-site .footer .copy-bg .copright-area-links {
		justify-content: center;
		text-align: center !important;
	}

	.streamer-site .footer .copy-bg .left-area {
		text-align: center;
	}
}

/* --- Scroll-to-top --- */
.streamer-site .bottomtotop i {
	border-radius: 14px !important;
	background: linear-gradient(135deg, #ff344d, #c42845) !important;
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.12),
		0 10px 32px rgba(255, 52, 77, 0.35) !important;
}

.streamer-site .bottomtotop i:hover {
	box-shadow:
		0 0 0 1px rgba(255, 215, 0, 0.35),
		0 12px 40px rgba(255, 52, 77, 0.45) !important;
}

/* --- Header Discord --- */
.streamer-site .header .discord-btn {
	border-radius: 12px !important;
	box-shadow: 0 0 24px rgba(88, 101, 242, 0.25);
}

/* --- 404 --- */
.streamer-site .four-zero-four {
	background: radial-gradient(ellipse 80% 60% at 50% 20%, rgba(255, 52, 77, 0.12), transparent 55%), #060818 !important;
}

.streamer-site .four-zero-four .content .inner-content {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	padding: 1.75rem 2rem;
	border-radius: 18px;
	background: linear-gradient(155deg, rgba(22, 24, 52, 0.55), rgba(8, 10, 26, 0.88));
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.06),
		0 20px 56px rgba(0, 0, 0, 0.45),
		0 0 40px rgba(255, 52, 77, 0.08);
}

.streamer-site .four-zero-four .content .inner-content .mybtn1 {
	border-radius: 14px !important;
	box-shadow: 0 8px 28px rgba(255, 52, 77, 0.25);
}

/* --- Leaderboard table wells --- */
.streamer-site .shock-leaderboard-table,
.streamer-site .responsive-table.shock-leaderboard-table,
.streamer-site .tournaments .inner-table-content .responsive-table {
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.06);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}