.estadio{background:var(--estadio);color:var(--estadio-texto);padding:calc(var(--e6) + env(safe-area-inset-top)) var(--e4) 72px;position:relative;overflow:hidden}.estadio:before,.estadio:after{content:"";pointer-events:none;border:2px solid #ffffff14;position:absolute}.estadio:before{border-radius:50%;width:260px;height:260px;top:50%;right:-90px;transform:translateY(-50%)}.estadio:after{border-width:0 0 0 2px;width:0;top:0;bottom:0;right:39px}.estadio__contenido{max-width:640px;margin:0 auto;position:relative}.estadio .marca{color:var(--amarillo);margin-bottom:var(--e4)}.estadio h1{margin-bottom:var(--e2);font-size:clamp(2rem,9vw,2.6rem);font-stretch:112%}.estadio p{color:var(--estadio-suave);max-width:34ch;margin:0}.tarjeta--sobre-estadio{margin-top:-48px;position:relative}.campo-codigo{font-family:var(--fuente-display);letter-spacing:.3em;text-transform:uppercase;text-align:center;padding-block:14px;font-size:1.75rem;font-weight:800;font-stretch:125%}.campo-codigo::placeholder{color:var(--borde);letter-spacing:.3em}.reglas{margin:0 0 var(--e5);gap:var(--e2);font-size:var(--texto-sm);color:var(--texto-suave);padding:0;list-style:none;display:grid}.reglas li{gap:var(--e2);align-items:baseline;display:flex}.reglas li:before{content:"";background:var(--amarillo);border-radius:2px;flex:none;width:8px;height:8px;transform:translateY(-1px)rotate(45deg)}.enlace-profesor{text-align:center;padding:var(--e3);display:block}.barra{z-index:2;background:var(--estadio);color:var(--estadio-texto);padding:calc(var(--e3) + env(safe-area-inset-top)) var(--e4) var(--e3);position:sticky;top:0}.barra__fila{justify-content:space-between;align-items:center;gap:var(--e3);max-width:640px;margin:0 auto;display:flex}.barra__progreso{font-family:var(--fuente-display);font-weight:800;font-size:var(--texto-lg);line-height:1.1}.barra__progreso small{font-family:var(--fuente-texto);font-size:var(--texto-xs);color:var(--estadio-suave);font-weight:400;display:block}.reloj{font-family:var(--fuente-display);font-variant-numeric:tabular-nums;padding:2px var(--e3);border-radius:var(--radio-sm);background:var(--estadio-2);transition:background-color var(--dur) ease-out, color var(--dur) ease-out;font-size:1.75rem;font-weight:800;font-stretch:112%}.reloj--poco{background:var(--amarillo);color:var(--sobre-amarillo)}.reloj--critico{background:var(--error);color:#fff}.segmentos{max-width:640px;margin:var(--e3) auto 0;gap:3px;display:flex}.segmentos span{background:var(--estadio-2);height:5px;transition:background-color var(--dur) ease-out;border-radius:3px;flex:1}.segmentos .respondida{background:var(--amarillo)}.segmentos .actual{box-shadow:0 0 0 1.5px var(--estadio-texto)}.guardado{font-size:var(--texto-xs);color:var(--estadio-suave)}.guardado--error{color:var(--amarillo);font-weight:700}.pantalla-partida main{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.area{align-items:center;gap:var(--e2);font-size:var(--texto-xs);color:var(--texto-suave);margin-bottom:var(--e3);font-weight:700;display:inline-flex}.area:before{content:"";background:var(--color-area,var(--texto-suave));border-radius:50%;width:10px;height:10px}.contexto{white-space:pre-line;margin:0 0 var(--e4);padding:var(--e3) var(--e4);border-left:4px solid var(--color-area,var(--borde));background:var(--superficie-2);border-radius:0 var(--radio-sm) var(--radio-sm) 0;max-width:68ch}.enunciado{white-space:pre-line;font-weight:700;font-size:var(--texto-lg);overflow-wrap:anywhere;line-height:1.4}.opciones{margin-top:var(--e4);gap:10px;display:grid}.opcion{justify-content:flex-start;align-items:flex-start;gap:var(--e3);width:100%;min-height:56px;padding:var(--e3) var(--e4) var(--e3) var(--e3);text-align:left;background:var(--superficie);color:var(--texto);border-color:var(--borde);font-family:var(--fuente-texto);overflow-wrap:anywhere;font-weight:400;line-height:1.4}@media (hover:hover){.opcion:hover:not(:disabled){background:var(--superficie-2);border-color:var(--texto-suave)}}.opcion__letra{border:1.5px solid var(--borde);width:30px;height:30px;font-family:var(--fuente-display);font-weight:800;font-size:var(--texto-sm);transition:background-color var(--dur-rapida) ease-out, color var(--dur-rapida) ease-out;border-radius:50%;flex:none;place-items:center;display:grid}.opcion__texto{padding-top:3px}.opcion[aria-pressed=true]{border-color:var(--primario);background:var(--primario-fondo);box-shadow:inset 0 0 0 1px var(--primario)}.opcion[aria-pressed=true] .opcion__letra{background:var(--primario);border-color:var(--primario);color:var(--superficie)}.mapa h2{font-size:var(--texto-base)}.mapa__rejilla{gap:var(--e2);grid-template-columns:repeat(auto-fill,minmax(44px,1fr));display:grid}.mapa__rejilla button{background:var(--superficie);min-height:44px;color:var(--texto);border-color:var(--borde);font-variant-numeric:tabular-nums;padding:0}.mapa__rejilla .respondida{background:var(--estadio);border-color:var(--estadio);color:var(--estadio-texto)}.mapa__entregar{margin-top:var(--e4)}.mapa__rejilla .actual{outline:3px solid var(--amarillo);outline-offset:1px}.acciones{z-index:2;background:var(--superficie);border-top:1px solid var(--borde);padding:var(--e3) var(--e4) calc(var(--e3) + env(safe-area-inset-bottom));position:fixed;inset:auto 0 0}.acciones__fila{gap:var(--e3);grid-template-columns:auto 1fr;max-width:640px;margin:0 auto;display:grid}.acciones .boton--secundario{min-width:52px;padding-inline:var(--e4)}dialog{width:min(100% - 32px,420px);padding:var(--e5) var(--e4) var(--e4);border-radius:var(--radio);background:var(--superficie);color:var(--texto);border:0;box-shadow:0 20px 60px #0000004d}dialog::backdrop{background:#070f1e99}dialog[open]{animation:aparecer var(--dur) var(--curva-salida)}dialog .fila{margin-top:var(--e4)}dialog .fila>*{flex:1}@keyframes aparecer{0%{opacity:0;transform:translateY(8px)scale(.98)}}.marcador{padding-bottom:80px}.estadio .marcador__puntaje{font-family:var(--fuente-display);font-weight:900;font-stretch:85%;font-size:var(--texto-marcador);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--estadio-texto);max-width:none;margin:var(--e2) 0 var(--e4);animation:aparecer .42s var(--curva-salida) both;line-height:.9}.estadio .marcador__puntaje .marcador__total{color:var(--estadio-suave);letter-spacing:0;font-size:.42em}.marcador__datos{gap:var(--e5);margin:0;display:flex}.marcador__datos div{display:grid}.marcador__datos dt{font-size:var(--texto-xs);color:var(--estadio-suave)}.marcador__datos dd{font-family:var(--fuente-display);font-weight:800;font-size:var(--texto-lg);font-variant-numeric:tabular-nums;margin:0}.marcador__datos .destacado{color:var(--amarillo)}.posiciones{margin:var(--e2) calc(-1 * var(--e2)) 0}.fila--entre h2{margin:0}.posiciones th{font-size:var(--texto-xs);color:var(--texto-suave);font-weight:700}.posiciones td:first-child,.posiciones th:first-child{text-align:center;width:3ch;font-family:var(--fuente-display);font-weight:800}.posiciones td:nth-child(2){overflow-wrap:anywhere}.posiciones td:nth-child(n+3),.posiciones th:nth-child(n+3){text-align:right;white-space:nowrap}.posiciones tr.yo td{background:color-mix(in srgb, var(--amarillo) 22%, transparent);color:var(--texto)}.posiciones tr.yo td:first-child{box-shadow:inset 4px 0 0 var(--amarillo)}.revision__cabecera{margin:var(--e6) 0 var(--e4);flex-wrap:wrap}.interruptor{align-items:center;gap:var(--e2);font-weight:400;font-size:var(--texto-sm);cursor:pointer;min-height:44px;margin:0;display:inline-flex}.interruptor input{width:20px;height:20px;accent-color:var(--primario);margin:0}.revision__pregunta{border-left:5px solid var(--borde)}.revision__pregunta--bien{border-left-color:var(--exito)}.revision__pregunta--mal{border-left-color:var(--error)}.revision__estado{float:right;font-size:var(--texto-xs);padding:2px var(--e2);border-radius:999px;font-weight:700}.revision__pregunta--bien .revision__estado{background:var(--exito-fondo);color:var(--exito)}.revision__pregunta--mal .revision__estado{background:var(--error-fondo);color:var(--error)}.revision details{margin-bottom:var(--e3)}.revision summary{cursor:pointer;color:var(--primario);font-size:var(--texto-sm);align-items:center;min-height:44px;display:flex}.revision .enunciado{font-size:var(--texto-base)}.lista-opciones{margin:var(--e3) 0;gap:6px;padding:0;list-style:none;display:grid}.lista-opciones li{gap:var(--e3);padding:var(--e2) var(--e3);border-radius:var(--radio-sm);overflow-wrap:anywhere;border:1.5px solid #0000;align-items:flex-start;display:flex}.lista-opciones .opcion__letra{width:26px;height:26px;font-size:var(--texto-xs)}.lista-opciones .correcta{border-color:var(--exito);background:var(--exito-fondo)}.lista-opciones .correcta .opcion__letra{background:var(--exito);border-color:var(--exito);color:var(--superficie)}.lista-opciones .elegida-mal{border-color:var(--error);background:var(--error-fondo)}.lista-opciones .elegida-mal .opcion__letra{background:var(--error);border-color:var(--error);color:var(--superficie)}.lista-opciones small{font-size:var(--texto-xs);font-weight:700;display:block}.explicacion{padding:var(--e3) var(--e4);background:var(--superficie-2);border-radius:var(--radio-sm);font-size:var(--texto-sm);margin:0}.explicacion b{margin-bottom:var(--e1);display:block}.espera{text-align:center}.espera p{max-width:36ch;margin-inline:auto}@media (width>=720px){.estadio{padding-top:var(--e7)}.tarjeta{padding:var(--e6)}}.opcion[aria-pressed=true] .opcion__letra{animation:saltar .26s var(--curva-salida)}@keyframes saltar{40%{scale:1.25}}.aviso-hito{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:3;padding:var(--e2) var(--e4);background:var(--estadio);color:var(--amarillo);font-family:var(--fuente-display);text-align:center;width:max-content;max-width:calc(100% - 2 * var(--e4));box-shadow:var(--sombra);opacity:0;pointer-events:none;border-radius:999px;margin:0;font-weight:800;position:fixed;translate:-50% 12px}.aviso-hito--visible{animation:aviso 2.6s var(--curva-salida) forwards}@keyframes aviso{10%,80%{opacity:1;translate:-50%}to{opacity:0;translate:-50% -8px}}.estadio .rango{margin:0 0 var(--e4);padding:var(--e1) var(--e3);background:var(--estadio-2);color:var(--estadio-texto);font-size:var(--texto-sm);border-radius:999px;max-width:none;display:inline-block}.rango b{color:var(--amarillo);font-family:var(--fuente-display);text-transform:uppercase;letter-spacing:.04em}.podio{margin:var(--e3) 0 var(--e4);align-items:end;gap:var(--e2);text-align:center;grid-template-columns:repeat(3,1fr);padding:0;list-style:none;display:grid}.podio__puesto{gap:2px;min-width:0;display:grid}.podio.animar .podio__puesto{animation:subir .6s var(--curva-salida) both}.podio.animar .podio__puesto:nth-child(2){animation-delay:.15s}.podio.animar .podio__puesto:nth-child(3){animation-delay:.3s}@keyframes subir{0%{opacity:0;translate:0 24px}}.podio__alias{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.podio__aciertos{font-size:var(--texto-xs);color:var(--texto-suave)}.podio__base{margin-top:var(--e1);border-radius:var(--radio-sm) var(--radio-sm) 0 0;font-family:var(--fuente-display);font-weight:900;font-size:var(--texto-lg);color:var(--estadio);place-items:center;display:grid}.podio__puesto--oro .podio__base{background:linear-gradient(180deg, #ffd95e, var(--amarillo));height:88px}.podio__puesto--plata .podio__base{background:linear-gradient(#eef1f6,#c3cad8);height:64px}.podio__puesto--bronce .podio__base{background:linear-gradient(#f2c8a0,#d38b54);height:48px}.podio__puesto--yo .podio__alias{color:var(--primario)}.insignias{gap:var(--e3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin:0;padding:0;list-style:none;display:grid}.insignia{padding:var(--e3);border-radius:var(--radio-sm);background:var(--superficie-2);border:1.5px solid var(--borde);border-top:5px solid var(--amarillo);gap:2px;display:grid}.insignias.animar .insignia{animation:subir .5s var(--curva-salida) both}.insignia b{font-family:var(--fuente-display)}.insignia span{font-size:var(--texto-xs);color:var(--texto-suave)}.insignia--perfecto,.insignia--campeon{border-top-color:var(--primario)}.areas-estudiante ul{margin:0 0 var(--e3);gap:var(--e3);padding:0;list-style:none;display:grid}.areas-estudiante li{gap:var(--e1) var(--e3);grid-template-columns:1fr auto;display:grid}.areas-estudiante__barra{background:linear-gradient(to right, var(--color-area) var(--valor), var(--borde) var(--valor));border-radius:999px;grid-column:1/-1;height:8px}.areas-estudiante p{margin:var(--e1) 0 0}.confeti{z-index:10;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}