/* Progreso de aprendizaje: aislado de las rejillas y controles de los juegos. */
.tj-practice{margin:0 0 2rem;padding:clamp(1rem,3vw,2rem);border:1px solid #74613e;border-radius:22px;background:radial-gradient(ellipse at 0 0,#35283288,transparent 65%),#110e1b;color:#ede5ed;min-width:0}
.tj-practice-heading{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.tj-practice-heading>div{min-width:0}.tj-practice-eyebrow{font-size:.7rem;letter-spacing:.15em;color:#efc376;font-weight:700}.tj-practice h2{font-size:clamp(1.8rem,4vw,2.5rem);margin:.25rem 0}.tj-practice p{line-height:1.55;margin:.5rem 0;color:#c9c4d6;font-size:.94rem}.tj-practice-totals{display:flex;gap:1.5rem;flex-shrink:0}.tj-practice-totals strong{display:block;color:#efc376;font-size:1.65rem}.tj-practice-totals small{display:block;font-size:.78rem;color:#c9c4d6}
.tj-practice-details{margin-top:1.2rem}.tj-practice-details>summary{cursor:pointer;padding:.9rem 1rem;border:1px solid #625438;border-radius:12px;color:#efc376;font-weight:700}.tj-practice-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.tj-practice-game{min-width:0;padding:1.15rem;border:1px solid #49404e;border-radius:16px;background:#0b0912}.tj-practice-game h3{font-size:1.35rem;line-height:1.2;margin:0 0 .75rem;color:#f4eee3}.tj-practice-meter{height:5px;background:#332b3d;border-radius:9px;overflow:hidden;margin:.8rem 0}.tj-practice-meter i{display:block;height:100%;background:#dcb978}.tj-practice-game .tj-practice-score{color:#ebd4a5;font-weight:600}.tj-practice-weak{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;padding:0;margin:.6rem 0}.tj-practice-weak li{font-size:.78rem;background:#272031;border-radius:7px;padding:.35rem .5rem}.tj-practice-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}
.tj-practice a,.tj-practice button,.tj-practice-mode a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;padding:.65rem .9rem;border:1px solid #76613e;border-radius:10px;background:#2a2026;color:#f5d897;text-decoration:none;font:600 .85rem/1.4 Arial,sans-serif;cursor:pointer;text-align:center;overflow-wrap:anywhere}.tj-practice a:hover,.tj-practice button:hover,.tj-practice-mode a:hover{background:#3a2d32}.tj-practice-actions .is-secondary{background:transparent;border-color:#48404c;color:#dbd5e5}.tj-practice-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.tj-practice .tj-practice-small,.tj-practice-footer p{font-size:.8rem;color:#b8afc6}.tj-practice-ledger{margin-top:1rem;font-size:.83rem}.tj-practice-ledger summary{cursor:pointer;color:#d7c29e;padding:.5rem 0}.tj-practice-ledger ul{list-style:none;padding:0;max-height:260px;overflow-y:auto}.tj-practice-ledger li{display:flex;justify-content:space-between;gap:.75rem;border-bottom:1px solid #312a3a;padding:.5rem 0}.tj-practice-ledger li span:first-child{min-width:0;overflow-wrap:anywhere}.tj-practice-ledger li span:last-child{white-space:nowrap;color:#c3b0ce}
.tj-practice-mode{margin:1rem 0;padding:1rem;border:1px solid #7c6640;border-radius:14px;background:#19131f;text-align:left;min-width:0}.tj-practice-mode label{display:flex;align-items:center;gap:.65rem;color:#f4d197;font-weight:700;cursor:pointer}.tj-practice-mode input{appearance:auto!important;position:static!important;opacity:1!important;transform:none!important;width:18px!important;height:18px!important;accent-color:#e8bc6b}.tj-practice-mode p{font:400 .84rem/1.5 Arial,sans-serif;color:#c7bdd1;margin:.6rem 0}.tj-practice-mode a{background:transparent;padding:.4rem .65rem;font-size:.8rem}.tj-practice-session-locked{opacity:.6;pointer-events:none}.tj-practice-status:not(:empty){padding:.6rem;border-left:2px solid #e2b56d;color:#ffdfa6!important}.tj-practice-link{margin:.8rem 0;display:inline-block;color:#ebc884!important}
.tj-practice :focus-visible,.tj-practice-mode :focus-visible{outline:2px solid #ffe0a0;outline-offset:4px}.tj-practice [hidden],.tj-practice-mode [hidden]{display:none!important}
@media(max-width:650px){.tj-practice-heading,.tj-practice-footer{display:block}.tj-practice-totals{margin:1rem 0;justify-content:flex-start}.tj-practice-games{grid-template-columns:minmax(0,1fr)}.tj-practice-footer button{width:100%;margin-top:.5rem}.tj-practice-actions>*{flex:1 1 130px}.tj-practice-game{padding:1rem}}