/* V90 · Cierres de actividad en pantalla completa.
   Unifica tests, simulacros, Especialidad, Retos, Flashcards y Huaju. */

:where(#resultado,#entrenamientoRetos .fuego-resultado,#flashcardsResultado,#huajuGanador){
  --resultado-acento:var(--primario,#00bfa5);
  --resultado-acento-profundo:var(--primario2,#007f73);
  --resultado-superficie:var(--card,#fff);
  --resultado-fondo:var(--bg,#f5f7f8);
}

.resultado-pantalla-contenido{
  width:min(100%,720px);
  min-height:calc(100dvh - max(36px,env(safe-area-inset-top)) - max(36px,env(safe-area-inset-bottom)));
  margin:0 auto;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(22px,5vw,48px) clamp(16px,4vw,38px);
  color:var(--text,#263238);
}
.resultado-pantalla-cabecera{display:flex;flex-direction:column;align-items:center;text-align:center}
.resultado-pantalla-kicker{margin:0 0 13px;color:var(--resultado-acento-profundo);font-size:10px;font-weight:950;letter-spacing:.14em;line-height:1.25;text-transform:uppercase}
.resultado-check{
  display:grid;
  width:76px;
  height:76px;
  margin:0 auto 18px;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--resultado-acento) 42%,var(--borde));
  border-radius:50%;
  background:linear-gradient(145deg,color-mix(in srgb,var(--resultado-acento) 13%,var(--resultado-superficie)),color-mix(in srgb,var(--resultado-acento) 24%,var(--resultado-superficie)));
  color:var(--resultado-acento-profundo);
  font-size:38px;
  font-weight:950;
  line-height:1;
  box-shadow:0 13px 32px color-mix(in srgb,var(--resultado-acento) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.78);
}
.resultado-pantalla-titulo{margin:0;color:var(--text,#263238);font-size:clamp(27px,6vw,38px);font-weight:950;letter-spacing:-.035em;line-height:1.08}
.resultado-pantalla-subtitulo{max-width:570px;margin:10px auto 0;color:var(--muted,#60717a);font-size:clamp(13px,2.8vw,16px);font-weight:650;line-height:1.5}
.resultado-badge{display:inline-flex;align-items:center;justify-content:center;min-height:29px;margin-top:14px;padding:4px 11px;border:1px solid color-mix(in srgb,var(--resultado-acento) 32%,var(--borde));border-radius:999px;background:color-mix(in srgb,var(--resultado-acento) 9%,var(--resultado-superficie));color:var(--resultado-acento-profundo);font-size:9px;font-weight:900;letter-spacing:.035em;line-height:1.25}

.resultado-metricas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin:clamp(22px,4.5vw,34px) 0 0}
.resultado-metrica{min-width:0;padding:17px 9px 15px;border:1px solid var(--borde,#e0e0e0);border-radius:18px;background:color-mix(in srgb,var(--resultado-superficie) 94%,var(--resultado-acento) 6%);text-align:center;box-shadow:0 8px 24px rgba(3,39,59,.055)}
.resultado-metrica b{display:block;overflow:hidden;color:var(--text,#263238);font-size:clamp(20px,4.6vw,28px);font-weight:950;font-variant-numeric:tabular-nums;letter-spacing:-.025em;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
.resultado-metrica small{display:block;margin-top:7px;color:var(--muted,#60717a);font-size:8px;font-weight:950;letter-spacing:.075em;line-height:1.25;text-transform:uppercase}
.resultado-metrica-destacada{border-color:color-mix(in srgb,var(--resultado-acento) 34%,var(--borde));background:color-mix(in srgb,var(--resultado-acento) 11%,var(--resultado-superficie))}
.resultado-metrica-destacada b{color:var(--resultado-acento-profundo)}
.resultado-metrica .reto-aprobacion{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:18px;margin-top:6px;padding:2px 7px;border:1px solid transparent;border-radius:999px;font-size:7px;font-weight:950;letter-spacing:.025em;line-height:1.15;white-space:nowrap}
.resultado-metrica .reto-aprobacion.is-approved{border-color:color-mix(in srgb,#15803d 34%,var(--borde));background:color-mix(in srgb,#16a34a 10%,var(--resultado-superficie));color:#166534}
.resultado-metrica .reto-aprobacion.is-failed{border-color:color-mix(in srgb,#b91c1c 32%,var(--borde));background:color-mix(in srgb,#dc2626 9%,var(--resultado-superficie));color:#991b1b}
html[data-theme="dark"] .resultado-metrica .reto-aprobacion.is-approved,body.dark .resultado-metrica .reto-aprobacion.is-approved{color:#86efac}
html[data-theme="dark"] .resultado-metrica .reto-aprobacion.is-failed,body.dark .resultado-metrica .reto-aprobacion.is-failed{color:#fca5a5}
.resultado-fraccion{display:flex!important;align-items:baseline;justify-content:center;gap:3px}
.resultado-fraccion i{color:var(--muted);font-size:.64em;font-style:normal;font-weight:850}

.resultado-balance{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:11px 0 0}
.resultado-balance-item{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:3px 10px;border:1px solid var(--borde);border-radius:999px;background:var(--resultado-superficie);color:var(--muted);font-size:10px;font-weight:800}
.resultado-balance-item b{color:var(--text);font-size:11px;font-variant-numeric:tabular-nums}
.resultado-balance-item small{color:inherit;font-size:8px;font-weight:900;letter-spacing:.035em}
.resultado-balance-punto{width:7px;height:7px;border-radius:50%;background:#16a34a}
.resultado-balance-item.incorrectas .resultado-balance-punto{background:#dc2626}

.resultado-mensaje-card{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;width:100%;margin:18px 0 0;padding:15px 16px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--resultado-acento) 26%,var(--borde));border-radius:18px;background:color-mix(in srgb,var(--resultado-acento) 8%,var(--resultado-superficie));text-align:left}
.resultado-mensaje-icono{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--resultado-acento) 18%,var(--resultado-superficie));color:var(--resultado-acento-profundo);font-size:20px;font-weight:950}
.resultado-mensaje-card h3{margin:1px 0 4px;color:var(--text);font-size:14px;line-height:1.3}
.resultado-mensaje-card p{margin:0!important;color:var(--muted)!important;font-size:11px!important;font-weight:650!important;line-height:1.5!important;text-align:left!important}

.resultado-pantalla-acciones{display:grid;gap:9px;width:100%;margin-top:20px}
.resultado-pantalla-acciones button{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;width:100%!important;min-height:48px;margin:0!important;padding:11px 14px!important;box-sizing:border-box;border:1px solid transparent!important;border-radius:14px!important;background:linear-gradient(135deg,var(--resultado-acento),var(--resultado-acento-profundo))!important;color:var(--sobrePrimario,#fff)!important;font-size:10px!important;font-weight:950!important;letter-spacing:.025em;line-height:1.2;cursor:pointer;box-shadow:0 9px 20px color-mix(in srgb,var(--resultado-acento) 18%,transparent)}
.resultado-pantalla-acciones .resultado-accion-secundaria{border-color:color-mix(in srgb,var(--resultado-acento) 38%,var(--borde))!important;background:var(--resultado-superficie)!important;color:var(--resultado-acento-profundo)!important;box-shadow:none}
.resultado-pantalla-acciones .resultado-accion-terciaria{border-color:var(--borde)!important;background:transparent!important;color:var(--muted)!important;box-shadow:none}
.resultado-acciones-secundarias{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.resultado-pantalla-acciones button:focus-visible{outline:3px solid color-mix(in srgb,var(--resultado-acento) 28%,transparent);outline-offset:3px}

/* Test, Simulacro, Especialidad y Modo Guardia: deja de ser modal. */
#resultado{
  position:fixed!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  z-index:10100!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  box-sizing:border-box;
  padding:max(18px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;
  background-color:var(--resultado-fondo)!important;
  background-image:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--resultado-acento) 13%,transparent),transparent 38%),radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--resultado-acento) 9%,transparent) 1px,transparent 0)!important;
  background-size:auto,34px 34px!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  overscroll-behavior:contain;
}
#resultado .resultado-card{width:min(100%,720px)!important;max-width:none!important;min-height:calc(100dvh - max(36px,env(safe-area-inset-top)) - max(36px,env(safe-area-inset-bottom)))!important;max-height:none!important;margin:0 auto!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:initial!important}
#resultado .resultado-hero{display:flex!important;flex:0 0 auto!important;flex-direction:column!important;align-items:center!important;gap:0!important;padding:clamp(22px,5vw,48px) clamp(16px,4vw,38px) 0!important;color:var(--text)!important;background:transparent!important;text-align:center!important;overflow:visible!important}
#resultado .resultado-hero::after{display:none!important;content:none!important}
#resultado .resultado-icono{position:static!important;z-index:auto!important;width:76px!important;height:76px!important;margin:0 auto 18px!important;border:1px solid color-mix(in srgb,var(--resultado-acento) 42%,var(--borde))!important;border-radius:50%!important;background:linear-gradient(145deg,color-mix(in srgb,var(--resultado-acento) 13%,var(--resultado-superficie)),color-mix(in srgb,var(--resultado-acento) 24%,var(--resultado-superficie)))!important;color:var(--resultado-acento-profundo)!important;font-size:38px!important;font-weight:950!important;box-shadow:0 13px 32px color-mix(in srgb,var(--resultado-acento) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.78)!important}
#resultado .resultado-encabezado{display:flex;min-width:0;flex-direction:column;align-items:center}
#resultado .resultado-titulo{margin:0!important;color:var(--text)!important;font-size:clamp(27px,6vw,38px)!important;font-weight:950!important;letter-spacing:-.035em!important;line-height:1.08!important}
#resultado .resultado-subtitulo{max-width:570px;margin:10px auto 0!important;color:var(--muted)!important;font-size:clamp(13px,2.8vw,16px)!important;font-weight:650!important;line-height:1.5!important;opacity:1!important}
#resultado .resultado-cuerpo{flex:0 0 auto!important;min-height:0!important;overflow:visible!important;padding:0 clamp(16px,4vw,38px)!important}
#resultado .resultado-resumen{margin:clamp(22px,4.5vw,34px) 0 0!important}
#resultado .resultado-dato{padding:17px 9px 15px!important;border-radius:18px!important;background:color-mix(in srgb,var(--resultado-superficie) 94%,var(--resultado-acento) 6%)!important;box-shadow:0 8px 24px rgba(3,39,59,.055)}
#resultado .resultado-dato span{display:initial;margin:0;font-size:inherit}
#resultado .resultado-dato b{display:block;font-size:clamp(20px,4.6vw,28px);line-height:1.1}
#resultado .resultado-dato small{margin-top:7px;font-size:8px;letter-spacing:.075em;color:var(--muted);opacity:1}
#resultado .resultado-dato.correctas b{color:var(--text)}
#resultado .resultado-dato.puntuacion{border-color:color-mix(in srgb,var(--resultado-acento) 34%,var(--borde));background:color-mix(in srgb,var(--resultado-acento) 11%,var(--resultado-superficie))!important}
#resultado .resultado-dato.puntuacion b{color:var(--resultado-acento-profundo)}
#resultado .resultado-porcentaje{position:static!important;width:auto!important;height:auto!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;font-size:inherit!important}
#resultado .resultado-mensaje{min-height:0;margin:0!important;text-align:left!important;font-size:11px!important;font-weight:650!important}
#resultado .resultado-analitica-sesion{margin-top:12px;padding:15px 16px;border-radius:18px;background:var(--resultado-superficie)}
#resultado .resultado-acciones{display:grid!important;flex:0 0 auto!important;gap:9px!important;width:auto!important;margin:0!important;padding:20px clamp(16px,4vw,38px) clamp(26px,6vw,52px)!important;border:0!important;background:transparent!important}
#resultado .resultado-acciones .btn{min-height:48px!important;margin:0!important;padding:11px 14px!important;border-radius:14px!important;font-size:10px!important}
#resultado #btnRepetirFalladas{background:linear-gradient(135deg,var(--resultado-acento),var(--resultado-acento-profundo))!important;color:var(--sobrePrimario,#fff)!important;box-shadow:0 9px 20px color-mix(in srgb,var(--resultado-acento) 18%,transparent)}
#resultado .resultado-btn-volver{border:1px solid color-mix(in srgb,var(--resultado-acento) 38%,var(--borde))!important;background:var(--resultado-superficie)!important;color:var(--resultado-acento-profundo)!important}
#resultado .resultado-acciones-secundarias .btn{border:1px solid var(--borde)!important;background:transparent!important;color:var(--muted)!important;box-shadow:none!important}
#resultado #btnCompartirResultadoChat,#resultado #btnCompartirResultado{border:1px solid var(--borde)!important;background:transparent!important;color:var(--muted)!important;box-shadow:none!important}
#resultado.resultado-modo-guardia .resultado-badge,#resultado.resultado-modo-social .resultado-badge{border-color:color-mix(in srgb,var(--resultado-acento) 46%,var(--borde));font-weight:950}

/* Retos: cada cierre ocupa toda la vista, no una tarjeta dentro del panel. */
#entrenamientoRetos .fuego-resultado{
  position:fixed!important;
  inset:0!important;
  z-index:10100!important;
  width:auto!important;
  height:auto!important;
  overflow:auto!important;
  box-sizing:border-box!important;
  padding:max(18px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;
  border:0!important;
  border-radius:0!important;
  background-color:var(--resultado-fondo)!important;
  background-image:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--resultado-acento) 13%,transparent),transparent 38%),radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--resultado-acento) 9%,transparent) 1px,transparent 0)!important;
  background-size:auto,34px 34px!important;
  box-shadow:none!important;
  text-align:initial!important;
}
#entrenamientoRetos .fuego-resultado-icono{font-size:inherit}
#entrenamientoRetos .fuego-resultado h2{margin:0}
#entrenamientoRetos .fuego-resultado>p{margin:10px auto 0}
#entrenamientoRetos .fuego-resultado-stats{margin:clamp(22px,4.5vw,34px) 0 0}
#entrenamientoRetos .fuego-resultado-stats div{padding:17px 9px 15px;border-radius:18px;background:color-mix(in srgb,var(--resultado-superficie) 94%,var(--resultado-acento) 6%);box-shadow:0 8px 24px rgba(3,39,59,.055)}
#entrenamientoRetos .fuego-resultado-stats b{color:var(--text);font-size:clamp(20px,4.6vw,28px)}
#entrenamientoRetos .fuego-resultado-stats div:last-child{border-color:color-mix(in srgb,var(--resultado-acento) 34%,var(--borde));background:color-mix(in srgb,var(--resultado-acento) 11%,var(--resultado-superficie))}
#entrenamientoRetos .fuego-resultado-stats div:last-child b{color:var(--resultado-acento-profundo)}
#entrenamientoRetos .fuego-resultado button{margin:0!important}

/* Flashcards: cierre de Entrenamiento en la misma pantalla universal. */
#flashcardsResultado:not([hidden]){
  position:fixed!important;
  inset:0!important;
  z-index:10100!important;
  display:block!important;
  overflow:auto!important;
  box-sizing:border-box!important;
  padding:max(18px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;
  border:0!important;
  border-radius:0!important;
  background-color:var(--resultado-fondo)!important;
  background-image:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--resultado-acento) 13%,transparent),transparent 38%),radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--resultado-acento) 9%,transparent) 1px,transparent 0)!important;
  background-size:auto,34px 34px!important;
  box-shadow:none!important;
  text-align:initial!important;
}

/* Huaju: pantalla completa con estado de victoria o derrota. */
#huajuGanador:not([hidden]){
  position:fixed!important;
  inset:0!important;
  z-index:10110!important;
  display:block!important;
  overflow:auto!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:max(18px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;
  border:0!important;
  border-radius:0!important;
  background-color:var(--resultado-fondo)!important;
  background-image:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--resultado-acento) 14%,transparent),transparent 38%),radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--resultado-acento) 9%,transparent) 1px,transparent 0)!important;
  background-size:auto,34px 34px!important;
  color:var(--text)!important;
  box-shadow:none!important;
  text-align:initial!important;
}
#huajuGanador.es-victoria{--resultado-acento:#22a55a;--resultado-acento-profundo:#16723f}
#huajuGanador.es-derrota{--resultado-acento:#e05a63;--resultado-acento-profundo:#a92835}
#huajuGanador .huaju-ganador-estado{color:var(--resultado-acento-profundo)}
#huajuGanador .resultado-mensaje-card{grid-template-columns:1fr;text-align:center}
#huajuGanador .resultado-mensaje-card p{text-align:center!important}
#huajuGanador button{font-size:10px!important}

html[data-theme="dark"] .resultado-check,body.dark .resultado-check,
html[data-theme="dark"] #resultado .resultado-icono,body.dark #resultado .resultado-icono{box-shadow:0 13px 32px color-mix(in srgb,var(--resultado-acento) 20%,transparent),inset 0 1px 0 rgba(255,255,255,.1)!important}
html[data-theme="dark"] .resultado-metrica,body.dark .resultado-metrica,
html[data-theme="dark"] #resultado .resultado-dato,body.dark #resultado .resultado-dato{box-shadow:0 8px 24px rgba(0,0,0,.16)}

@media(max-width:520px){
  .resultado-pantalla-contenido{min-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)));padding:22px 10px}
  .resultado-check,#resultado .resultado-icono{width:68px!important;height:68px!important;margin-bottom:16px!important;font-size:34px!important}
  .resultado-metricas{gap:7px}.resultado-metrica,#resultado .resultado-dato,#entrenamientoRetos .fuego-resultado-stats div{padding:14px 5px 13px!important;border-radius:15px!important}
  .resultado-metrica small,#resultado .resultado-dato small,#entrenamientoRetos .fuego-resultado-stats small{font-size:7px}
  .resultado-mensaje-card{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:13px}.resultado-mensaje-icono{width:38px;height:38px}
  .resultado-acciones-secundarias{grid-template-columns:1fr}
  #resultado .resultado-card{min-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)))!important}
  #resultado .resultado-hero{padding:22px 10px 0!important}
  #resultado .resultado-cuerpo{padding:0 10px!important}
  #resultado .resultado-acciones{padding:18px 10px 26px!important}
}

@media(max-height:640px) and (orientation:landscape){
  .resultado-pantalla-contenido{justify-content:flex-start;padding-top:15px;padding-bottom:15px}
  .resultado-check,#resultado .resultado-icono{width:54px!important;height:54px!important;margin-bottom:10px!important;font-size:28px!important}
  .resultado-pantalla-kicker{margin-bottom:8px}.resultado-pantalla-subtitulo{margin-top:6px}.resultado-badge{margin-top:8px}
  .resultado-metricas,#resultado .resultado-resumen{margin-top:14px!important}.resultado-mensaje-card{margin-top:11px}.resultado-pantalla-acciones,#resultado .resultado-acciones{margin-top:12px!important}
}

@media(prefers-reduced-motion:reduce){
  :where(#resultado,#entrenamientoRetos .fuego-resultado,#flashcardsResultado,#huajuGanador) *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}


/* V97 Huaju · duración, captura, nueva ronda y revancha unánime. */
#huajuGanador .huaju-resultado-metricas{grid-template-columns:repeat(4,minmax(0,1fr))}
#huajuGanador .huaju-resultado-acciones{padding-bottom:clamp(8px,2vw,18px)}
#huajuGanador .huaju-revancha-estado{margin:1px 0 0!important;color:var(--muted)!important;font-size:9px!important;font-weight:800!important;line-height:1.35!important;text-align:center!important}
#huajuGanador #huajuRevancha:disabled{opacity:.66;cursor:default;box-shadow:none!important}
@media(max-width:520px){#huajuGanador .huaju-resultado-metricas{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* V99 Resultados · fondo oscuro de pantalla completa y cierre neutral por abandono. */
:where(#resultado,#entrenamientoRetos .fuego-resultado,#flashcardsResultado,#huajuGanador){
  background-repeat:no-repeat!important;
  background-position:center top!important;
  background-size:100% 100%!important;
}
html[data-theme="dark"] :where(#resultado,#entrenamientoRetos .fuego-resultado,#flashcardsResultado,#huajuGanador),
body.dark :where(#resultado,#entrenamientoRetos .fuego-resultado,#flashcardsResultado,#huajuGanador){
  --resultado-fondo:color-mix(in srgb,var(--bg,#071a2f) 90%,#020b14 10%);
  background-color:var(--resultado-fondo)!important;
  background-image:
    radial-gradient(ellipse 115% 68% at 50% -8%,color-mix(in srgb,var(--resultado-acento) 28%,transparent) 0%,color-mix(in srgb,var(--resultado-acento) 13%,transparent) 36%,transparent 68%),
    radial-gradient(ellipse 90% 54% at 100% 100%,color-mix(in srgb,var(--resultado-acento-profundo) 17%,transparent),transparent 72%),
    linear-gradient(180deg,color-mix(in srgb,var(--resultado-fondo) 92%,var(--resultado-acento) 8%) 0%,var(--resultado-fondo) 48%,color-mix(in srgb,var(--resultado-fondo) 94%,#000 6%) 100%)!important;
  background-size:100% 100%,100% 100%,100% 100%!important;
}
#huajuGanador.es-abandono{--resultado-acento:#f59e0b;--resultado-acento-profundo:#b45309}
html[data-theme="dark"] #huajuGanador.es-abandono,body.dark #huajuGanador.es-abandono{--resultado-acento:#fbbf24;--resultado-acento-profundo:#fcd34d}


/* V103 · superficies finales realmente de pantalla completa en claro y oscuro. */
:where(#resultado,#entrenamientoRetos .fuego-resultado,#flashcardsResultado,#huajuGanador){
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100vw!important;
  min-width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  min-height:100vh!important;
  max-height:none!important;
  margin:0!important;
  border-radius:0!important;
  background-attachment:local!important;
}
@supports(height:100dvh){
  :where(#resultado,#entrenamientoRetos .fuego-resultado,#flashcardsResultado,#huajuGanador){height:100dvh!important;min-height:100dvh!important}
}
html[data-theme="light"] :where(#resultado,#entrenamientoRetos .fuego-resultado,#flashcardsResultado,#huajuGanador),
body:not(.dark) :where(#resultado,#entrenamientoRetos .fuego-resultado,#flashcardsResultado,#huajuGanador){
  --resultado-fondo:color-mix(in srgb,var(--bg,#f5f7f8) 93%,#fff 7%);
  background-color:var(--resultado-fondo)!important;
  background-image:
    radial-gradient(ellipse 125% 72% at 50% -10%,color-mix(in srgb,var(--resultado-acento) 24%,transparent) 0%,color-mix(in srgb,var(--resultado-acento) 10%,transparent) 38%,transparent 70%),
    radial-gradient(ellipse 92% 58% at 100% 100%,color-mix(in srgb,var(--resultado-acento-profundo) 11%,transparent),transparent 74%),
    linear-gradient(180deg,color-mix(in srgb,var(--resultado-fondo) 94%,var(--resultado-acento) 6%) 0%,var(--resultado-fondo) 52%,color-mix(in srgb,var(--resultado-fondo) 97%,#fff 3%) 100%)!important;
  background-size:100% 100%,100% 100%,100% 100%!important;
}
/* Huaju ensancha la mesa con transform. Durante el resultado se neutraliza para
   que el fixed del cierre vuelva a referirse al viewport y no a ese contenedor. */
#entrenamientoHuaju.huaju-jugando:has(#huajuGanador:not([hidden])){
  left:auto!important;
  width:100%!important;
  max-width:none!important;
  transform:none!important;
}