body {

  margin: 0;

  font-family: 'Oswald', sans-serif;

  background: #000;

  color: white;

  overflow: hidden;

}



/* Money rain */

@keyframes moneyFall {

  0% { transform: translateY(-100px) rotate(0deg); opacity: 1; }

  100% { transform: translateY(110vh) rotate(360deg); opacity: 0; }

}

.money {

  position: fixed;

  top: -50px;

  font-size: 2rem;

  color: #00ff95;

  animation: moneyFall linear infinite;

  z-index: -1;

}



/* Container */

.container {

  width: 90%;

  margin: 50px auto;

  text-align: center;

  position: relative;

  z-index: 1;

}



/* Leader card */

.leader {

  background: linear-gradient(135deg, #ffd700, #ff8c00);

  padding: 40px;

  border-radius: 15px;

  font-size: 2.5rem;

  font-weight: 700;

  color: #111;

  box-shadow: 0 0 30px gold;

  position: relative;

  margin-bottom: 40px;

}

.leader::after {

  content: "👑";

  font-size: 3rem;

  position: absolute;

  top: -20px;

  left: 50%;

  transform: translateX(-50%);

  animation: bounce 1s infinite alternate;

}

@keyframes bounce {

  from { transform: translateX(-50%) translateY(0); }

  to { transform: translateX(-50%) translateY(-10px); }

}



/* Table */

table {

  width: 100%;

  border-collapse: collapse;

  margin: 20px 0;

  border: 2px solid gold;

  box-shadow: 0 0 20px rgba(255,215,0,0.5);

}

th, td {

  padding: 15px;

  border: 1px solid rgba(255,215,0,0.3);

}

thead {

  background: gold;

  color: black;

  font-size: 1.3rem;

}

tbody tr {

  background: rgba(255,255,255,0.05);

  transition: 0.3s;

}

tbody tr:hover {

  background: rgba(255,215,0,0.2);

  transform: scale(1.01);

}



/* Totals */

.totals {

  background: rgba(0,255,149,0.2);

  border: 2px solid #00ff95;

  padding: 20px;

  border-radius: 10px;

  margin-top: 20px;

  font-size: 1.8rem;

  color: #00ff95;

  text-shadow: 0 0 10px #00ff95;

  transition: all 0.3s ease;

}





.yhmwuHeader {

    background: linear-gradient(135deg, #ffd700, #ffec8b);

    color: #000;

    font-size: 1.5rem;

    text-shadow: 0 0 10px #ffd700, 0 0 20px #ffec8b;

    border-bottom: 3px solid #ffd700;

}



tbody tr:first-child .yhmwu {

    font-size: 2rem;          /* Bigger than the rest */

    color: #ff4500;           /* Orange-red for visibility */

    font-weight: bold;

    text-shadow: 0 0 15px #ff4500, 0 0 30px #ffa500; /* glow effect */

    transform: scale(1.1);    /* Slightly bigger for emphasis */

}



/* Keep other YHMWU cells in gold */

.yhmwu:not(:first-child) {

    background: linear-gradient(135deg, rgba(255,215,0,0.2), rgba(255,235,139,0.2));

    color: #ffd700;

    font-weight: bold;

    border-left: 3px solid #ffd700;

    border-right: 3px solid #ffec8b;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}



/* Hover effect for rows in YHMWU column */

.yhmwu:hover {

    transform: scale(1.1);

    box-shadow: 0 0 20px #ffd700, 0 0 40px #ffec8b inset;

}



/* Optional: subtle pulse animation for gold glow */

@keyframes goldPulse {

    0% { text-shadow: 0 0 10px #ffd700, 0 0 20px #ffec8b; }

    50% { text-shadow: 0 0 20px #ffd700, 0 0 40px #ffec8b; }

    100% { text-shadow: 0 0 10px #ffd700, 0 0 20px #ffec8b; }

}



.yhmwuHeader, .yhmwu {

    animation: goldPulse 2s infinite alternate;

}

@media screen and (min-width: 1000px) {
/* ==========================
   Base Styles
   ========================== */
body {
  margin: 0;
  font-family: sans-serif;  /* avoid Google Fonts */
  background: black;
  color: white;
  overflow: hidden;         /* no scrolling */
  text-align: center;
}

/* Container */
.container {
  width: 90%;               /* safe margin for TV overscan */
  margin: 5% auto;          /* center container */
}

/* Leader Card */
.leader {
  background: gold;
  color: black;
  padding: 10px;
  font-size: 24px;          /* fixed font size */
  font-weight: bold;
  border-radius: 10px;
  margin-bottom: 20px;
}

/* Table */
table {
  width: 100%;
  border-collapse: collapse;
  border: 2px solid gold;
  font-size: 20px;          /* fixed font for readability */
}

th, td {
  padding: 8px;             /* fixed padding */
  border: 1px solid gold;
}

thead {
  background: gold;
  color: black;
  font-weight: bold;
}

tbody tr {
  background: #222;
}

tbody tr:hover {
  background: #555;
}

/* Totals */
.totals {
  background: green;
  color: black;
  padding: 10px;
  font-size: 20px;
  font-weight: bold;
  margin-top: 10px;
}

/* YHMWU Highlight */
.yhmwuHeader {
  background: yellow;
  color: black;
  font-weight: bold;
}

.yhmwu:first-child {
  font-weight: bold;
  color: orange;
}

}