/* Emoji Decoder Theme – Sunny Gold on Plum */
.headlines {
  color: #ffc93c; /* sunny gold headlines */
}
a:link,
a:visited {
  color: #ffc93c; /* same gold as headlines */
}
a:hover {
  color: #ffd96b; /* lighter gold for hover */
}
/* Game theme selected state — add new .selected selectors here as needed */
.wizardChoice.selected,
.hostVoteBtn.selected {
    background: linear-gradient(135deg, #2a1838, #4b2a6b, #6b3a8f) !important;
    border-top: 0.25vw solid #ffc93c !important;
    border-left: 0.25vw solid #ffc93c !important;
    border-right: 0.25vw solid #8a6a1f !important;
    border-bottom: 0.25vw solid #8a6a1f !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 #ffc93c !important;
    border-left: 0.25vw solid #ffc93c !important;
    border-right: 0.25vw solid #8a6a1f !important;
    border-bottom: 0.25vw solid #8a6a1f !important;
}
@keyframes drift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* The emoji puzzle — big OpenMoji row shown on input, voting and reveal */
div.emojiStrip { width: 100%; position: relative; display: block; margin: 0vw 0vw 3vw 0vw; padding: 3vw 2vw 3vw 2vw; border-radius: 2vw; background: rgba(0, 0, 0, 0.35); text-align: center; }
div.emojiStrip img.emojiStripItem { width: 16vw; height: 16vw; display: inline-block; margin: 1vw 1.5vw 1vw 1.5vw; vertical-align: middle; transform: none; filter: drop-shadow(0px 0.6vw 0.8vw rgba(0, 0, 0, 0.5)); }
div.emojiStrip.emojiStrip-small img.emojiStripItem { width: 9vw; height: 9vw; margin: 0.5vw 1vw 0.5vw 1vw; }
@media (min-width: 768px) {
	div.emojiStrip { margin: 0px 0px 16px 0px; padding: 16px 12px 16px 12px; border-radius: 12px; }
	div.emojiStrip img.emojiStripItem { width: 88px; height: 88px; margin: 4px 8px 4px 8px; filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.5)); }
	div.emojiStrip.emojiStrip-small img.emojiStripItem { width: 48px; height: 48px; margin: 2px 6px 2px 6px; }
}
@media (min-width: 1140px) {
	div.emojiStrip img.emojiStripItem { width: 104px; height: 104px; }
	div.emojiStrip.emojiStrip-small img.emojiStripItem { width: 56px; height: 56px; }
}