body {

  margin: 0;

  font-family: Arial, Helvetica, sans-serif;

  background: radial-gradient(circle at top, #ffe066, #f5a000 55%, #c46b00);

  color: #111;

  text-align: center;

}

h1 {

  margin: 0;

  padding: 22px 10px;

  background: linear-gradient(#ff3131, #b80000);

  color: white;

  font-size: 46px;

  font-weight: 900;

  text-transform: uppercase;

  letter-spacing: 3px;

  border-bottom: 10px solid #0057b8;

  text-shadow: 4px 4px 0 #111;

}

h1::before {

  content: "FRIDAY FADEOUT PRESENTS";

  display: block;

  font-size: 18px;

  letter-spacing: 5px;

  color: #ffd84d;

  text-shadow: 2px 2px 0 #111;

  margin-bottom: 6px;

}

h1::after {

  content: "?";

  display: inline-block;

  margin-left: 12px;

  color: #ffd84d;

  font-size: 58px;

}

#board {

  display: grid;

  grid-template-columns: repeat(6, 1fr);

  gap: 16px;

  width: fit-content;

  margin: 30px auto;

  padding: 28px;

  background: linear-gradient(145deg, #f02a2a, #b90000);

  border: 14px solid #860000;

  border-radius: 28px;

  box-shadow: 0 14px 0 #5f0000, 0 28px 40px rgba(0,0,0,.45);

}

.card {

  width: 125px;

  height: 172px;

  background: white;

  border: 5px solid #f2f2f2;

  border-radius: 8px;

  padding: 8px;

  box-shadow: 0 10px 0 #bdbdbd;

  transition: .25s;

}

.card img {

  width: 115px;

  height: 115px;

  object-fit: cover;

  border: 4px solid #e21b23;

  background: #ff3b1f;

}

.card p {

  margin: 7px 0 0;

  background: #e21b23;

  color: white;

  padding: 6px;

  font-size: 14px;

  font-weight: 900;

  border-radius: 3px;

}

.card.selected {

  transform: perspective(300px) rotateX(75deg);

  opacity: .35;

  filter: grayscale(1);

}

button {

  background: linear-gradient(#0074e8, #004b9b);

  color: white;

  border: 5px solid white;

  border-radius: 15px;

  padding: 15px 28px;

  font-size: 22px;

  font-weight: 900;

  box-shadow: 0 7px 0 #002d63;

  margin: 10px;

}

input {

  padding: 14px;

  font-size: 18px;

  border-radius: 10px;

  border: 3px solid #222;

  margin: 8px;

}

#leaderboard {

  background: white;

  max-width: 760px;

  margin: 30px auto;

  padding: 25px;

  border-radius: 20px;

  border: 8px solid #0057b8;

  font-size: 22px;

}