/* Closest Wins Theme – gold */
.headlines {
  color: #FFC83D; /* bright gold headlines */
}
a:link,
a:visited {
  color: #FFC83D; /* same bright green as headlines */
}
a:hover {
  color: #FFDC7A; /* one step brighter for hover */
}
/* Game theme selected state — add new .selected selectors here as needed */
.wizardChoice.selected,
.hostVoteBtn.selected {
    background: linear-gradient(135deg, #0e1a33, #1b3a73, #C98A00) !important;
    border-top: 0.25vw solid #FFC83D !important;
    border-left: 0.25vw solid #FFC83D !important;
    border-right: 0.25vw solid #C98A00 !important;
    border-bottom: 0.25vw solid #C98A00 !important;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, select:active, div.checkboxGroup label:focus, div.checkboxGroup label:active, textarea:focus, input[type="number"], input[type="datetime-local"]:focus {
    border-top: 0.25vw solid #FFC83D !important;
    border-left: 0.25vw solid #FFC83D !important;
    border-right: 0.25vw solid #C98A00 !important;
    border-bottom: 0.25vw solid #C98A00 !important;
}
@keyframes drift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* ── Input: the question card + number entry ── */
div.cwQuestion { text-align: center; }
div.cwQuestion p.cwCategory { margin: 0vw 0vw 2vw 0vw; }
div.cwQuestion h3.cwQuestionText { margin: 0vw 0vw 2vw 0vw; }
div.cwQuestion p.cwUnitHint { margin: 0vw 0vw 4vw 0vw; }
div.cwNumberWrap { width: 100%; position: relative; display: block; margin: 0vw 0vw 3vw 0vw; text-align: center; }
div.cwNumberWrap input.cwNumberInput { width: 100%; font-size: 9vw; font-family: 'Open Sans'; font-weight: bold; text-align: center; letter-spacing: 0.05em; padding: 3vw 4vw 3vw 4vw; margin: 0vw 0vw 2vw 0vw; }
div.cwNumberWrap p.cwNumberUnit { margin: 0vw 0vw 0vw 0vw; }
div.cwNumberWrap button.cwFateBtn { margin: 3vw 0vw 0vw 0vw; cursor: pointer; transition: filter 0.2s ease; }
div.cwNumberWrap button.cwFateBtn:hover, div.cwNumberWrap button.cwFateBtn:focus-visible { filter: brightness(1.15); }
div.cwNumberWrap button.cwFateBtn:disabled { opacity: 0.6; cursor: default; }
div.cwNumberWrap input.cwNumberInput::placeholder { font-size: 0.45em; font-weight: normal; letter-spacing: 0.05em; opacity: 0.45; }
input.cwPercentSlider { width: 100%; margin: 1vw 0vw 3vw 0vw; padding: 0vw; accent-color: #FFC83D; cursor: pointer; }
input.cwPercentSlider.cwSliderIdle { opacity: 0.45; }
div.cwYearRow { width: 100%; position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 3vw; margin: 0vw 0vw 0vw 0vw; }
div.cwYearCol { flex: 0 0 38%; min-width: 0; }
div.cwYearCol input.cwYearInput { width: 100%; padding: 3vw 1vw 3vw 1vw; margin: 0vw 0vw 1vw 0vw; letter-spacing: 0.1em; }
p.cwYearLabel { float: none; text-align: center; margin: 0vw 0vw 2vw 0vw; }

/* ── Reveal ── */
div.cwStage { text-align: center; }
div.cwAnswerCard { text-align: center; }
div.cwAnswerCard p.cwAnswerLabel { margin: 0vw 0vw 1vw 0vw; }
div.cwAnswerCard h1.cwAnswerNumber { width: 100%; display: block; float: none; margin: 0vw 0vw 2vw 0vw; font-size: 14vw; text-align: center; color: #FFC83D; }
div.cwAnswerCard p.cwFact { margin: 0vw 0vw 3vw 0vw; }
ul.cwGuesses { width: 100%; position: relative; display: block; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; list-style-type: none; }
ul.cwGuesses li.cwGuess { width: 100%; position: relative; display: table; margin: 0vw 0vw 3vw 0vw; padding: 3vw 3vw 3vw 3vw; border-radius: 2vw; text-align: left; }
ul.cwGuesses li.cwGuess.cwWinner { border-top: 0.5vw solid #FFC83D; border-left: 0.5vw solid #FFC83D; border-bottom: 0.5vw solid #C98A00; border-right: 0.5vw solid #C98A00; }
ul.cwGuesses li.cwGuess div.cwGuessRank { width: 12vw; display: table-cell; vertical-align: middle; text-align: center; }
ul.cwGuesses li.cwGuess div.cwGuessWho { display: table-cell; vertical-align: middle; padding: 0vw 2vw 0vw 2vw; }
ul.cwGuesses li.cwGuess div.cwGuessNums { display: table-cell; vertical-align: middle; text-align: right; }
ul.cwGuesses li.cwGuess p { margin: 0vw 0vw 0vw 0vw; }
ul.cwGuesses li.cwGuess p.cwGuessValue { font-size: 5vw; font-weight: bold; }
ul.cwGuesses li.cwGuess p.cwGuessOff { font-size: 3vw; }
ul.cwGuesses li.cwGuess div.cwGuessRank img.emoji { margin: 0vw 0vw 0vw 0vw; }

@media (min-width: 768px) {
	div.cwQuestion p.cwCategory { margin-bottom: 8px; }
	div.cwQuestion h3.cwQuestionText { margin-bottom: 8px; }
	div.cwQuestion p.cwUnitHint { margin-bottom: 16px; }
	div.cwNumberWrap { margin-bottom: 12px; }
	div.cwNumberWrap button.cwFateBtn { margin-top: 12px; }
	div.cwNumberWrap input.cwNumberInput { font-size: 40px; padding: 12px 16px 12px 16px; margin-bottom: 8px; }
	div.cwYearRow { gap: 16px; }
	div.cwYearCol { flex-basis: 150px; }
	div.cwYearCol input.cwYearInput { padding: 12px 4px 12px 4px; margin-bottom: 4px; }
	p.cwYearLabel { margin-bottom: 8px; }
	div.cwAnswerCard p.cwAnswerLabel { margin-bottom: 4px; }
	div.cwAnswerCard h1.cwAnswerNumber { font-size: 64px; margin-bottom: 8px; }
	div.cwAnswerCard p.cwFact { margin-bottom: 12px; }
	ul.cwGuesses li.cwGuess { margin-bottom: 12px; padding: 12px 16px 12px 16px; border-radius: 12px; }
	ul.cwGuesses li.cwGuess.cwWinner { border-width: 3px; }
	ul.cwGuesses li.cwGuess div.cwGuessRank { width: 56px; }
	ul.cwGuesses li.cwGuess div.cwGuessWho { padding: 0px 12px 0px 12px; }
	ul.cwGuesses li.cwGuess p.cwGuessValue { font-size: 24px; }
	ul.cwGuesses li.cwGuess p.cwGuessOff { font-size: 15px; }
}
@media (min-width: 1140px) {
	div.cwNumberWrap input.cwNumberInput { font-size: 44px; }
	div.cwAnswerCard h1.cwAnswerNumber { font-size: 80px; }
	ul.cwGuesses li.cwGuess p.cwGuessValue { font-size: 26px; }
}