:root{color-scheme:light dark;--der: #3f6fd8;--die: #9b51c4;--das: #d97a2b;--ok: #2c9367;--casi: #c78a1e;--mal: #d34545;--acento: #e8a33d;--radio: 14px;--radio-s: 9px;--ancho: 34rem;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--serif: Georgia, "Iowan Old Style", "Times New Roman", Times, serif;--fondo: #eef0f3;--superficie: #ffffff;--superficie-2: #f5f6f8;--borde: #dbdfe6;--texto: #1a1e26;--texto-2: #5d6675;--texto-3: #8b93a1;--sombra: 0 1px 2px rgb(20 24 33 / 6%), 0 8px 24px rgb(20 24 33 / 6%)}@media (prefers-color-scheme: dark){:root[data-tema=auto]{--fondo: #12161f;--superficie: #1a1f2b;--superficie-2: #222836;--borde: #2e3646;--texto: #e8eaef;--texto-2: #a2abbb;--texto-3: #737d8e;--sombra: 0 1px 2px rgb(0 0 0 / 30%), 0 8px 24px rgb(0 0 0 / 25%);--der: #6f97e8;--die: #bb7cdc;--das: #e79a55;--ok: #45b483;--casi: #dfae4a;--mal: #e56a6a}}:root[data-tema=oscuro]{--fondo: #12161f;--superficie: #1a1f2b;--superficie-2: #222836;--borde: #2e3646;--texto: #e8eaef;--texto-2: #a2abbb;--texto-3: #737d8e;--sombra: 0 1px 2px rgb(0 0 0 / 30%), 0 8px 24px rgb(0 0 0 / 25%);--der: #6f97e8;--die: #bb7cdc;--das: #e79a55;--ok: #45b483;--casi: #dfae4a;--mal: #e56a6a}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--fondo);color:var(--texto);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#app{min-height:100%}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}:focus-visible{outline:3px solid var(--acento);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.pantalla{max-width:var(--ancho);margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) 1rem calc(1.5rem + env(safe-area-inset-bottom))}.cabecera{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.cabecera h1{font-family:var(--sans);font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin:0;flex:1}.marca{display:flex;align-items:baseline;gap:.1rem;font-weight:800;letter-spacing:-.02em}.marca-puntos{color:var(--acento);letter-spacing:.05em}.eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--texto-3);margin:0 0 .5rem}.de,.es{font-family:var(--serif)}.boton{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.15rem;border-radius:var(--radio-s);background:var(--superficie);border:1px solid var(--borde);font-weight:600;font-size:.95rem;transition:transform .12s ease,background .12s ease}.boton:active{transform:scale(.98)}.boton--principal{background:var(--acento);border-color:var(--acento);color:#221805}.boton--ancho{width:100%}.boton--fantasma{background:none;border-color:transparent;color:var(--texto-2);padding:.5rem .65rem}.boton:disabled{opacity:.45;cursor:not-allowed}.racha{display:flex;align-items:center;gap:1.25rem;padding:.9rem 1.1rem;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);margin-bottom:1.25rem}.racha-dato{display:flex;flex-direction:column;gap:.1rem}.racha-numero{font-size:1.5rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.racha-etiqueta{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-3);font-weight:600}.rejilla{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}@media (max-width: 380px){.rejilla{grid-template-columns:1fr}}.habilidad{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.95rem 1rem;text-align:left;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);transition:border-color .12s ease,transform .12s ease}.habilidad:active{transform:scale(.985)}.habilidad--ancha{grid-column:1 / -1}.transparente{display:contents}.habilidad-nombre{font-weight:650;font-size:.98rem}.habilidad-detalle{font-size:.78rem;color:var(--texto-3);font-variant-numeric:tabular-nums}.pendiente{position:absolute;top:.7rem;right:.8rem;min-width:1.35rem;height:1.35rem;padding:0 .35rem;display:grid;place-items:center;border-radius:999px;background:var(--acento);color:#221805;font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums}.habilidad:disabled{opacity:.4}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.chip{padding:.38rem .7rem;border-radius:999px;border:1px solid var(--borde);background:var(--superficie);font-size:.82rem;font-weight:550;color:var(--texto-2)}.chip[aria-pressed=true]{background:var(--texto);border-color:var(--texto);color:var(--fondo)}.practica{display:flex;flex-direction:column;height:100vh;height:100svh;max-width:var(--ancho);margin:0 auto;padding:max(.75rem,env(safe-area-inset-top)) 1rem 0;overflow:hidden}.rail{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.barra{flex:1;height:5px;border-radius:999px;background:var(--borde);overflow:hidden}.barra span{display:block;height:100%;background:var(--acento);border-radius:999px;transition:width .3s ease}.contador{font-size:.78rem;font-weight:650;color:var(--texto-3);font-variant-numeric:tabular-nums}.escenario{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;justify-content:safe center;gap:.9rem;padding:1rem 0 1.5rem;text-align:center}.enunciado{font-size:.82rem;font-weight:600;letter-spacing:.02em;color:var(--texto-2)}.pregunta{font-family:var(--serif);font-size:clamp(1.7rem,8vw,2.5rem);line-height:1.2;font-weight:400;letter-spacing:-.015em;margin:0;overflow-wrap:break-word}.pregunta em{font-style:normal;color:var(--acento);border-bottom:2px dashed currentColor;padding-bottom:2px}.pista{font-family:var(--serif);font-size:1rem;color:var(--texto-2);font-style:italic;margin:0}.controles{flex:none;padding:.75rem 0 calc(.75rem + env(safe-area-inset-bottom));background:var(--fondo);display:flex;flex-direction:column;gap:.6rem}.entrada{width:100%;padding:.95rem 1rem;border-radius:var(--radio-s);border:1.5px solid var(--borde);background:var(--superficie);font-family:var(--serif);font-size:1.15rem;text-align:center}.entrada:focus{border-color:var(--acento);outline:none}.opciones{display:grid;gap:.55rem}.opcion{padding:.95rem 1rem;border-radius:var(--radio-s);border:1.5px solid var(--borde);background:var(--superficie);font-family:var(--serif);font-size:1.05rem;text-align:center;transition:transform .1s ease}.opcion:active{transform:scale(.98)}.generos{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.genero{padding:1.1rem .5rem;border-radius:var(--radio-s);border:2px solid;background:var(--superficie);font-family:var(--serif);font-size:1.3rem;font-weight:600}.genero[data-g=der]{color:var(--der);border-color:var(--der)}.genero[data-g=die]{color:var(--die);border-color:var(--die)}.genero[data-g=das]{color:var(--das);border-color:var(--das)}.construccion{min-height:3.4rem;display:flex;flex-wrap:wrap;gap:.4rem;padding:.6rem;border-radius:var(--radio-s);border:1.5px dashed var(--borde);background:var(--superficie-2);align-content:flex-start}.construccion:empty:after{content:"Toca las piezas en orden";color:var(--texto-3);font-size:.85rem;margin:auto}.piezas{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.pieza{padding:.5rem .75rem;border-radius:var(--radio-s);border:1.5px solid var(--borde);background:var(--superficie);font-family:var(--serif);font-size:1rem}.pieza--usada{opacity:.3;pointer-events:none}.tarjeta{padding:2rem 1.25rem;border-radius:var(--radio);background:var(--superficie);border:1px solid var(--borde);box-shadow:var(--sombra)}.tarjeta-reverso{font-family:var(--serif);font-size:1.3rem;white-space:pre-line;margin:0}.feedback{flex:none;margin:0 -1rem;max-height:62%;overflow-y:auto;padding:1rem 1.25rem calc(1.15rem + env(safe-area-inset-bottom));border-radius:var(--radio) var(--radio) 0 0;border-top:4px solid;background:var(--superficie);box-shadow:0 -6px 30px #0000001f;animation:subir .2s ease-out;text-align:left}@keyframes subir{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.feedback[data-r=correcto]{border-color:var(--ok)}.feedback[data-r=casi]{border-color:var(--casi)}.feedback[data-r=incorrecto]{border-color:var(--mal)}.feedback-titulo{display:flex;align-items:center;gap:.45rem;font-weight:700;font-size:.95rem;margin-bottom:.35rem}.feedback[data-r=correcto] .feedback-titulo{color:var(--ok)}.feedback[data-r=casi] .feedback-titulo{color:var(--casi)}.feedback[data-r=incorrecto] .feedback-titulo{color:var(--mal)}.feedback-solucion{font-family:var(--serif);font-size:1.25rem;margin:0 0 .5rem;white-space:pre-line}.feedback-solucion[data-g=der]{color:var(--der)}.feedback-solucion[data-g=die]{color:var(--die)}.feedback-solucion[data-g=das]{color:var(--das)}.feedback-nota{font-size:.88rem;color:var(--texto-2);margin:0 0 .4rem;line-height:1.45}.feedback-aviso{font-size:.85rem;font-weight:600;color:var(--casi);margin:0 0 .5rem}.feedback-recordatorio{font-family:var(--serif);font-size:.9rem;color:var(--texto-2);margin:0 0 .75rem}.feedback-acciones{display:flex;gap:.5rem;align-items:center}.resumen-cifra{font-size:3.5rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.resumen-linea{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid var(--borde);font-size:.92rem}.resumen-linea:last-child{border-bottom:none}.panel{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:1.1rem;margin-bottom:1rem}.panel h2{font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--texto-3);margin:0 0 .9rem}.escalera{display:flex;flex-direction:column-reverse;gap:.35rem}.peldano{display:grid;grid-template-columns:4.5rem 1fr 2.5rem;align-items:center;gap:.6rem;font-size:.8rem}.peldano-nombre{color:var(--texto-2);font-weight:600}.peldano-barra{height:1.5rem;border-radius:var(--radio-s);background:var(--superficie-2);overflow:hidden}.peldano-barra span{display:block;height:100%;background:var(--acento);border-radius:var(--radio-s);transition:width .4s ease;min-width:3px}.peldano-valor{text-align:right;font-variant-numeric:tabular-nums;color:var(--texto-2);font-weight:650}.tabla{width:100%;border-collapse:collapse;font-size:.88rem}.tabla th{text-align:left;font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;color:var(--texto-3);padding-bottom:.5rem;font-weight:700}.tabla td{padding:.45rem 0;border-top:1px solid var(--borde);font-variant-numeric:tabular-nums}.tabla td:not(:first-child),.tabla th:not(:first-child){text-align:right}.campo{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--borde)}.campo:last-child{border-bottom:none}.campo-texto{flex:1}.campo-nombre{font-weight:600;font-size:.93rem}.campo-ayuda{font-size:.79rem;color:var(--texto-3);line-height:1.4}.campo select,.campo input[type=number]{padding:.5rem .6rem;border-radius:var(--radio-s);border:1px solid var(--borde);background:var(--superficie-2);min-width:5.5rem}.switch{position:relative;width:3.1rem;height:1.8rem;border-radius:999px;background:var(--borde);border:none;flex:none;transition:background .15s ease}.switch[aria-checked=true]{background:var(--ok)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:1.35rem;height:1.35rem;border-radius:50%;background:#fff;transition:transform .15s ease}.switch[aria-checked=true]:after{transform:translate(1.3rem)}.aviso{display:flex;gap:.6rem;align-items:flex-start;padding:.8rem 1rem;border-radius:var(--radio-s);background:var(--superficie-2);border:1px solid var(--borde);font-size:.87rem;color:var(--texto-2);margin-bottom:1rem}.aviso--accion{border-color:var(--acento)}.vacio{text-align:center;padding:3rem 1rem;color:var(--texto-2)}.error-arranque{max-width:var(--ancho);margin:2rem auto;padding:1.25rem}.error-arranque pre{background:var(--superficie);border:1px solid var(--mal);border-radius:var(--radio-s);padding:1rem;overflow-x:auto;font-size:.8rem;white-space:pre-wrap}.nota-pie{font-size:.78rem;color:var(--texto-3);text-align:center;margin-top:1.5rem}