/* Mais ou Menos: duas cartas de killer lado a lado, número que sobe na revelação e contador de sequência. */
.mm-placar { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.mm-contador { padding: 6px 16px; border-radius: 999px; border: 1px solid var(--fog-700, #2b2023); background: var(--fog-900, #151012); color: var(--ash, #a99d97); font-size: 15px; }
.mm-contador strong { color: #f2b544; font-family: var(--display, 'Oswald', sans-serif); font-size: 20px; margin-left: 4px; display: inline-block; }
#mm-seq.sobe { animation: mm-sobe .5s ease-out; }

.mm-jogo { display: grid; gap: 16px; justify-items: center; }
.mm-jogo[hidden] { display: none; }
.mm-pergunta { margin: 0; font-family: var(--display, 'Oswald', sans-serif); font-size: clamp(22px, 4vw, 32px); text-align: center; font-weight: 600; animation: ja-entra .5s both; }
.mm-pergunta b { color: #f2b544; }
.mm-cartas { display: flex; align-items: center; justify-content: center; gap: 18px; flex-wrap: wrap; }
.mm-ou { font: 700 18px var(--body, 'Barlow', sans-serif); color: var(--ash, #a99d97); text-transform: uppercase; letter-spacing: .1em; }
.mm-carta { position: relative; display: grid; gap: 8px; justify-items: center; width: 250px; padding: 16px 14px 14px; border-radius: 18px; border: 2px solid var(--fog-700, #3d2e32); background: linear-gradient(180deg, var(--fog-900, #151012), #0f0b0d); color: var(--bone, #f0e7dc); font: inherit; cursor: pointer; transition: transform .15s, border-color .2s, box-shadow .25s; animation: mm-entra .55s cubic-bezier(.2, .9, .3, 1) both; }
.mm-carta[data-lado="b"] { animation-delay: .1s; }
.mm-carta:hover:not(:disabled) { transform: translateY(-6px) scale(1.02); border-color: #f2b544; box-shadow: 0 14px 34px rgba(0, 0, 0, .55), 0 0 26px rgba(242, 181, 68, .22); }
.mm-carta:focus-visible { outline: 2px solid var(--bone, #f0e7dc); outline-offset: 3px; }
.mm-carta:disabled { cursor: default; }
.mm-carta img { width: 200px; height: 200px; object-fit: cover; border-radius: 12px; background: var(--fog-950, #0b0809); }
.mm-nome { font-family: var(--display, 'Oswald', sans-serif); font-size: 24px; font-weight: 600; }
.mm-valor { min-height: 30px; font: 700 26px var(--display, 'Oswald', sans-serif); color: transparent; }
.mm-cartas.revelado .mm-valor { color: var(--bone, #f0e7dc); }
.mm-carta.certa { border-color: #2fa84f; box-shadow: 0 0 0 2px rgba(47, 168, 79, .4), 0 0 30px rgba(47, 168, 79, .35); transform: translateY(-4px); }
.mm-carta.certa .mm-valor { color: #5fd47f; }
.mm-carta.errada { border-color: #c52b2b; box-shadow: 0 0 24px rgba(197, 43, 43, .35); animation: mm-treme .45s; }
.mm-carta.errada .mm-valor { color: #e04b4b; }

@keyframes mm-entra { from { opacity: 0; transform: translateY(26px) scale(.94); } to { opacity: 1; transform: none; } }
@keyframes mm-sobe { 0% { transform: scale(1); } 40% { transform: scale(1.7); color: #fff; } 100% { transform: scale(1); } }
@keyframes mm-treme { 0%, 100% { transform: translateX(0); } 20% { transform: translateX(-9px); } 40% { transform: translateX(9px); } 60% { transform: translateX(-6px); } 80% { transform: translateX(6px); } }

@media (max-width: 640px) {
  .mm-carta { width: 150px; padding: 12px 8px 10px; }
  .mm-carta img { width: 120px; height: 120px; }
  .mm-nome { font-size: 18px; }
  .mm-valor { font-size: 20px; }
  .mm-cartas { gap: 8px; flex-wrap: nowrap; }
}
@media (prefers-reduced-motion: reduce) { .mm-carta, .mm-pergunta, #mm-seq.sobe, .mm-carta.errada { animation: none !important; } }

.kd-aviso.ok { color: #5fd47f; }