.fandom-inicio{max-width:40rem;margin:2rem auto;padding:0 1rem;text-align:center}.fandom-inicio h1{font-size:clamp(2.8rem,11vw,4rem);line-height:1.08;margin:.4rem 0}.fandom-eyebrow{letter-spacing:.14em;color:#e8b7ff;font-weight:800}.fandom-bajada{font-size:1.3rem;font-weight:700}.fandom-tarjeta{text-align:start;margin-block:1.8rem}.fandom-tarjeta h2{margin-block-start:0}.fandom-reglas,.fandom-ayuda,.fandom-separados{font-size:.95rem;line-height:1.5}.fandom-fieldset{min-inline-size:0;padding:0;border:0;margin:1.25rem 0}.fandom-fieldset legend{margin-block-end:.65rem;font-weight:700}.fandom-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;max-height:17rem;overflow:auto;padding:.2rem}.fandom-eleccion{position:relative;display:block;cursor:pointer}.fandom-eleccion input{position:absolute;opacity:0;inline-size:1px;block-size:1px;min-block-size:0;padding:0}.fandom-eleccion span{display:flex;flex-direction:column;justify-content:center;border:2px solid #756191;border-radius:.8rem;min-block-size:3.7rem;padding:.6rem .75rem;background:#251b43;overflow-wrap:anywhere;line-height:1.3}.fandom-eleccion small{display:block;margin-block-start:.25rem;color:#eee1ff;font-size:.8rem}.fandom-eleccion input:checked+span{border-color:#ffdb67;background:#423258;color:#fff}.fandom-eleccion input:focus-visible+span{outline:3px solid #fff;outline-offset:3px}.fandom-avatares{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem}.fandom-avatares .fandom-eleccion span{align-items:center;padding:.4rem;min-block-size:3rem;font-size:1.6rem}.fandom-tarjeta button{min-block-size:48px}.fandom-tarjeta button[type=submit]{inline-size:100%}.fandom-proximos{display:grid;gap:.65rem}.fandom-tarjeta p[role=status]{overflow-wrap:anywhere}#fandom-horario{border-inline-start:3px solid #ffdb67;padding-inline-start:.8rem}#fandom-form[aria-busy=true]{opacity:.75}.fandom-lista .fandom-eleccion[hidden]{display:none}.fandom-eleccion input:disabled+span{opacity:.6;cursor:default}@media(max-width:400px){.fandom-inicio{margin-block:1rem}.fandom-tarjeta{padding:1rem}.fandom-avatares{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.fandom-inicio *{scroll-behavior:auto}}

.fandom-eyebrow{text-transform:uppercase}.fandom-eleccion{margin:0}
#fandom-esperando{padding:.8rem;border-radius:.8rem;background:#251b43;line-height:1.5}

#fandom-practica{margin-block:1rem 1.5rem;padding:1rem;border-color:#a98bcb}#fandom-practica .opciones{grid-template-columns:repeat(2,minmax(0,1fr))}#fandom-practica button{overflow-wrap:anywhere}#fandom-practica .feedback{overflow-wrap:anywhere}#fandom-calendario{font-size:1rem;line-height:1.5}
.fandom-reto a {display:block; text-align:center; white-space:normal}
.reto-page .control {max-width:42rem; margin:.75rem auto; padding:0 1rem; min-width:0}
.reto-page h1 {font-size:clamp(1.8rem,7vw,2.8rem); line-height:1.2; margin-block:.6rem}
.reto-page #reto-intro {font-size:.95rem; line-height:1.4; margin-block:.7rem}
.reto-page .tarjeta {padding:1rem}
.reto-page .comeback-pistas {list-style:none; padding:0; display:grid; gap:.4rem}
.reto-page .comeback-pista {min-height:48px; padding:.45rem .6rem; border:1px solid #7057a2; border-radius:.7rem; background:#24173d}
.reto-page .comeback-pista p {margin:0}
.reto-page .comeback-pista progress {display:block; width:100%; margin-top:.2rem}
.reto-page .comeback-pista span {display:block}
.reto-page .comeback-cabecera {display:flex; flex-wrap:wrap; justify-content:space-between; gap:.5rem}
.reto-page .comeback-valor {color:#ffd166}
.reto-page #opciones {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; margin:1rem 0}
.reto-page #opciones button {min-width:0; min-height:3.5rem; white-space:normal; overflow-wrap:anywhere}
.reto-page #reto-final {margin:1rem 0}
.reto-page #reto-final a {display:block; margin-top:1rem; white-space:normal; overflow-wrap:anywhere}
.reto-page .reto-percentil {font-size:1.4rem; color:#ffd166; font-weight:bold}
.reto-page #reto-cuenta {font-variant-numeric:tabular-nums}
.reto-page small {display:block}
.reto-page #juego-control,.reto-page #reto-final {overflow-wrap:anywhere; min-width:0}

.reto-page .reto-tira {font-size:clamp(1.5rem,7vw,2rem); letter-spacing:.12em; text-align:center; unicode-bidi:isolate}
.reto-page .reto-racha {color:#ffd166; font-weight:bold}