/* Catch the Snake Theme – Snake Green */
.headlines {
  color: #B1CC33; /* bright venomous green headlines */
}
a:link,
a:visited {
  color: #B1CC33; /* same bright green as headlines */
}
a:hover {
  color: #C9E05C; /* one step brighter for hover */
}
/* Game theme selected state — add new .selected selectors here as needed */
.wizardChoice.selected,
.hostVoteBtn.selected {
    background: linear-gradient(135deg, #1a2a1a, #2d4a1a, #508A2B) !important;
    border-top: 0.25vw solid #B1CC33 !important;
    border-left: 0.25vw solid #B1CC33 !important;
    border-right: 0.25vw solid #508A2B !important;
    border-bottom: 0.25vw solid #508A2B !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 #B1CC33 !important;
    border-left: 0.25vw solid #B1CC33 !important;
    border-right: 0.25vw solid #508A2B !important;
    border-bottom: 0.25vw solid #508A2B !important;
}
@keyframes drift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
/* Snake reveal — caught / fooled verdict under the snake's card */
ul.revealAnswers li.snakeCard div.snakeVerdict { width: 100%; position: relative; display: block; margin: 4vw 0vw 0vw 0vw; padding: 0vw 4vw 0vw 4vw; text-align: center; }
ul.revealAnswers li.snakeCard p.snakeVerdictBanner { margin: 0vw 0vw 3vw 0vw; padding: 0vw 0vw 0vw 0vw; color: #B1CC33; }
ul.revealAnswers li.snakeCard div.snakeVerdictGroup { margin: 0vw 0vw 3vw 0vw; padding: 3vw 2vw 3vw 2vw; border-radius: 2vw; background: rgba(0, 0, 0, 0.35); }
ul.revealAnswers li.snakeCard div.snakeVerdictGroup:last-child { margin-bottom: 0vw; }
ul.revealAnswers li.snakeCard p.snakeVerdictLine { margin: 0vw 0vw 2vw 0vw; padding: 0vw 0vw 0vw 0vw; }
ul.revealAnswers li.snakeCard ul.snakeVerdictPills { width: 100%; position: relative; display: block; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; bottom: auto; right: auto; text-align: center; }
ul.revealAnswers li.snakeCard ul.snakeVerdictPills li { position: relative; display: inline-block; margin: 0vw 1vw 1vw 1vw; }
@media (min-width: 768px) {
	ul.revealAnswers li.snakeCard div.snakeVerdict { margin-top: 16px; padding: 0px 16px 0px 16px; }
	ul.revealAnswers li.snakeCard p.snakeVerdictBanner { margin-bottom: 12px; }
	ul.revealAnswers li.snakeCard div.snakeVerdictGroup { margin-bottom: 12px; padding: 12px 8px 12px 8px; border-radius: 8px; }
	ul.revealAnswers li.snakeCard p.snakeVerdictLine { margin-bottom: 8px; }
	ul.revealAnswers li.snakeCard ul.snakeVerdictPills li { margin: 0px 4px 4px 4px; }
}