/* ==========================================================================
   MULLIGAN INICIAL — componente compartido por las dos mesas y la revisión.
   Las cartas son botones de selección, no cartas de la mano: por eso jamás
   crecen, no abren el inspector y conservan su rectángulo al pasar el puntero.
   ========================================================================== */
.mulliganOverlay{background:rgba(5,3,10,.9)!important;backdrop-filter:blur(5px)!important}
.mulliganPanel{width:min(1040px,96vw);max-width:1040px;box-sizing:border-box;
  max-height:90vh;padding:22px 24px 18px;overflow:auto;
  background:linear-gradient(180deg,#2a2040,#171025)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.88),0 0 0 1px rgba(230,187,82,.15)}
.mulliganCabecera{text-align:center;max-width:690px;margin:0 auto 13px}
.mulliganAntetitulo{font:800 10px/1.2 var(--sans,system-ui);letter-spacing:3px;color:var(--purple,#a985ef);margin-bottom:7px}
.mulliganPanel h3{margin:0 0 6px;font-size:24px;line-height:1.15;color:var(--gold,#e6bb52)}
.mulliganPanel p{margin:0;color:var(--dim,#a99cc0);font-size:13px;line-height:1.45}
.mulliganContador{display:flex;justify-content:center;align-items:center;min-height:30px;margin:4px 0 11px;
  color:#dcd1ed;font-size:12px;font-weight:700;letter-spacing:.25px}
.mulliganContador b{display:inline-grid;place-items:center;min-width:26px;height:26px;margin:0 5px;border-radius:14px;
  color:var(--gold,#e6bb52);background:rgba(230,187,82,.12);border:1px solid rgba(230,187,82,.38);font-size:13px}
.mulliganCartas{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:13px 11px;
  padding:3px 2px 15px;isolation:isolate}
.mulliganCarta{--mulligan-cw:128px;position:relative;display:block;box-sizing:border-box;flex:0 0 var(--mulligan-cw);
  width:var(--mulligan-cw);padding:4px;border:2px solid transparent;border-radius:13px;background:rgba(0,0,0,.2);
  color:inherit;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.mulliganCarta .card{--cw:var(--mulligan-cw);--ch:calc(var(--mulligan-cw) * 1.4);width:var(--mulligan-cw);height:var(--ch);
  box-sizing:border-box;pointer-events:none;cursor:inherit;transform:none!important;transition:none!important;z-index:auto!important}
.mulliganCarta .card:hover,.mulliganCarta:hover .card,.mulliganCarta:focus-visible .card{transform:none!important}
.mulliganCarta:hover:not(:disabled){border-color:color-mix(in srgb,var(--gold,#e6bb52) 70%,transparent);
  background:rgba(230,187,82,.07);box-shadow:0 0 0 1px rgba(230,187,82,.12),0 10px 24px rgba(0,0,0,.35)}
.mulliganCarta:focus-visible{outline:2px solid #fff0bd;outline-offset:3px}
.mulliganCarta.seleccionada{border-color:var(--gold,#e6bb52);background:rgba(230,187,82,.13);
  box-shadow:0 0 0 1px rgba(230,187,82,.42),0 0 23px rgba(230,187,82,.25),0 10px 24px rgba(0,0,0,.45)}
.mulliganCarta.seleccionada::after{content:"✓";position:absolute;right:-7px;top:-7px;z-index:3;width:25px;height:25px;
  display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#fff0a4,#d49a27);color:#241707;
  border:2px solid #352213;box-shadow:0 3px 9px rgba(0,0,0,.8);font:900 15px/1 var(--sans,system-ui)}
.mulliganAcciones{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;max-width:530px;margin:0 auto}
.mulliganAcciones .btn{min-height:45px;padding:9px 12px;text-align:center;white-space:normal}
.mulliganAcciones .btn:disabled{cursor:default;opacity:.46;filter:saturate(.55)}
.mulliganAyuda{text-align:center!important;margin:10px auto 0!important;max-width:560px;font-size:11.5px!important;color:#8f82a7!important}

@media(max-width:760px){
  .mulliganPanel{width:100%;max-width:440px;max-height:calc(100dvh - 22px);padding:16px 12px 14px;border-radius:14px}
  .mulliganCabecera{margin-bottom:8px}.mulliganAntetitulo{font-size:9px;letter-spacing:2.6px;margin-bottom:5px}
  .mulliganPanel h3{font-size:20px}.mulliganPanel p{font-size:12.5px}
  .mulliganContador{margin:2px 0 8px;font-size:11.5px}.mulliganContador b{min-width:24px;height:24px}
  .mulliganCartas{--mulligan-cw:clamp(84px,27vw,108px);gap:8px 7px;padding:2px 0 11px}
  .mulliganCarta{--mulligan-cw:inherit;flex-basis:var(--mulligan-cw);width:var(--mulligan-cw);padding:3px;border-radius:10px}
  .mulliganCarta.seleccionada::after{width:22px;height:22px;right:-5px;top:-5px;font-size:13px}
  .mulliganAcciones{gap:7px}.mulliganAcciones .btn{min-height:44px;padding:8px 7px;font-size:12px}
  .mulliganAyuda{margin-top:8px!important;font-size:10.5px!important}
}

@media(prefers-reduced-motion:reduce){.mulliganCarta{transition:none}}