/* Emojirebus: emojikort i TV:ns frågekort och i facit. Lokala Twemoji-bilder; systemets emoji som reserv.
 * Alla platser finns från start (tomma kort), så en ny emoji flyttar inget. */
.emoji-board,.reveal-emoji{width:100%;height:100%;min-height:0;display:grid;align-content:center;justify-items:center;gap:calc(var(--u)*2)}
.emoji-category{padding:calc(var(--u)*.5) calc(var(--u)*1.6);border-radius:40px;background:#d8fd7814;border:1px solid #d8fd7844;color:var(--accent);font-size:calc(var(--u)*1.7);font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.emoji-cards{list-style:none;margin:0;padding:3px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;gap:calc(var(--u)*1.6);min-height:0}
.emoji-card{display:grid;place-items:center;width:calc(var(--u)*13.5);aspect-ratio:1;border-radius:calc(var(--u)*2.6);background:#29223d;border:1px solid #655b7e}
.emoji-cards.count-2 .emoji-card,.emoji-cards.count-3 .emoji-card{width:calc(var(--u)*17)}.emoji-cards.count-4 .emoji-card{width:calc(var(--u)*14.4)}
.emoji-cards.count-5 .emoji-card{width:calc(var(--u)*11.4)}.emoji-cards.count-6 .emoji-card{width:calc(var(--u)*9.4)}
.emoji-card.current-emoji{border-color:var(--accent);background:linear-gradient(140deg,#3e3c36,#292639)}
.emoji-card.is-waiting{border-style:dashed;border-color:#c5adff44;background:transparent}
.emoji-card.is-waiting span{font-size:calc(var(--u)*5);line-height:1;color:#c5adff44;font-weight:850}
.emoji-image{display:block;width:72%;height:72%;object-fit:contain}
.emoji-glyph{display:grid;place-items:center;font-size:calc(var(--u)*8);line-height:1}
.emoji-credit{margin:0;text-align:center}
.reveal-emoji .emoji-card{border-color:#d8fd7855}
.reveal-explanation .emoji-image,.reveal-explanation .emoji-glyph{display:inline-block;width:1.25em;height:1.25em;vertical-align:-.25em;font-size:inherit}
@media(prefers-reduced-motion:no-preference){
  .new-emoji{animation:emoji-pop .45s cubic-bezier(.2,.9,.3,1.3) both}
  @keyframes emoji-pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
}