/* Set the Line Theme – Darker Background, Brighter Header */

.headlines {
  color: #ffd633; /* warm gold headlines */
}

a:link,
a:visited {
  color: #ffd633; /* same warm gold as headlines */
}

a:hover {
  color: #fff580; /* one more step brighter gold for hover */
}

/* Game theme selected state — add new .selected selectors here as needed */
.wizardChoice.selected,
.hostVoteBtn.selected {
    background: linear-gradient(135deg, #2a2a2a, #5c3b0a, #c2a63f) !important;
    border-top: 0.25vw solid #ffd633 !important;
    border-left: 0.25vw solid #ffd633 !important;
    border-right: 0.25vw solid #7a4f1a !important;
    border-bottom: 0.25vw solid #7a4f1a !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 #ffd633 !important;
    border-left: 0.25vw solid #ffd633 !important;
    border-right: 0.25vw solid #7a4f1a !important;
    border-bottom: 0.25vw solid #7a4f1a !important;
}

@keyframes drift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}