:root {
	--gold: #d4b00e;
	--gold-light: #c9b269;
	--black: #050505;
	--white: #fbfbfb;
	--background: 0 0% 100%;
	--foreground: 240 10% 3.9%;
	--card: 0 0% 100%;
	--card-foreground: 240 10% 3.9%;
	--popover: 0 0% 100%;
	--popover-foreground: 240 10% 3.9%;
	--primary: 240 5.9% 10%;
	--primary-foreground: 0 0% 98%;
	--secondary: 240 4.8% 95.9%;
	--secondary-foreground: 240 5.9% 10%;
	--muted: 240 4.8% 95.9%;
	--muted-foreground: 240 3.8% 46.1%;
	--accent: 240 4.8% 95.9%;
	--accent-foreground: 240 5.9% 10%;
	--destructive: 0 84.2% 60.2%;
	--destructive-foreground: 0 0% 98%;
	--border: 240 5.9% 90%;
	--input: 240 5.9% 90%;
	--ring: 240 5.9% 10%;
	--radius: 0.5rem;
	--chart-1: 12 76% 61%;
	--chart-2: 173 58% 39%;
	--chart-3: 197 37% 24%;
	--chart-4: 43 74% 66%;
	--chart-5: 27 87% 67%;
  }
  
  body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: var(--black);
	color: var(--white);
	margin: 0;
	padding: 0;
  }
  
  .btn-gold {
	@apply bg-[#d4b00e] text-black font-bold py-2 px-4 rounded hover:bg-[#c9b269] transition-colors;
  }
  
  .gold-bg {
	@apply bg-[#d4b00e];
  }
  
  .gold-text {
	@apply text-[#d4b00e];
  }
  
  .section-title {
	@apply text-xl md:text-2xl font-bold text-center py-3 bg-[#d4b00e] text-black mb-4;
  }
  
  .game-box {
	@apply border border-[#d4b00e] rounded-md p-3 mb-4 text-center;
  }
  
  .game-title {
	@apply text-[#d4b00e] font-bold uppercase text-sm mb-2;
  }
  
  .game-result {
	@apply text-[#d4b00e] font-bold text-xl mb-2;
  }
  
  .game-time {
	@apply text-sm text-gray-300 mb-2;
  }
  
  .table-header {
	@apply bg-[#d4b00e] text-black font-bold;
  }
  
  .table-row {
	@apply border-b border-[#d4b00e]/30;
  }
  
  .table-cell {
	@apply p-2;
  }
  
  /* Add custom styles for the FAQ accordion */
  .faq-item {
	@apply border border-[#d4b00e] mb-3 rounded-md overflow-hidden;
  }
  
  .faq-question {
	@apply bg-[#d4b00e] text-black p-3 font-bold cursor-pointer;
  }
  
  .faq-answer {
	@apply p-3 text-white;
  }
  
  .dark {
	--background: 240 10% 3.9%;
	--foreground: 0 0% 98%;
	--card: 240 10% 3.9%;
	--card-foreground: 0 0% 98%;
	--popover: 240 10% 3.9%;
	--popover-foreground: 0 0% 98%;
	--primary: 0 0% 98%;
	--primary-foreground: 240 5.9% 10%;
	--secondary: 240 3.7% 15.9%;
	--secondary-foreground: 0 0% 98%;
	--muted: 240 3.7% 15.9%;
	--muted-foreground: 240 5% 64.9%;
	--accent: 240 3.7% 15.9%;
	--accent-foreground: 0 0% 98%;
	--destructive: 0 62.8% 30.6%;
	--destructive-foreground: 0 0% 98%;
	--border: 240 3.7% 15.9%;
	--input: 240 3.7% 15.9%;
	--ring: 240 4.9% 83.9%;
	--chart-1: 220 70% 50%;
	--chart-2: 160 60% 45%;
	--chart-3: 30 80% 55%;
	--chart-4: 280 65% 60%;
	--chart-5: 340 75% 55%;
  }
  .btn-gold {
	background-color: #d4b00e;
	color: black;
	padding: 0.5rem 1rem;
	font-weight: 600;
	border-radius: 0.375rem;
	transition: background-color 0.3s;
  }

  .btn-gold:hover {
	background-color: #b89e0e;
  }

  .section-title {
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: 1.5rem;
	color: #fff;
  }

  .game-box {
	padding: 1rem;
	border: 1px solid #d4b00e;
	border-radius: 0.5rem;
	text-align: center;
  }

  .game-title {
	font-size: 1.125rem;
	font-weight: bold;
	color: #d4b00e;
	margin-bottom: 0.5rem;
  }

  .game-result {
	font-size: 1.25rem;
	font-weight: bold;
	color: #fff;
	margin-bottom: 0.25rem;
  }

  .game-time {
	font-size: 0.875rem;
	color: #ccc;
  }

  .section-title {
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: 1.5rem;
	color: #fff;
  }

  .table-header {
	background-color: #d4b00e;
	color: black;
	font-weight: bold;
	text-transform: uppercase;
  }
  .faq-question {
	cursor: pointer;
	font-weight: bold;
	padding: 1rem;
	background-color: #d4b00e;
	color: black;
	border-radius: 0.375rem;
  }

  .faq-answer {
	padding: 1rem;
	border-left: 4px solid #d4b00e;
	background-color: #1f1f1f;
	color: white;
	display: none;
	border-radius: 0.375rem;
  }