/* ---- Mayor o Menor ---- */
  .mm-scoreboard{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:14px;}
  .mm-score-chip{text-align:center;background:rgba(0,0,0,.25);border-radius:10px;padding:6px 12px;min-width:70px;}
  .mm-score-chip.current-turn{box-shadow:0 0 0 2px var(--gold);}
  .mm-score-chip .name{font-family:'Bitter';font-weight:800;font-size:12px;color:var(--white);white-space:nowrap;}
  .mm-score-chip .pts{font-family:'Bitter';font-weight:900;font-size:16px;color:var(--gold-light);}
  .mm-table-wrap{display:flex;justify-content:center;align-items:center;gap:22px;margin:10px 0;}
  .mm-table-card{width:130px;height:206px;border-radius:8px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.5);border:2px solid var(--gold);background:#F4ECDA;}
  .mm-table-card img{width:100%;height:100%;object-fit:contain;display:block;}
  /* Purely decorative deck the new card visibly comes out of: same size as the
     table card, a few backs stacked with a slight offset. */
  .mm-deck-pile{position:relative;width:130px;height:206px;}
  .mm-deck-card{
    position:absolute;left:0;top:0;width:130px;height:206px;border-radius:8px;overflow:hidden;
    border:2px solid rgba(201,162,39,.7);background:#2B3F6E url('/naipes-espanoles/reverso.jpg') center/cover no-repeat;
    box-shadow:0 4px 10px rgba(0,0,0,.45);
  }
  .mm-deck-card:nth-child(2){transform:translate(3px,-3px);}
  .mm-deck-card:nth-child(3){transform:translate(6px,-6px);}
  /* The card flying from the deck to the table, flipping face-up on the way.
     Only transform/opacity animate -- no layout work per frame. */
  .mm-fly-card{position:fixed;z-index:400;pointer-events:none;perspective:700px;transition:transform .62s cubic-bezier(.22,.8,.3,1);will-change:transform;}
  .mm-fly-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .62s ease;will-change:transform;}
  .mm-fly-back,.mm-fly-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:8px;overflow:hidden;border:2px solid var(--gold);background:#F4ECDA;}
  .mm-fly-back{background:#2B3F6E url('/naipes-espanoles/reverso.jpg') center/cover no-repeat;}
  .mm-fly-front{transform:rotateY(180deg);}
  .mm-fly-front img{width:100%;height:100%;object-fit:contain;display:block;}
  /* Right/wrong feedback: pops in at the center, grows and blurs away. */
  @keyframes mmFeedbackPop{
    0%{transform:translate(-50%,-50%) scale(.25);opacity:0;filter:blur(0);}
    18%{transform:translate(-50%,-50%) scale(1);opacity:1;filter:blur(0);}
    100%{transform:translate(-50%,-50%) scale(2.4);opacity:0;filter:blur(10px);}
  }
  .mm-feedback{
    position:fixed;left:50%;top:50%;z-index:410;pointer-events:none;
    font-family:'Bitter';font-weight:900;font-size:120px;line-height:1;
    animation:mmFeedbackPop .95s ease-out forwards;
  }
  .mm-feedback.ok{color:#4CAF7D;text-shadow:0 0 22px rgba(76,175,125,.9);}
  .mm-feedback.bad{color:#E24B4A;text-shadow:0 0 22px rgba(226,75,74,.9);}
  @media (max-width:420px){
    .mm-table-wrap{gap:14px;}
    .mm-table-card,.mm-deck-pile,.mm-deck-card{width:104px;height:165px;}
  }
  .mm-guess-row{display:flex;gap:10px;margin:14px 0;}
  .mm-guess-btn{flex:1;padding:16px 8px;border-radius:12px;font-family:'Bitter';font-weight:900;font-size:17px;letter-spacing:1px;border:2px solid;color:#fff;cursor:pointer;}
  .mm-guess-mayor{background:rgba(60,140,80,.4);border-color:#4CAF7D;}
  .mm-guess-menor{background:rgba(180,50,50,.4);border-color:#C0392B;}
  .mm-guess-btn:disabled{opacity:.35;cursor:default;}
  .mm-last-result{text-align:center;font-size:13px;color:var(--muted);min-height:20px;margin-bottom:6px;}