/* Reset and body setup */
body {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  font-family: Arial, sans-serif;
  background-color: #f5f5f5;
}

/* Header */
#main-header {
  background-color: rgb(34, 34, 61);
  color: yellow;
  padding: 10px;
  text-align: center;
}

/* Footer */
#footer {
  background-color: rgb(34, 34, 61);
  text-align: center;
  font-size: 15px;
  color: azure;
  padding: 10px;
}

/* Game text */
#text {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 20px 0;
}

/* Player scores */
.question-marks {
  padding: 30px;
  display: flex;
  gap: 150px;
  justify-content: center;
}

/* Choices section */
.rock-paper-scissors {
  display: flex;
  gap: 150px;
  justify-content: center;
  margin-bottom: 40px;
}

/* Popup styling */
.popup {
  display: none; /* hidden by default */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.popup-content {
  background: white;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  min-width: 250px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

#popup-close {
  margin-top: 15px;
  padding: 8px 16px;
  border: none;
  background: #007bff;
  color: white;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
}

#popup-close:hover {
  background: #0056b3;
}