@font-face {
	font-family: 'AnomineseV4';
	src: url('/img/AnomineseV4-Regular.woff') format('woff');
}

.anominese-font,
.anominese-font button,
.anominese-font .winner-card,
.anominese-font .winner-title,
.anominese-font .subtitle,
.anominese-font p,
.anominese-font h1,
.anominese-font h2,
.anominese-font .home-button {
	font-family: 'AnomineseV4', 'Courier New', monospace !important;
}

:root {
	--primary-color: #0f0;
	--primary-dim: rgba(0, 255, 0, 0.7);
	--bg-color: #000;
	--card-bg: rgba(0, 50, 0, 0.3);
	--highlight: #32CD32;
	--text-color: #0f0;
	--border-color: #0f0;
	--button-hover: #00ff00;
	--button-pressed: #008000;
}

body {
	margin: 0;
	padding: 0 10px 40px 10px;
	font-family: 'Courier New', monospace;
	background-color: var(--bg-color);
	color: var(--text-color);
	min-height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
}

.container {
	text-align: center;
	position: relative;
	z-index: 2;
	padding-top: 20px;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

h1 {
	font-size: 2.5rem;
	margin-bottom: 1rem;
	text-shadow: 0 0 10px var(--primary-dim);
	animation: glitch 1s infinite alternate;
	word-wrap: break-word;
	padding: 0 10px;
}

.subtitle {
	font-size: 1.2rem;
	margin-bottom: 2rem;
}

/* Add color key styles */
.color-key {
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
	margin-bottom: 2rem;
	padding: 15px;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.key-item {
	display: flex;
	align-items: center;
	gap: 8px;
}

.key-color {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid;
}

.key-gold {
	background: rgba(255, 215, 0, 0.2);
	border-color: #ffd700;
	box-shadow: 0 0 5px rgba(255, 215, 0, 0.3);
}

.key-silver {
	background: rgba(229, 228, 226, 0.2);
	border-color: #e5e4e2;
	box-shadow: 0 0 5px rgba(229, 228, 226, 0.3);
}

.key-red {
	background: rgba(139, 0, 0, 0.2);
	border-color: #ff4d4d;
	box-shadow: 0 0 5px rgba(255, 0, 0, 0.3);
}

.key-text {
	color: #fff;
	font-size: 0.9rem;
}

.static {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: repeating-linear-gradient(
		0deg,
		rgba(0, 0, 0, 0.15),
		rgba(0, 0, 0, 0.15) 1px,
		transparent 1px,
		transparent 2px
	);
	opacity: 0.2;
	z-index: -1;
	pointer-events: none;
}

/* Winners grid layout */
.winners-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 30px;
	margin: 20px auto;
	max-width: 1200px;
	padding: 0 15px;
	position: relative;
	margin-top: 100px; /* Increased space for the header */
}

.winners-grid::before {
	content: "The Winners";
	position: absolute;
	top: -60px; /* Moved up further from the grid */
	left: 50%;
	transform: translateX(-50%);
	font-size: 2rem;
	color: #ffd700;
	text-shadow: 0 0 10px rgba(255, 215, 0, 0.3);
	letter-spacing: 3px;
	font-weight: bold;
	padding: 5px 20px;
	border-bottom: 2px solid rgba(255, 215, 0, 0.3);
	width: auto;
	text-align: center;
	background: linear-gradient(to right, transparent, rgba(255, 215, 0, 0.1), transparent);
	z-index: 1;
}

.winner-card {
	background-color: var(--card-bg);
	border: 2px solid #ffd700;
	border-radius: 10px;
	padding: 30px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: all 0.3s ease;
	box-shadow: 
		0 0 10px rgba(255, 215, 0, 0.3),
		inset 0 0 20px rgba(255, 215, 0, 0.2);
	position: relative;
	overflow: hidden;
	background-image: 
		linear-gradient(45deg, 
			rgba(255, 215, 0, 0.1) 0%,
			rgba(0, 0, 0, 0.1) 50%,
			rgba(255, 215, 0, 0.1) 100%);
}

/* Add message styles */
.winner-message {
	margin-top: 15px;
	padding: 10px 15px;
	background: rgba(0, 0, 0, 0.4);
	border: 1px solid rgba(255, 215, 0, 0.3);
	border-radius: 8px;
	color: #ffd700;
	font-style: italic;
	text-align: center;
	width: 90%;
	position: relative;
	transition: all 0.3s ease;
}

.winner-message::before {
	content: '"';
	position: absolute;
	top: -5px;
	left: 5px;
	font-size: 24px;
	color: #ffd700;
	opacity: 0.5;
}

.winner-message::after {
	content: '"';
	position: absolute;
	bottom: -15px;
	right: 5px;
	font-size: 24px;
	color: #ffd700;
	opacity: 0.5;
}

.winner-card:hover .winner-message {
	transform: scale(1.02);
	box-shadow: 0 0 15px rgba(255, 215, 0, 0.2);
}

.winner-card:hover {
	transform: translateY(-5px);
	box-shadow: 
		0 0 20px rgba(255, 215, 0, 0.5),
		inset 0 0 30px rgba(255, 215, 0, 0.3);
	border-color: #ffd700;
}

/* Add sparkle animation */
@keyframes sparkle {
	0%, 100% { opacity: 0; }
	50% { opacity: 1; }
}

.winner-card::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: 
		radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 3%),
		radial-gradient(circle at 70% 60%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 3%),
		radial-gradient(circle at 40% 80%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 3%),
		radial-gradient(circle at 80% 30%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 3%);
	pointer-events: none;
	animation: sparkle 3s infinite;
}

.winner-title {
	font-size: 1.5rem;
	margin-bottom: 5px;
	color: #ffd700;
	text-shadow: 
		0 0 5px rgba(255, 215, 0, 0.5),
		0 0 10px rgba(255, 215, 0, 0.3);
	position: relative;
}

.pronouns {
	font-size: 0.9rem;
	color: rgba(255, 215, 0, 0.7);
	margin-bottom: 15px;
	background: rgba(0, 0, 0, 0.2);
	padding: 3px 10px;
	border-radius: 12px;
	display: inline-block;
	border: 1px solid rgba(255, 215, 0, 0.3);
}

.platinum-card .pronouns {
	color: rgba(229, 228, 226, 0.8);
	border-color: rgba(229, 228, 226, 0.3);
}

.winner-image {
	width: 200px;
	height: 200px;
	object-fit: cover;
	border-radius: 50%;
	margin-bottom: 5px;
	border: 3px solid #ffd700;
	box-shadow: 
		0 0 15px rgba(255, 215, 0, 0.4),
		inset 0 0 15px rgba(255, 215, 0, 0.4);
	/* Add these properties for better image fitting */
	background-color: #000;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.winner-image img {
	width: 100%;
	height: 100%;
	object-fit: contain; /* Change to contain to show full image */
	object-position: center;
}

.winner-stats {
	width: 100%;
	margin-top: 15px;
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 5px;
	border: 1px solid rgba(255, 215, 0, 0.3);
}

.stat-item {
	display: flex;
	justify-content: space-between;
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: 1px solid rgba(255, 215, 0, 0.2);
	color: #ffd700;
}

.home-button {
	background-color: #4169E1;
	color: white;
	border: none;
	padding: 10px 20px;
	font-family: 'Courier New', monospace;
	font-size: 1.2rem;
	font-weight: bold;
	border-radius: 5px;
	cursor: pointer;
	margin: 30px auto;
	transition: all 0.3s;
	display: inline-block;
	text-decoration: none;
}

.home-button:hover {
	background-color: #5f89ff;
	box-shadow: 0 0 15px #4169E1;
	transform: scale(1.05);
}

@media (max-width: 768px) {
	.winners-grid {
		grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	}
	
	h1 {
		font-size: 2rem;
	}
}

@media (max-width: 480px) {
	.winners-grid {
		grid-template-columns: 1fr;
	}
	
	.winner-card {
		max-width: 100%;
	}
	
	h1 {
		font-size: 1.8rem;
	}
}

@keyframes glitch {
	0% { transform: translate(2px, 0) skew(0deg); }
	20% { transform: translate(-2px, 0) skew(0deg); }
	40% { transform: translate(0, 0) skew(0deg); }
	60% { transform: translate(2px, 0) skew(0deg); }
	80% { transform: translate(-2px, 0) skew(0deg); }
	100% { transform: translate(0, 0) skew(0deg); }
}

/* Remove medal-related styles */
.medal, .first-place .medal, .second-place .medal, .third-place .medal {
	display: none;
}

/* Remove unused styles */
.winner-stats, .stat-item {
	display: none;
}

/* Add platinum card styles */
.platinum-section {
	margin-bottom: 40px;
	position: relative;
	padding-top: 20px;
}

/* Update platinum section styles */
.platinum-section {
	margin-bottom: 40px;
	position: relative;
	padding-top: 20px;
}

/* Remove the ::before pseudo-element that contained the PLATINUM text */
.platinum-section::before {
	display: none;
}

.platinum-section::before {
	content: "Actually Insane";
	position: absolute;
	bottom: -60px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 2rem;
	color: #e5e4e2;
	text-shadow: 0 0 10px rgba(229, 228, 226, 0.3);
	letter-spacing: 3px;
	font-weight: bold;
	padding: 5px 20px;
	border-bottom: 2px solid rgba(229, 228, 226, 0.3);
	width: auto;
	text-align: center;
	background: linear-gradient(to right, transparent, rgba(229, 228, 226, 0.1), transparent);
}

.platinum-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 30px;
	margin: 20px auto;
	max-width: 1200px;
	padding: 0 15px;
}

.platinum-card {
	background: linear-gradient(45deg, 
		rgba(229, 228, 226, 0.1),
		rgba(180, 180, 180, 0.1));
	border: 2px solid #e5e4e2;
	border-radius: 15px;
	padding: 40px 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: all 0.3s ease;
	box-shadow: 0 0 20px rgba(229, 228, 226, 0.2);
	position: relative;
	overflow: hidden;
	margin: 0;
}

.platinum-card::after {
	content: '';
	position: absolute;
	width: 200%;
	height: 200%;
	top: -50%;
	left: -50%;
	background: linear-gradient(
		45deg,
		transparent 0%,
		rgba(229, 228, 226, 0.1) 30%,
		rgba(229, 228, 226, 0.1) 70%,
		transparent 100%
	);
	animation: shine 3s infinite linear;
	pointer-events: none;
}

@keyframes shine {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.platinum-card .winner-title {
	color: #e5e4e2;
	font-size: 2rem;
	text-shadow: 
		0 0 10px rgba(229, 228, 226, 0.5),
		0 0 20px rgba(229, 228, 226, 0.3);
}

.platinum-card .winner-image {
	width: 250px;
	height: 250px;
	border: 4px solid #e5e4e2;
	box-shadow: 
		0 0 25px rgba(229, 228, 226, 0.4),
		inset 0 0 25px rgba(229, 228, 226, 0.4);
}

.platinum-card .winner-message {
	border-color: #e5e4e2;
	color: #e5e4e2;
}

.platinum-card:hover {
	transform: translateY(-10px) scale(1.02);
	box-shadow: 
		0 0 30px rgba(229, 228, 226, 0.4),
		inset 0 0 40px rgba(229, 228, 226, 0.3);
}

/* Add personal message styles */
.personal-message {
	margin-top: 10px;
	padding: 8px 12px;
	background: rgba(147, 112, 219, 0.2);
	border: 1px solid rgba(147, 112, 219, 0.4);
	border-radius: 8px;
	color: #b19cd9;
	font-style: italic;
	text-align: center;
	width: 90%;
	position: relative;
	transition: all 0.3s ease;
	font-size: 0.9em;
}

.personal-message::before {
	content: '~ Luna';
	position: absolute;
	bottom: -20px;
	right: 10px;
	font-size: 0.8em;
	color: #b19cd9;
	opacity: 0.8;
}

.winner-card:hover .personal-message {
	transform: scale(1.02);
	box-shadow: 0 0 15px rgba(147, 112, 219, 0.2);
}

/* Update platinum personal message style */
.platinum-card .personal-message {
	background: rgba(229, 228, 226, 0.15);
	border-color: rgba(229, 228, 226, 0.3);
	color: #e5e4e2;
}

.platinum-card .personal-message::before {
	color: #e5e4e2;
}

/* Update hell tier styles to be more subtle */
.hell-section {
	margin-bottom: 40px;
	position: relative;
	padding-top: 20px;
}

.hell-card {
	background: rgba(139, 0, 0, 0.1);
	border: 2px solid #ff4d4d;
	border-radius: 15px;
	padding: 40px 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: all 0.3s ease;
	box-shadow: 0 0 20px rgba(255, 0, 0, 0.2);
	position: relative;
	overflow: hidden;
	max-width: 400px;
	margin: 0 auto;
}

.hell-card .winner-title {
	color: #ff4d4d;
	font-size: 2rem;
	text-shadow: 0 0 10px rgba(255, 0, 0, 0.3);
}

.hell-card .winner-image {
	width: 250px;
	height: 250px;
	border: 4px solid #ff4d4d;
	box-shadow: 0 0 15px rgba(255, 0, 0, 0.2);
}

.hell-card .pronouns {
	color: rgba(255, 77, 77, 0.8);
	border-color: rgba(255, 77, 77, 0.3);
}

.hell-card .winner-message,
.hell-card .personal-message {
	border-color: rgba(255, 77, 77, 0.3);
	color: #ff4d4d;
}

.hell-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 0 30px rgba(255, 0, 0, 0.3);
}

/* Add fallen section styles */
.fallen-section {
	margin-bottom: 40px;
	position: relative;
	padding-top: 40px; /* Increased to make room for header */
	opacity: 0.7;
	width: 100%;
}

.fallen-section::before {
	content: "The Fallen";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	font-size: 2rem;
	color: #808080;
	text-shadow: 0 0 10px rgba(128, 128, 128, 0.3);
	letter-spacing: 3px;
	font-weight: bold;
	padding: 5px 20px;
	border-bottom: 2px solid rgba(128, 128, 128, 0.3);
	width: auto;
	text-align: center;
	background: linear-gradient(to right, transparent, rgba(128, 128, 128, 0.1), transparent);
}

.fallen-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 30px;
	margin: 20px auto;
	max-width: 1200px;
	padding: 0 15px;
}

.fallen-card {
	background: rgba(128, 128, 128, 0.1);
	border: 2px solid #808080;
	border-radius: 15px;
	padding: 40px 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: all 0.3s ease;
	box-shadow: 0 0 20px rgba(128, 128, 128, 0.2);
	position: relative;
	overflow: hidden;
	margin: 0;
	filter: grayscale(50%);
}

.fallen-card .winner-title {
	color: #808080;
	font-size: 1.5rem; /* Match the gold cards */
	text-shadow: 0 0 10px rgba(128, 128, 128, 0.3);
	margin-bottom: 5px;
	position: relative;
}

.fallen-card .winner-image {
	width: 200px; /* Match the gold cards */
	height: 200px;
	border: 4px solid #808080;
	box-shadow: 0 0 15px rgba(128, 128, 128, 0.2);
	filter: grayscale(50%);
}

.fallen-card .pronouns {
	color: rgba(128, 128, 128, 0.8);
	border-color: rgba(128, 128, 128, 0.3);
}

.fallen-reason {
	margin-top: 15px;
	padding: 10px 15px;
	background: rgba(128, 128, 128, 0.1);
	border: 1px solid rgba(128, 128, 128, 0.3);
	border-radius: 8px;
	color: #808080;
	text-align: center;
	width: 90%;
	font-style: italic;
}

.fallen-card .personal-message {
	border-color: rgba(128, 128, 128, 0.3);
	color: #808080;
}

.fallen-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 0 30px rgba(128, 128, 128, 0.3);
	filter: grayscale(30%);
}

/* Add spacing between sections */
.all-sections {
	display: flex;
	flex-direction: column;
	gap: 80px;
	margin-bottom: 40px;
}

.winners-grid {
	margin-bottom: 0; /* Remove default margin since we're using gap */
}

.platinum-section {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 4rem auto;
	padding: 0 1rem;
}

.platinum-grid {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	display: block;
}

.platinum-card {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	background: linear-gradient(45deg, 
		rgba(229, 228, 226, 0.1),
		rgba(180, 180, 180, 0.1));
	border: 2px solid #e5e4e2;
	border-radius: 15px;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.hell-section {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 4rem auto;
	padding: 0 1rem;
}

.hell-grid {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	display: block;
}

.hell-card {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	background: rgba(139, 0, 0, 0.1);
	border: 2px solid #ff4d4d;
	border-radius: 15px;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

@media screen and (max-width: 768px) {
	.platinum-grid,
	.hell-grid,
	.platinum-card,
	.hell-card {
		max-width: 90%;
	}
}

@media screen and (max-width: 480px) {
	.platinum-grid,
	.hell-grid,
	.platinum-card,
	.hell-card {
		max-width: 95%;
	}
}

/* Add note styling */
.missing-note {
	text-align: center;
	color: #808080;
	margin-top: 40px;
	padding: 20px;
	font-style: italic;
	border-top: 1px solid rgba(128, 128, 128, 0.3);
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.missing-note a {
	color: #9f9f9f;
	text-decoration: underline;
}

.missing-note a:hover {
	color: #b0b0b0;
}

/* Base card styles with relative units */
.winner-card,
.platinum-card,
.hell-card,
.fallen-card {
	padding: 2rem 1.5rem;
	width: 100%;
	max-width: 90%;
	margin: 0 auto;
}

.winner-image,
.platinum-card .winner-image,
.hell-card .winner-image,
.fallen-card .winner-image {
	width: min(200px, 45vw);
	height: min(200px, 45vw);
	border-radius: 50%;
}

.winners-grid,
.platinum-grid,
.hell-grid,
.fallen-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(300px, 90vw), 1fr));
	gap: 2rem;
	margin: 6rem auto 2rem;
	max-width: 1200px;
	padding: 0 1rem;
	width: 95%;
}

.winners-grid::before {
	top: -4rem;
	font-size: clamp(1.5rem, 4vw, 2rem);
	padding: 0.5rem 1.5rem;
}

/* Mobile adjustments */
@media screen and (max-width: 768px) {
	.winners-grid,
	.platinum-grid,
	.hell-grid,
	.fallen-grid {
		gap: 1.5rem;
		padding: 0 0.8rem;
		width: 92%;
	}

	.winner-card,
	.platinum-card,
	.hell-card,
	.fallen-card {
		padding: 1.5rem 1rem;
		max-width: 85%;
	}

	.winner-title,
	.platinum-card .winner-title,
	.hell-card .winner-title,
	.fallen-card .winner-title {
		font-size: clamp(1.1rem, 3vw, 1.3rem);
	}

	.winner-message,
	.personal-message,
	.fallen-reason {
		width: 95%;
		padding: 0.8rem;
		font-size: clamp(0.9rem, 2.5vw, 1rem);
	}

	.pronouns {
		font-size: clamp(0.8rem, 2vw, 0.9rem);
		padding: 0.2rem 0.8rem;
	}
}

@media screen and (max-width: 480px) {
	.winners-grid,
	.platinum-grid,
	.hell-grid,
	.fallen-grid {
		width: 90%;
		gap: 1.2rem;
	}

	.winner-card,
	.platinum-card,
	.hell-card,
	.fallen-card {
		padding: 1.2rem 0.8rem;
		max-width: 82%;
	}

	.winner-image,
	.platinum-card .winner-image,
	.hell-card .winner-image,
	.fallen-card .winner-image {
		width: min(150px, 40vw);
		height: min(150px, 40vw);
	}

	.all-sections {
		gap: 2rem;
	}
}

/* Add smooth transitions */
.winner-card,
.platinum-card,
.hell-card,
.fallen-card,
.winner-image,
.winner-title,
.pronouns,
.winner-message,
.personal-message,
.fallen-reason {
	transition: all 0.3s ease;
}

/* Update mobile styles */
@media screen and (max-width: 768px) {
	.winners-grid {
		margin-top: 80px; /* Adjusted for mobile but still keeping good spacing */
	}

	.winners-grid::before {
		top: -50px;
	}
}

@media screen and (max-width: 480px) {
	.winners-grid {
		margin-top: 70px; /* Adjusted for smaller screens */
	}

	.winners-grid::before {
		top: -45px;
	}
}

/* Update platinum card styles */
.platinum-card {
	background: linear-gradient(45deg, 
		rgba(229, 228, 226, 0.1),
		rgba(180, 180, 180, 0.1));
	border: 2px solid #e5e4e2;
	border-radius: 15px;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: all 0.3s ease;
	box-shadow: 0 0 20px rgba(229, 228, 226, 0.2);
	position: relative;
	overflow: hidden;
	width: 100%;
}

.platinum-card .winner-title {
	color: #e5e4e2;
	font-size: 1.5rem;
	text-shadow: 
		0 0 10px rgba(229, 228, 226, 0.5),
		0 0 20px rgba(229, 228, 226, 0.3);
}

.platinum-card .winner-image {
	border: 4px solid #e5e4e2;
	box-shadow: 
		0 0 25px rgba(229, 228, 226, 0.4),
		inset 0 0 25px rgba(229, 228, 226, 0.4);
}

.platinum-card:hover {
	transform: translateY(-5px);
	box-shadow: 
		0 0 30px rgba(229, 228, 226, 0.4),
		inset 0 0 40px rgba(229, 228, 226, 0.3);
}

/* Update hell card styles */
.hell-card {
	background: rgba(139, 0, 0, 0.1);
	border: 2px solid #ff4d4d;
	border-radius: 15px;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: all 0.3s ease;
	box-shadow: 0 0 20px rgba(255, 0, 0, 0.2);
	position: relative;
	overflow: hidden;
	width: 100%;
}

.hell-card .winner-title {
	color: #ff4d4d;
	font-size: 1.5rem;
	text-shadow: 0 0 10px rgba(255, 0, 0, 0.3);
}

.hell-card .winner-image {
	border: 4px solid #ff4d4d;
	box-shadow: 0 0 15px rgba(255, 0, 0, 0.2);
}

.hell-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 0 30px rgba(255, 0, 0, 0.3);
}

/* Remove unused section styles */
.platinum-section,
.platinum-grid,
.hell-section,
.hell-grid {
	display: none;
}

/* Update mobile styles */
@media screen and (max-width: 768px) {
	.winner-card,
	.platinum-card,
	.hell-card {
		padding: 1.5rem 1rem;
	}
}

@media screen and (max-width: 480px) {
	.winner-card,
	.platinum-card,
	.hell-card {
		padding: 1.2rem 0.8rem;
	}
}

*::-webkit-scrollbar {
	width: 14px;
	height: 14px;
}

*::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.8);
	border-left: 1px solid rgba(0, 255, 0, 0.2);
}

*::-webkit-scrollbar-thumb {
	background: rgba(0, 255, 0, 0.3);
	border-radius: 7px;
	border: 2px solid rgba(0, 0, 0, 0.8);
}

*::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 255, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 255, 0, 0.3);
}

*::-webkit-scrollbar-corner {
	background: rgba(0, 0, 0, 0.8);
}

/* Firefox scrollbar styling for all elements */
* {
	scrollbar-width: thin;
	scrollbar-color: rgba(0, 255, 0, 0.3) rgba(0, 0, 0, 0.8);
}