:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #334155;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--again: #ef4444;--hard: #f59e0b;--good: #22c55e;--easy: #3b82f6;--radius: 12px}@media(prefers-color-scheme:light){:root{--bg: #f8fafc;--surface: #ffffff;--surface-2: #f1f5f9;--border: #e2e8f0;--text: #0f172a;--muted: #64748b}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:none;border-radius:8px}input,textarea,select{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem;width:100%}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}textarea{resize:vertical;min-height:90px;font-family:inherit}.app{max-width:860px;margin:0 auto;min-height:100vh;padding:1.25rem;padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right));padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}.btn,.grade,input,textarea,select{min-height:44px}.btn-sm{min-height:38px}.btn-block{width:100%;padding:.85rem;font-size:1rem}.btn-jugar{background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff;border:none;font-weight:700;margin-top:.5rem}.btn-jugar:hover:not(:disabled){filter:brightness(1.12)}.deck-actions{display:flex;flex-wrap:wrap;gap:.25rem 1.1rem;margin-top:.85rem;padding-top:.75rem;border-top:1px solid var(--border)}.btn-link,.link-btn{background:none;border:none;color:var(--muted);font-size:.85rem;padding:.4rem 0;min-height:36px;text-decoration:underline;text-underline-offset:3px}.btn-link:hover,.link-btn:hover{color:var(--accent)}.btn-link-danger:hover{color:var(--again)}.link-btn{color:var(--accent);padding:0;min-height:0}.preset-row{display:flex;gap:.4rem;flex-wrap:wrap}.preset-row .btn{flex:1 1 auto;min-width:5.5rem}.limits-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.settings-panel{border-color:var(--accent)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}.logo{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.logo span{color:var(--accent)}.topbar-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.user-email{color:var(--muted);font-size:.85rem}.btn{background:var(--surface-2);color:var(--text);padding:.55rem 1rem;font-weight:500;border:1px solid var(--border);transition:filter .15s}.btn:hover:not(:disabled){filter:brightness(1.2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#0f172a;border-color:transparent;font-weight:600}.btn-danger{color:var(--again)}.btn-sm{padding:.35rem .7rem;font-size:.85rem}.btn-ghost{background:transparent}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;margin-bottom:.85rem}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.card-title{font-size:1.05rem;font-weight:600}.card-desc{color:var(--muted);font-size:.88rem;margin-top:.15rem}.counts{display:flex;gap:1rem;margin-top:.75rem;font-size:.85rem;flex-wrap:wrap}.count{display:flex;align-items:center;gap:.35rem}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-new{background:var(--easy)}.dot-learn{background:var(--hard)}.dot-due{background:var(--good)}.study-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem 1.5rem;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:1.3rem;line-height:1.6}.study-divider{width:100%;height:1px;background:var(--border);margin:1.25rem 0}.study-back{font-size:1.15rem;color:var(--text)}.study-img{max-width:100%;max-height:260px;border-radius:8px;margin-top:1rem}.card-img{display:block;max-width:100%;max-height:40vh;width:auto;height:auto;border-radius:8px;margin:.6rem auto;background:var(--surface-2)}.cloze{font-weight:700}.cloze-hidden{color:var(--accent)}.cloze-revealed{color:var(--good)}.grade-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:1rem}.grade{padding:.7rem .4rem;color:#fff;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:.15rem}.grade small{font-weight:400;opacity:.85;font-size:.75rem}.grade-again{background:var(--again)}.grade-hard{background:var(--hard)}.grade-good{background:var(--good)}.grade-easy{background:var(--easy)}.grade:hover{filter:brightness(1.1)}.progress-bar{height:4px;background:var(--surface-2);border-radius:2px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:var(--accent);transition:width .3s}.game-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.game-marcador{display:flex;align-items:center;gap:.75rem}.game-puntos{font-size:1.15rem;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.game-racha{font-size:.9rem;font-weight:700;color:var(--hard);animation:pulso .9s ease-in-out infinite}@keyframes pulso{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.game-modo{display:flex;align-items:center;gap:.7rem;margin:1rem 0 .75rem}.game-icono{font-size:1.6rem;line-height:1}.game-modo-titulo{font-weight:700;font-size:1rem}.game-prompt{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem 1.25rem;min-height:130px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.3rem;line-height:1.5}.game-opciones{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.9rem}.game-opcion{position:relative;display:flex;align-items:center;gap:.6rem;padding:1rem .9rem;min-height:76px;border-radius:12px;color:#fff;font-weight:600;text-align:left;line-height:1.35;transition:transform .12s,opacity .2s,box-shadow .15s}.game-opcion:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #00000040}.game-opcion:active:not(:disabled){transform:translateY(0) scale(.985)}.game-forma{font-size:1.1rem;opacity:.85;flex-shrink:0}.game-opcion-texto{flex:1;min-width:0;overflow-wrap:anywhere}.game-marca{font-size:1.35rem;font-weight:800;flex-shrink:0}.opt-rojo{background:#e23b48}.opt-azul{background:#2f6fd0}.opt-ambar{background:#d98614}.opt-verde{background:#1f9d55}.game-opcion:disabled{cursor:default}.opt-apagada{opacity:.32;filter:grayscale(.6)}.opt-correcta{box-shadow:0 0 0 3px var(--good),0 0 22px #22c55e80;animation:saltito .45s ease}.opt-incorrecta{animation:temblor .42s ease}@keyframes saltito{0%,to{transform:translateY(0)}35%{transform:translateY(-7px) scale(1.03)}}@keyframes temblor{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.game-escribir{margin-top:.9rem}.game-escribir input{font-size:1.15rem;padding:.9rem 1rem;text-align:center}.game-revelado{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:1rem;margin-top:.75rem;text-align:center;font-size:1.15rem}.game-feedback{margin-top:.9rem;padding:1rem;border-radius:12px;border:1px solid;animation:aparecer .25s ease}.feedback-bien{border-color:var(--good);background:color-mix(in srgb,var(--good) 14%,transparent)}.feedback-mal{border-color:var(--again);background:color-mix(in srgb,var(--again) 14%,transparent)}.game-feedback-titulo{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-weight:700;font-size:1.05rem}.feedback-bien .game-feedback-titulo{color:var(--good)}.feedback-mal .game-feedback-titulo{color:var(--again)}.game-ganados{font-variant-numeric:tabular-nums;font-weight:800;animation:subir .5s ease}.game-respuesta-real{margin-top:.6rem;font-size:1.05rem}@keyframes aparecer{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes subir{0%{opacity:0;transform:translateY(10px) scale(.85)}60%{transform:translateY(-3px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}.game-final{text-align:center;padding:2rem 1rem}.game-medalla{font-size:4.5rem;line-height:1;animation:entrada .6s ease}.game-final-titulo{font-size:1.6rem;margin-top:.5rem}@keyframes entrada{0%{opacity:0;transform:scale(.4) rotate(-12deg)}70%{transform:scale(1.15) rotate(4deg)}to{opacity:1;transform:scale(1) rotate(0)}}.game-marcador-final{display:flex;justify-content:center;gap:2rem;margin:1.5rem 0 1rem;flex-wrap:wrap}.game-stat{display:flex;flex-direction:column}.game-stat-valor{font-size:1.9rem;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums;line-height:1.1}.game-stat-label{font-size:.8rem;color:var(--muted)}.game-barra-final{height:8px;background:var(--surface-2);border-radius:4px;overflow:hidden;margin:.5rem auto .6rem;max-width:320px}.game-barra-relleno{height:100%;background:linear-gradient(90deg,var(--good),var(--accent));transition:width .8s ease}@media(max-width:560px){.game-prompt{font-size:1.15rem;padding:1.4rem 1rem;min-height:110px}.game-opciones{grid-template-columns:1fr;gap:.5rem}.game-opcion{min-height:62px;padding:.85rem}.game-marcador-final{gap:1.25rem}.game-stat-valor{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.game-racha,.opt-correcta,.opt-incorrecta,.game-medalla,.game-ganados,.game-feedback{animation:none}.game-opcion{transition:none}}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:.85rem}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.mt{margin-top:1rem}.mb{margin-bottom:1rem}.grow{flex:1}.label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.3rem}.error{background:color-mix(in srgb,var(--again) 15%,transparent);border:1px solid var(--again);color:var(--again);padding:.65rem .9rem;border-radius:8px;font-size:.9rem}.success{background:color-mix(in srgb,var(--good) 15%,transparent);border:1px solid var(--good);color:var(--good);padding:.65rem .9rem;border-radius:8px;font-size:.9rem}.empty{text-align:center;padding:3rem 1rem;color:var(--muted)}.auth-wrap{max-width:380px;margin:3rem auto}.tabs{display:flex;gap:.5rem;margin-bottom:1.25rem}.tab{flex:1;padding:.55rem;background:transparent;color:var(--muted);border-bottom:2px solid var(--border);border-radius:0}.tab-active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.kbd{display:inline-block;padding:.1rem .4rem;font-size:.75rem;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;font-family:ui-monospace,monospace}.note-item{border-bottom:1px solid var(--border);padding:.75rem 0}.note-item:last-child{border-bottom:none}.badge{font-size:.7rem;padding:.1rem .45rem;border-radius:999px;background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}@media(max-width:560px){.app{padding:.85rem;padding-left:max(.85rem,env(safe-area-inset-left));padding-right:max(.85rem,env(safe-area-inset-right));padding-bottom:max(.85rem,env(safe-area-inset-bottom))}.topbar{justify-content:space-between;padding-bottom:.75rem;margin-bottom:1rem}.user-email{max-width:45vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{padding:.9rem}.counts{gap:.35rem .85rem;font-size:.8rem}.study-card{font-size:1.15rem;padding:1.5rem 1rem;min-height:45vh}.grade{font-size:.8rem;padding:.85rem .15rem;min-height:56px;border-radius:10px}.grade small{font-size:.7rem}.grade-row{gap:.35rem}.limits-row{grid-template-columns:1fr}.preset-row .btn{flex:1 1 calc(50% - .2rem)}input,textarea,select{font-size:16px}}@media(max-width:380px){.grade{font-size:.72rem;padding:.8rem .1rem}.deck-actions{gap:.25rem .8rem}}@media(hover:none){.btn:hover:not(:disabled){filter:none}.grade:hover{filter:none}}