:root{--bg:#eceff3;--surface:#fff;--surface-2:#f3f5f8;--line:#d6dbe3;--fg:#19202b;--muted:#5b6474;--accent:#2446c7;--accent-soft:#e2e8fb;--on-accent:#fff;--stage-a:#fafbfc;--stage-b:#d9dee7;--ok:#1f8a4c;--warn:#c98a0b;--bad:#c0392b;--font-display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--font-body:"Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1217;--surface:#161a21;--surface-2:#1d222b;--line:#2a303b;--fg:#e7eaf0;--muted:#97a0af;--accent:#8199ff;--accent-soft:#222b48;--on-accent:#0f1217;--stage-a:#262c38;--stage-b:#0d1015;--ok:#4cc27f;--warn:#e3b341;--bad:#ef6b5b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1217;--surface:#161a21;--surface-2:#1d222b;--line:#2a303b;--fg:#e7eaf0;--muted:#97a0af;--accent:#8199ff;--accent-soft:#222b48;--on-accent:#0f1217;--stage-a:#262c38;--stage-b:#0d1015;--ok:#4cc27f;--warn:#e3b341;--bad:#ef6b5b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}html{scrollbar-gutter:stable}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:15px;line-height:1.5}a{color:inherit}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0;line-height:1.2}h1{letter-spacing:-.01em;font-size:clamp(1.5rem,3vw,2rem)}h2{font-size:1.1rem}h3{font-size:1rem}p{margin:0}code{font-family:var(--font-mono)}button,select,textarea,input{font:inherit}button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{flex-direction:column;gap:18px;max-width:1280px;margin:0 auto;padding-block:0 28px;padding-inline:16px;display:flex}.site-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 24px;padding-block:14px;display:flex}.brand{font-family:var(--font-display);align-items:center;gap:10px;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}.logo{background:conic-gradient(from 45deg, #f6d313 0 25%, #d32f2f 0 50%, #17a34a 0 75%, #1f5fe0 0);width:26px;height:26px;box-shadow:inset 0 0 0 3px var(--fg);border-radius:6px}.nav{gap:4px;display:flex}.nav a{color:var(--muted);border-radius:999px;padding:6px 12px;font-weight:700;text-decoration:none}.nav a:hover{color:var(--fg)}.nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.pref{margin-left:auto}.theme-btn{border:1px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:.85rem;font-weight:700}.theme-btn:hover{border-color:var(--accent)}.site-foot{color:var(--muted);border-top:1px solid var(--line);padding-top:14px;font-size:.8rem}.page{flex-direction:column;gap:18px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.page-head>div:not(.tabs){flex-direction:column;gap:6px;min-width:0;max-width:68ch;display:flex}.lead{color:var(--muted);max-width:65ch;font-size:1rem}.muted{color:var(--muted)}.label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.72rem;font-weight:700}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:12px;min-width:0;padding:14px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field select,textarea{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--fg);border-radius:8px;padding:7px 9px}textarea{resize:vertical;min-height:64px;font-family:var(--font-mono);font-size:.9rem}.btn{border:1px solid var(--line);background:var(--surface-2);color:var(--fg);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:8px 14px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.check{cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.check input{accent-color:var(--accent)}.error{color:var(--bad);font-size:.85rem}.tabs{background:var(--surface);border:1px solid var(--line);border-radius:999px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:.9rem;font-weight:700}.tabs button[aria-selected=true]{background:var(--accent);color:var(--on-accent)}.viewer{flex-direction:column;gap:10px;min-width:0;display:flex}.visor-con-espera{min-width:0;position:relative}.buscando-aviso{z-index:20;pointer-events:none;background:var(--surface);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);white-space:nowrap;border-radius:999px;padding:4px 14px;font-size:.85rem;font-weight:700;animation:1.6s ease-in-out infinite aviso-latido;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001f}@keyframes aviso-latido{50%{color:color-mix(in srgb, var(--accent) 45%, var(--surface))}}@media (width<=1000px){.buscando-aviso{top:auto;bottom:112px}}.visor-espera{z-index:5;text-align:center;background:var(--bg);border-radius:var(--radius);color:var(--muted);place-items:center;padding:16px;font-weight:600;display:grid;position:absolute;inset:0}.stage{border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(ellipse at 50% 40%, var(--stage-a), var(--stage-b));touch-action:none;height:clamp(320px,58vh,600px);position:relative;overflow:hidden}.stage canvas{cursor:grab;width:100%;height:100%;display:block}.stage canvas:active{cursor:grabbing}.case-tag{pointer-events:none;flex-direction:column;gap:2px;display:flex;position:absolute;top:12px;left:14px;right:60px}.case-tag strong{font-family:var(--font-display);font-size:1.25rem;line-height:1.2}.case-tag small{color:var(--muted);font-size:.8rem}.hint{color:var(--muted);pointer-events:none;font-size:.78rem;position:absolute;bottom:10px;left:14px}.grip-tag{background:var(--accent-soft);width:fit-content;color:var(--accent);pointer-events:none;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:700;position:absolute;bottom:34px;left:14px;right:60px}.cam-tools{flex-direction:column;gap:6px;display:flex;position:absolute;top:10px;right:10px}.icon-btn{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--fg);cursor:pointer;border-radius:8px;place-items:center;padding:0;font-size:1.05rem;font-weight:700;display:grid}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.icon-btn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.icon-btn svg{fill:currentColor;width:18px;height:18px}.transport{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 12px;display:flex}.transport .group{align-items:center;gap:6px;display:flex}.play{background:var(--accent);width:46px;height:46px;color:var(--on-accent);border-color:var(--accent);border-radius:50%}.play:hover{color:var(--on-accent);filter:brightness(1.08)}.speed{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:.85rem;display:flex}.speed input{width:130px;accent-color:var(--accent)}.speed output{font-family:var(--font-mono);color:var(--fg);font-variant-numeric:tabular-nums;min-width:3.4em}.counter{font-family:var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.moves{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:5px;min-height:52px;padding:10px 12px;display:flex}.moves .empty{color:var(--muted);font-size:.85rem}.chip{font-family:var(--font-mono);background:var(--surface-2);color:var(--fg);cursor:pointer;border:1px solid #0000;border-radius:6px;padding:4px 8px;font-size:.95rem;font-weight:700}.chip.done{color:var(--muted);background:0 0}.chip.next{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.hero{flex-direction:column;gap:12px;max-width:760px;padding-block:24px 8px;display:flex}.hero h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.05}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:.75rem;font-weight:700}.section-title{margin-bottom:10px}.puzzle-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.puzzle-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);flex-direction:column;gap:6px;padding:16px;text-decoration:none;display:flex}.puzzle-card:hover{border-color:var(--accent)}.puzzle-card strong{font-family:var(--font-display);font-size:1.3rem}.puzzle-card small{color:var(--muted)}.puzzle-card .meta{font-family:var(--font-mono);color:var(--accent);font-variant-numeric:tabular-nums;margin-top:auto;font-size:.78rem}.glyph{background-color:var(--fg);border-radius:6px;width:56px;height:56px;margin-bottom:6px}.glyph-2x2,.glyph-3x3,.glyph-4x4{--n:3;background-image:linear-gradient(90deg, var(--fg) 3px, transparent 3px), linear-gradient(var(--fg) 3px, transparent 3px), linear-gradient(135deg, #f6d313, #f6d313);background-size:calc((100% - 3px) / var(--n)) calc((100% - 3px) / var(--n)), calc((100% - 3px) / var(--n)) calc((100% - 3px) / var(--n)), 100% 100%;border:3px solid var(--fg)}.glyph-2x2{--n:2}.glyph-4x4{--n:4}.glyph-pyraminx{clip-path:polygon(50% 4%,97% 92%,3% 92%);background-image:linear-gradient(135deg,#17a34a,#17a34a);background-position:50% 70%;background-repeat:no-repeat;background-size:84% 84%;border-radius:0}.features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.features p{color:var(--muted)}.learn{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:14px;display:grid}.learn-main{flex-direction:column;gap:12px;min-width:0;display:flex}.methods{scrollbar-gutter:stable;max-height:calc(100vh - 24px);position:sticky;top:12px;overflow-y:auto}.meter{align-items:center;gap:8px;display:flex}.meter small{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.78rem}.meter-bar{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;flex:1;height:6px;overflow:hidden}.meter-bar span{background:var(--ok);height:100%;display:block}.stages{counter-reset:etapa;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.stages>li{counter-increment:etapa}.stage-btn{width:100%;color:var(--fg);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:baseline;gap:8px;padding:8px 10px;font-weight:700;display:flex}.stage-btn:before{content:counter(etapa);font-family:var(--font-mono);color:var(--muted);min-width:1.2em;font-size:.8rem}.stage-btn span{flex:1}.stage-btn small{color:var(--muted);white-space:nowrap;font-size:.78rem;font-weight:400}.stage-btn:hover{background:var(--surface-2)}.stage-btn.active{background:var(--accent-soft);border-color:var(--accent)}.cases{border-left:2px solid var(--line);flex-direction:column;gap:2px;margin:2px 0 8px 18px;padding:0 0 0 10px;list-style:none;display:flex}.case-btn{text-align:left;width:100%;color:var(--fg);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:9px;padding:6px 8px;display:flex}.case-btn:hover{background:var(--surface-2)}.case-btn[aria-current=true]{background:var(--accent-soft);border-color:var(--accent)}.case-text{flex-direction:column;min-width:0;display:flex}.case-text b{font-size:.9rem}.case-text code{color:var(--muted);overflow-wrap:anywhere;font-size:.74rem}.dot{border:2px solid var(--muted);border-radius:50%;flex:none;width:9px;height:9px;margin-top:6px}.dot.aprendiendo{border-color:var(--warn);background:var(--warn)}.dot.dominado{border-color:var(--ok);background:var(--ok)}.details{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.alts{margin:4px 0 0;padding-left:18px}.status{border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;gap:0;width:fit-content;display:flex;overflow:hidden}.seg{border:0;border-right:1px solid var(--line);background:var(--surface-2);color:var(--muted);cursor:pointer;padding:7px 12px;font-size:.85rem;font-weight:700}.seg:last-child{border-right:0}.seg.nuevo[aria-pressed=true]{background:var(--fg);color:var(--bg)}.seg.aprendiendo[aria-pressed=true]{background:var(--warn);color:#1b1300}.seg.dominado[aria-pressed=true]{background:var(--ok);color:#fff}.practice{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:14px;display:grid}.practice-main{flex-direction:column;gap:12px;min-width:0;display:flex}.score{border-top:1px solid var(--line);flex-direction:column;padding-top:12px;display:flex}.score .big{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:2rem}.score small{color:var(--muted)}.answer{align-items:flex-start}.big-btn{padding:12px 22px;font-size:1rem}.alg-answer code{overflow-wrap:anywhere;font-size:1.15rem;font-weight:700}.empty-state{padding:28px}.editor{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:14px;display:grid}.todo{color:var(--muted);flex-direction:column;gap:4px;margin:6px 0 0;padding-left:18px;display:flex}.movepad{flex-direction:column;gap:10px;display:flex}.movepad-group{flex-direction:column;gap:5px;display:flex}.movepad-grid{flex-wrap:wrap;gap:6px;display:flex}.movepad-col{flex-direction:column;gap:3px;display:flex}.mv{border:1px solid var(--line);background:var(--surface-2);min-width:46px;color:var(--fg);font-family:var(--font-mono);cursor:pointer;touch-action:manipulation;border-radius:7px;padding:6px 8px;font-size:.95rem;font-weight:700}.mv:first-child{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.mv:hover{border-color:var(--accent)}.mv:active{transform:translateY(1px)}.mv:disabled{opacity:.45;cursor:not-allowed}.face-guide{flex-wrap:wrap;gap:6px;font-size:.82rem;display:flex}.face-chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:5px;padding:3px 9px 3px 5px;display:inline-flex}.face-chip i{border-radius:4px;width:14px;height:14px;box-shadow:inset 0 0 0 1px #00000040}.face-chip b{font-family:var(--font-mono)}.face-chip small{color:var(--muted)}.letter-btn{font-size:.85rem}.start-mode{gap:10px}.mono{font-family:var(--font-mono);overflow-wrap:anywhere}.small{font-size:.8rem}.mono .label{font-family:var(--font-body);margin-right:6px}.seg[aria-pressed=true]:not(.nuevo):not(.aprendiendo):not(.dominado){background:var(--accent);color:var(--on-accent)}.steps{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:6px;padding:8px 10px;display:flex}.step.current{border-color:var(--accent);background:var(--accent-soft)}.step.done .step-text{color:var(--muted)}.step-text{color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:8px;padding:0;font-size:.92rem;font-weight:700;display:flex}.step-num{font-family:var(--font-mono);color:var(--muted);min-width:1.4em;font-size:.78rem}.step-moves{flex-wrap:wrap;gap:5px;padding-left:26px;display:flex}.example-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.history{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:12px;display:flex}.history-stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.history-stats span{flex-direction:column;display:flex}.history-stats small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700}.history-stats b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.95rem}.history-list{flex-direction:column;gap:2px;margin:0;padding-left:26px;font-size:.88rem;display:flex}.history-list li{align-items:baseline;gap:8px;display:flex}.history-list small{color:var(--muted)}.link-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0 4px;font-size:.85rem}.history-list .link-btn{margin-left:auto}.link-btn:hover{color:var(--bad)}@media (width<=900px){.learn,.practice,.editor,.details{grid-template-columns:minmax(0,1fr)}.methods{max-height:none;position:static}.pref{margin-left:0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.hero-coach{grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);align-items:center;gap:24px;max-width:none;padding-block:28px 12px;display:grid}.hero-copy{flex-direction:column;gap:14px;max-width:640px;display:flex}.streak{border:1px solid var(--line);background:var(--surface);width:fit-content;color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.streak span{color:var(--line)}.streak.on{border-color:var(--warn);color:var(--fg)}.streak.on span{color:var(--warn);animation:1.6s ease-in-out infinite latido}@keyframes latido{50%{opacity:.35}}.hero-cta{box-shadow:0 6px 20px -8px var(--accent);border-radius:10px;gap:10px;padding:13px 22px;font-size:1.05rem;transition:transform .15s,box-shadow .15s}.hero-cta:hover{box-shadow:0 10px 24px -8px var(--accent);transform:translateY(-1px)}.hero-cta span{transition:transform .15s}.hero-cta:hover span{transform:translate(3px)}.hero-cube{--s:210px;--c-u:#f6d313;--c-d:#f4f4ef;--c-f:#17a34a;--c-b:#1f5fe0;--c-r:#d32f2f;--c-l:#f97316;height:calc(var(--s) * 1.7);perspective:900px;place-items:center;display:grid;position:relative}.hero-cube-tilt{transform-style:preserve-3d;transform:rotateX(var(--inclinar-x,0deg)) rotateY(var(--inclinar-y,0deg));transition:transform .4s ease-out}.hero-cube-spin{width:var(--s);height:var(--s);transform-style:preserve-3d;animation:18s linear infinite girar;position:relative;transform:rotateX(-26deg)rotateY(-38deg)}@keyframes girar{0%{transform:rotateX(-26deg)rotateY(-38deg)}to{transform:rotateX(-26deg)rotateY(322deg)}}.hc-face{backface-visibility:hidden;background:#12161c;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;display:grid;position:absolute;inset:0}.hc-face i{border-radius:6px;transition:background-color .35s;box-shadow:inset 0 -3px #0000001f,inset 0 2px #ffffff40}.hc-u{transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.hc-d{transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}.hc-f{transform:translateZ(calc(var(--s) / 2))}.hc-b{transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.hc-r{transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.hc-l{transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.hero-cube-shadow{width:calc(var(--s) * 1.1);filter:blur(4px);background:radial-gradient(closest-side,#00000047,#0000);border-radius:50%;height:22px;position:absolute;bottom:4%}.card-progress{flex-direction:column;gap:6px;margin-top:auto;display:flex}.cp-bar{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;height:6px;display:flex;overflow:hidden}.cp-ok{background:var(--ok)}.cp-warn{background:var(--warn)}.puzzle-card{transition:transform .15s,border-color .15s}.puzzle-card:hover{transform:translateY(-2px)}.how-steps{counter-reset:paso;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.how-steps li{counter-increment:paso;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);flex-direction:column;gap:4px;padding:14px 14px 14px 52px;display:flex;position:relative}.how-steps li:before{content:counter(paso);background:var(--accent-soft);width:26px;height:26px;color:var(--accent);font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;display:grid;position:absolute;top:13px;left:14px}.how-steps b{font-family:var(--font-display)}.how-steps span{color:var(--muted)}.session-bar{align-items:center;gap:12px;font-size:.9rem;font-weight:700;display:flex}.session-bar>span{white-space:nowrap;font-variant-numeric:tabular-nums}.session-track{flex:1;grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.session-track i{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;height:8px}.session-track i.hecho{background:var(--ok);border-color:var(--ok)}.session-track i.ahora{background:var(--accent-soft);border-color:var(--accent)}.session-end{align-items:flex-start;gap:10px;padding:28px}.session-end h2{font-size:clamp(1.6rem,4vw,2.4rem)}@media (width<=760px){.hero-coach{grid-template-columns:minmax(0,1fr)}.hero-cube{--s:150px;order:-1}}@media (prefers-reduced-motion:reduce){.hero-cube-spin,.streak.on span{animation:none}}:root{--dim-sticker:#c3c8d1;--diagram-base:#1b2028}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--dim-sticker:#3a414d;--diagram-base:#07090c}}:root[data-theme=dark]{--dim-sticker:#3a414d;--diagram-base:#07090c}.diagram{flex:none;display:block}.diagram-base{fill:var(--diagram-base)}.learn{grid-template-columns:344px minmax(0,1fr)}.case-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;margin:4px 0 10px;padding:0;list-style:none;display:grid}.case-tile{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--fg);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex;position:relative}.case-tile:hover{border-color:var(--accent);transform:translateY(-1px)}.case-tile[aria-current=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent)}.case-tile b{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:.74rem;line-height:1.15;display:-webkit-box;overflow:hidden}.case-tile:after{content:"";border:2px solid var(--line);background:var(--surface);border-radius:50%;width:9px;height:9px;position:absolute;top:5px;right:5px}.case-tile.aprendiendo:after{border-color:var(--warn);background:var(--warn)}.case-tile.dominado:after{border-color:var(--ok);background:var(--ok)}.case-tile.dominado{border-color:color-mix(in srgb, var(--ok) 45%, var(--line))}.case-head{align-items:center;gap:14px;display:flex}.case-head>div{flex-direction:column;gap:4px;min-width:0;display:flex}@media (width<=900px){.learn{grid-template-columns:minmax(0,1fr)}}.timer-page{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"head head""mezcla mezcla""pad stats";gap:14px;display:grid}.timer-page>.page-head{grid-area:head}.scramble-panel{grid-area:mezcla;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 20px;display:grid}.scramble-panel>.row{grid-column:1/-1}.scramble-text p{letter-spacing:.02em;word-spacing:.25em;margin-top:4px;font-size:clamp(1rem,2.2vw,1.35rem);font-weight:700}.scramble-net{width:210px;height:auto}.scramble-net.minx{width:340px;max-width:100%}.scramble-net.minx .net-sticker{stroke:none}.net-fondo{fill:#15171c;stroke:#15171c;stroke-width:.05px;stroke-linejoin:round}.net-letra{font:700 .16px var(--font-mono);fill:#0009;pointer-events:none}.net-sticker{stroke:#00000059;stroke-width:.04px}.timer-pad{border:1px solid var(--line);background:radial-gradient(ellipse at 50% 35%, var(--stage-a), var(--stage-b));-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer;border-radius:16px;outline:none;flex-direction:column;grid-area:pad;justify-content:center;align-items:center;gap:10px;min-height:clamp(260px,46vh,520px);transition:box-shadow .2s,border-color .2s;display:flex;position:relative}.timer-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:clamp(3.4rem,12vw,8rem);font-weight:700;line-height:1;transition:color .12s}.timer-help{color:var(--muted);text-align:center;padding-inline:16px;font-size:.9rem}.fase-manteniendo .timer-time{color:var(--bad)}.fase-listo .timer-time{color:var(--ok)}.fase-listo{border-color:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 35%, transparent)}.fase-inspeccion .timer-time{color:var(--warn)}.fase-corriendo{border-color:var(--accent)}.timer-pens{border:1px solid var(--line);border-radius:8px;display:flex;position:absolute;bottom:14px;overflow:hidden}.timer-pens .seg[aria-pressed=true]{background:var(--bad);color:#fff}.timer-stats{flex-direction:column;grid-area:stats;gap:12px;min-width:0;display:flex}.stat-grid{grid-template-columns:repeat(3,1fr);gap:10px 8px;display:grid}.stat-grid span{flex-direction:column;min-width:0;display:flex}.stat-grid small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:700}.stat-grid b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1rem}.trend{width:100%;height:90px;margin-top:6px;display:block}.trend-times{fill:none;stroke:var(--muted);stroke-width:1.2px;opacity:.6;vector-effect:non-scaling-stroke}.trend-ao5{fill:none;stroke:var(--accent);stroke-width:2.2px;vector-effect:non-scaling-stroke}.trend-dot{fill:var(--muted)}.trend-best{fill:var(--ok)}.site-head,.site-foot,.timer-side{transition:opacity .25s}body.timer-focus .site-head,body.timer-focus .site-foot,body.timer-focus .timer-side{opacity:0;pointer-events:none}body.timer-focus .timer-pad{box-shadow:none;border-color:#0000}@media (width<=900px){.timer-page{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""mezcla""pad""stats"}.scramble-panel{grid-template-columns:minmax(0,1fr)}.scramble-net{width:min(240px,100%)}}.page-head>.head-tools{flex-flow:wrap;align-items:center;gap:8px}.tab-link{color:var(--muted);border-radius:999px;padding:6px 14px;font-size:.9rem;font-weight:700;text-decoration:none}.tab-link:hover{color:var(--fg)}.tab-link[aria-current=page]{background:var(--accent);color:var(--on-accent)}.quiz-setup{gap:16px}.quiz-sets{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.quiz-set{text-align:left;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);color:var(--fg);cursor:pointer;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.quiz-set:hover{border-color:var(--accent)}.quiz-set[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent)}.quiz-set b{font-family:var(--font-display);font-size:1.05rem}.quiz-set small{color:var(--muted)}.quiz-set .meta{font-family:var(--font-mono);color:var(--accent);margin-top:4px;font-size:.78rem}.quiz{flex-direction:column;gap:12px;display:flex}.quiz-hud{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.quiz-clock{font-family:var(--font-mono);font-variant-numeric:tabular-nums;min-width:3ch;font-size:1.6rem;font-weight:700}.quiz-clock.poco{color:var(--bad);animation:1s ease-in-out infinite latido}.quiz-track{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;flex:1;min-width:120px;height:10px;overflow:hidden}.quiz-track span{background:linear-gradient(90deg, var(--accent), var(--ok));height:100%;display:block}.quiz-score b{font-family:var(--font-display);font-size:1.5rem}.quiz-combo{background:var(--warn);color:#1b1300;border-radius:999px;padding:4px 12px;font-weight:700;animation:.3s ease-out pop}@keyframes pop{0%{transform:scale(1.35)}to{transform:scale(1)}}.quiz .stage{height:clamp(260px,44vh,460px)}.quiz-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.quiz-option{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--fg);text-align:left;cursor:pointer;align-items:center;gap:10px;padding:14px 16px;font-size:1rem;font-weight:700;transition:transform .1s,background-color .15s,border-color .15s;display:flex}.quiz-option:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.quiz-option:disabled{cursor:default}.quiz-option kbd{font-family:var(--font-mono);text-align:center;border:1px solid var(--line);background:var(--surface-2);min-width:1.8em;color:var(--muted);border-radius:6px;padding:2px 6px;font-size:.8rem}.quiz-option.bien{background:var(--ok);border-color:var(--ok);color:#fff;animation:.25s ease-out pop}.quiz-option.mal{background:var(--bad);border-color:var(--bad);color:#fff;animation:.3s sacudir}.quiz-option.apagada{opacity:.45}@keyframes sacudir{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.quiz-end{align-items:flex-start;gap:12px;padding:28px}.quiz-end h2{font-size:clamp(1.8rem,5vw,2.8rem)}.quiz-missed{flex-direction:column;align-items:flex-start;gap:8px;width:100%;display:flex}.quiz-missed ul{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.quiz-missed li{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);align-items:center;gap:10px;padding:8px;display:flex}.quiz-missed li span{flex-direction:column;min-width:0;display:flex}.quiz-missed code{color:var(--muted);overflow-wrap:anywhere;font-size:.75rem}@media (width<=560px){.quiz-options{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.quiz-combo,.quiz-option.bien,.quiz-option.mal,.quiz-clock.poco{animation:none}}@media (width<=560px){.nav{flex-wrap:wrap;gap:2px}.nav a{padding:6px 9px}}body.timer-focus .timer-pad{z-index:20;min-height:0;position:fixed;inset:16px}.settings{position:relative}.settings summary{cursor:pointer;border:1px solid var(--line);background:var(--surface);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:700;list-style:none;display:inline-flex}.settings summary::-webkit-details-marker{display:none}.settings summary:hover,.settings[open] summary{border-color:var(--accent);color:var(--accent)}.settings summary svg{fill:currentColor;fill-rule:evenodd;width:18px;height:18px}.settings-menu{z-index:30;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);flex-direction:column;gap:12px;width:max-content;max-width:calc(100vw - 32px);padding:14px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px -12px #00000059}.settings-link{color:var(--muted);font-size:.85rem}.tabbar{display:none}@media (width<=700px){.site-head{z-index:25;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:nowrap;padding-block:10px;position:sticky;top:0}.site-head .nav{display:none}.settings{margin-left:auto}.settings-text{display:none}.settings summary{padding:8px}.tabbar{z-index:25;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--muted);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 0 4px;font-size:.68rem;font-weight:700;text-decoration:none;display:flex}.tabbar svg{fill:currentColor;fill-rule:evenodd;width:22px;height:22px}.tabbar a[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.app{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.stage{height:clamp(300px,92vw,430px)}.practice>.filters{order:2}.methods{max-height:64vh;position:static;overflow-y:auto}.case-grid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr))}.case-tile{padding:6px 2px 4px}.page-head>.tabs,.page-head>.head-tools{width:100%}.timer-page .timer-pad{min-height:46vh}body.timer-focus .tabbar{opacity:0;pointer-events:none}}.editor.paint{grid-template-columns:minmax(0,1fr) 340px}.paint-hint{color:var(--muted);max-width:70ch}.paint-hint b{color:var(--fg)}.editor.paint>section.panel{background:radial-gradient(ellipse at 50% 45%, var(--stage-a), var(--stage-b))}.net{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:680px;margin:14px auto 4px;display:grid}.net-cara{background:linear-gradient(160deg,#262b33,#11141a);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:5px;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 6px 14px -6px #28190573,inset 0 1px #ffffff14}.net-cara.actual{box-shadow:0 0 0 2px var(--accent), 0 10px 22px -8px #28190580, inset 0 1px 0 #ffffff14}.net-cell{aspect-ratio:1;cursor:pointer;font-family:var(--font-mono);color:#00000073;border:0;border-radius:7px;padding:0;font-size:.72rem;font-weight:800;transition:transform .12s;animation:.28s cubic-bezier(.3,1.6,.5,1) pegar;box-shadow:inset 0 -3px #00000029,inset 0 2px #ffffff59}@keyframes pegar{0%{transform:scale(.6)}}.net-cell:hover:not(:disabled){transform:scale(1.08)}.net-cell.vacia{background:#2c323b;animation:none;box-shadow:inset 0 2px 4px #00000080}.net-cell.vacia:hover{background:color-mix(in srgb, var(--pincel) 55%, #2c323b)}.net-cell.centro{cursor:default;animation:none}.net-cell.centro:after{content:""}.taller-lado{gap:12px}.taller-cubo{background:radial-gradient(circle at 50% 40%, var(--surface), var(--surface-2));border-radius:12px;place-items:center;margin:-4px -4px 0;padding:8px 0 4px;display:grid;position:relative}.taller-cuenta{font-family:var(--font-mono);color:var(--muted);margin:0;font-size:.8rem;position:absolute;top:8px;right:12px}.taller-cuenta b{color:var(--fg);font-size:1.3rem}.cubo-vivo{--s:104px;perspective:700px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;width:100%;height:190px;display:grid;position:relative}.cubo-vivo.arrastrando{cursor:grabbing}.cv-giro{width:var(--s);height:var(--s);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.25,1.2,.4,1);position:relative}.cubo-vivo.arrastrando .cv-giro{transition:none}.cv-cara{backface-visibility:hidden;background:#12161c;border-radius:9px;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid;position:absolute;inset:0}.cv-cara i{background:#343a44;border-radius:4px;box-shadow:inset 0 -2px #00000026,inset 0 1px #ffffff40}.cv-cara i:not(.pintado){box-shadow:inset 0 1px 3px #0009}.cv-cara i.pintado{animation:.6s ease-out brillo}@keyframes brillo{0%{filter:brightness(1.8)}}.cv-nucleo{--s:calc(var(--s-cubo) - 6px);background:#12161c;position:absolute;inset:3px}.cv-giro{--s-cubo:var(--s)}.cv-u{transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.cv-d{transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}.cv-f{transform:translateZ(calc(var(--s) / 2))}.cv-b{transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.cv-r{transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.cv-l{transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.cv-sombra{background:radial-gradient(closest-side,#2819054d,#0000);border-radius:50%;width:130px;height:16px;position:absolute;bottom:14px}.palette{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.swatch{color:var(--fg);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:9px 4px 7px;font-weight:700;transition:transform .15s,background .15s;display:flex}.swatch:hover{background:var(--surface-2)}.swatch i{background:conic-gradient(var(--pote) var(--lleno), var(--line) 0);border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:relative}.swatch i:before{content:"";background:var(--pote);border:2px solid var(--surface);border-radius:50%;position:absolute;inset:4px;box-shadow:inset 0 -4px #00000026,inset 0 3px #ffffff59}.swatch kbd{color:#0000008c;opacity:0;background:#ffffff8c;border:0;border-radius:4px;padding:0 4px;font-size:.68rem;transition:opacity .15s;position:relative}.swatch:hover kbd,.swatch[aria-pressed=true] kbd{opacity:1}.swatch span{text-transform:capitalize;font-size:.8rem}.swatch small{font-family:var(--font-mono);color:var(--muted);font-size:.72rem}.swatch.listo small{color:var(--ok)}.swatch.de-mas small{color:var(--bad)}.swatch.de-mas i{background:conic-gradient(var(--bad) 360deg, var(--bad) 0)}.swatch[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);transform:translateY(-2px)}.btn-avance:disabled{opacity:1;color:var(--muted);background:linear-gradient(90deg, var(--accent-soft) var(--avance), var(--surface-2) 0);border:1px solid var(--line);box-shadow:none}.btn-avance.listo{animation:1.6s ease-in-out infinite latir}@keyframes latir{50%{box-shadow:0 0 0 12px color-mix(in srgb, var(--accent) 8%, transparent)}}@media (prefers-reduced-motion:reduce){.net-cell,.cv-cara i.pintado,.btn-avance.listo{animation:none}.cv-giro{transition:none}}.paint-problems{color:var(--bad);flex-direction:column;gap:4px;margin:0;padding-left:18px;font-size:.88rem;display:flex}.paint-alg summary{cursor:pointer;color:var(--muted);font-size:.88rem;font-weight:700}.paint-alg[open]{flex-direction:column;gap:8px;display:flex}.method-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stage-moves{flex-direction:column;gap:4px;margin:0;padding-left:20px;font-size:.9rem;display:flex}.stage-moves li span{margin-right:8px}.stage-moves b{font-family:var(--font-mono);color:var(--muted);float:right;font-size:.82rem}.rescue{border-radius:var(--radius);border:1px solid var(--accent);background:linear-gradient(90deg, var(--accent-soft), var(--surface));align-items:center;gap:16px;padding:14px 18px;text-decoration:none;transition:transform .15s;display:flex}.rescue:hover{transform:translateY(-1px)}.rescue>span:nth-child(2){flex-direction:column;flex:1;display:flex}.rescue b{font-family:var(--font-display);font-size:1.05rem}.rescue small{color:var(--muted)}.rescue-go{color:var(--accent);font-size:1.4rem}.rescue-net{flex:none;grid-template-columns:repeat(3,12px);gap:2px;display:grid}.rescue-net i{background:var(--surface-2);border:1px dashed var(--muted);border-radius:3px;width:12px;height:12px}.rescue-net i:first-child,.rescue-net i:nth-child(5){background:#f6d313;border:0}.rescue-net i:nth-child(3){background:#d32f2f;border:0}.rescue-net i:nth-child(7){background:#17a34a;border:0}@media (width<=900px){.editor.paint{grid-template-columns:minmax(0,1fr)}}.pinceles-celu{display:none}@media (width<=560px){.pinceles-celu{z-index:5;background:color-mix(in srgb, var(--surface) 85%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:999px;justify-content:space-between;gap:6px;margin-top:12px;padding:8px 10px;display:flex;position:sticky;bottom:72px;box-shadow:0 8px 20px -10px #28190566}.pinceles-celu button{border:3px solid var(--surface);width:38px;height:38px;box-shadow:0 0 0 1px var(--line), inset 0 -3px 0 #00000026;cursor:pointer;border-radius:50%;transition:transform .15s}.pinceles-celu button[aria-pressed=true]{box-shadow:0 0 0 2px var(--fg);transform:scale(1.18)}.pinceles-celu button.listo{opacity:.45}.taller-lado .palette,.taller-lado>.label{display:none}.cubo-vivo{--s:84px;height:150px}.net{gap:5px}.net-cara{border-radius:8px;gap:2px;padding:3px}.net-cell{border-radius:4px;font-size:.55rem}}.swipe-bar{justify-content:space-between;gap:10px}.swipe-bar>span{flex:1;min-width:200px}.pad-details>summary{cursor:pointer;color:var(--muted);font-weight:700}.pad-details[open]>summary{margin-bottom:4px}.pad-details:not([open]){padding-block:10px}.onboarding{gap:12px}.nivel-opts{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.camino-resumen{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.camino-resumen .meter-bar{flex:1;min-width:160px;height:10px}.camino{margin-bottom:24px;position:relative;overflow-x:clip}.camino-trazo{position:absolute;top:0;left:calc(50% - 180px);overflow:visible}.trazo-base{fill:none;stroke:var(--line);stroke-width:10px;stroke-linecap:round;stroke-dasharray:2 16}.trazo-hecho{fill:none;stroke:var(--ok);stroke-width:10px;stroke-linecap:round;opacity:.85}.camino-titulo{text-align:center;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0;font-size:.8rem;font-weight:700;position:absolute;left:0;right:0}.camino-titulo:before,.camino-titulo:after{content:"";background:var(--line);vertical-align:middle;width:40px;height:1px;margin:0 10px;display:inline-block}.parada{width:0;height:0;position:absolute}.parada-nodo{background:conic-gradient(var(--ok) var(--p), var(--line) 0);border-radius:50%;place-items:center;width:72px;height:72px;text-decoration:none;transition:transform .15s;display:grid;position:absolute;top:-36px;left:-36px}.parada-cara{background:var(--surface);width:60px;height:60px;font-family:var(--font-display);color:var(--muted);border-radius:50%;place-items:center;font-size:1.3rem;font-weight:700;display:grid}.parada.hecha .parada-cara{background:var(--ok);color:#fff}.parada.actual .parada-nodo{background:conic-gradient(var(--accent) var(--p), var(--accent-soft) 0);box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 22%, transparent);animation:1.8s ease-in-out infinite latir}.parada.actual .parada-cara{color:var(--accent)}.parada-texto{flex-direction:column;gap:1px;width:200px;display:flex;position:absolute;top:-30px;left:48px}.parada.texto-izq .parada-texto{text-align:right;align-items:flex-end;left:auto;right:48px}.parada-texto a{color:var(--fg);text-decoration:none}.parada-texto a:hover b{color:var(--accent)}.parada-texto b{font-size:.95rem;line-height:1.2}.parada-texto small{color:var(--muted);font-size:.78rem}.parada-acciones{gap:10px;font-size:.8rem;display:flex}.parada-acciones a{color:var(--accent);font-weight:700}.parada-acciones .link-btn{color:var(--muted);padding:0;font-size:.8rem}.parada-acciones .link-btn:hover{color:var(--ok)}.parada.pendiente .parada-texto b{color:var(--muted)}.parada-sigue{background:var(--accent);width:fit-content;color:var(--on-accent);border-radius:999px;margin-top:3px;padding:2px 9px;font-size:.72rem;font-weight:700}@media (width<=700px){.tabbar{grid-template-columns:repeat(6,1fr)}.tabbar a{font-size:.62rem}.parada-texto{width:128px}}@media (prefers-reduced-motion:reduce){.parada.actual .parada-nodo{animation:none}}.memo-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.memo-bloques{flex-wrap:wrap;gap:10px 8px;display:flex}.memo-bloque{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:3px;padding:6px 8px 8px;display:flex}.memo-bloque small{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.7rem;font-weight:700}.memo-movs{gap:4px;display:flex}.memo-mov{text-align:center;min-width:34px;font-family:var(--font-mono);background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:5px 6px;font-size:1rem;font-weight:700}.memo-mov.hecho{background:color-mix(in srgb, var(--ok) 16%, var(--surface));border-color:var(--ok);color:var(--fg)}.memo-mov.ahora{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);color:var(--accent)}.memo-mov.mal{border-color:var(--bad);box-shadow:0 0 0 2px var(--bad);animation:.3s sacudir}.memo-banco{flex-wrap:wrap;gap:6px;display:flex}.memo-banco .mv:first-child{background:var(--surface-2);border-color:var(--line);color:var(--fg)}.memo-fin{background:color-mix(in srgb, var(--ok) 12%, var(--surface));border:1px solid var(--ok);border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.probar>summary{cursor:pointer;color:var(--muted);font-weight:700}.probar:not([open]){padding-block:10px}:root{--c-camino:#a16207;--c-camino-soft:#fdf1c7;--c-aprender:#2446c7;--c-aprender-soft:#e2e8fb;--c-practicar:#15803d;--c-practicar-soft:#daf2e2;--c-resolver:#c2410c;--c-resolver-soft:#fde5d6;--c-timer:#b91c1c;--c-timer-soft:#fbe0e0;--c-editor:#2b3340;--c-editor-soft:#e3e6eb;--c-inicio:#2446c7;--c-inicio-soft:#e2e8fb}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--c-camino:#facc15;--c-camino-soft:#36300f;--c-aprender:#8199ff;--c-aprender-soft:#222b48;--c-practicar:#4ade80;--c-practicar-soft:#12301f;--c-resolver:#fb923c;--c-resolver-soft:#3a2413;--c-timer:#f87171;--c-timer-soft:#3a1717;--c-editor:#e7eaf0;--c-editor-soft:#2a303b;--c-inicio:#8199ff;--c-inicio-soft:#222b48}}:root[data-theme=dark]{--c-camino:#facc15;--c-camino-soft:#36300f;--c-aprender:#8199ff;--c-aprender-soft:#222b48;--c-practicar:#4ade80;--c-practicar-soft:#12301f;--c-resolver:#fb923c;--c-resolver-soft:#3a2413;--c-timer:#f87171;--c-timer-soft:#3a1717;--c-editor:#e7eaf0;--c-editor-soft:#2a303b;--c-inicio:#8199ff;--c-inicio-soft:#222b48}.app[data-seccion=camino]{--accent:var(--c-camino);--accent-soft:var(--c-camino-soft)}.app[data-seccion=aprender]{--accent:var(--c-aprender);--accent-soft:var(--c-aprender-soft)}.app[data-seccion=practicar]{--accent:var(--c-practicar);--accent-soft:var(--c-practicar-soft)}.app[data-seccion=resolver]{--accent:var(--c-resolver);--accent-soft:var(--c-resolver-soft)}.app[data-seccion=timer]{--accent:var(--c-timer);--accent-soft:var(--c-timer-soft)}.app[data-seccion=editor]{--accent:var(--c-editor);--accent-soft:var(--c-editor-soft)}body{background:radial-gradient(1200px 360px at 50% -120px, var(--glow,transparent), transparent 70%), var(--bg);background-attachment:fixed}body:has(.app[data-seccion=camino]){--glow:var(--c-camino-soft)}body:has(.app[data-seccion=aprender]){--glow:var(--c-aprender-soft)}body:has(.app[data-seccion=practicar]){--glow:var(--c-practicar-soft)}body:has(.app[data-seccion=resolver]){--glow:var(--c-resolver-soft)}body:has(.app[data-seccion=timer]){--glow:var(--c-timer-soft)}body:has(.app[data-seccion=editor]){--glow:var(--c-editor-soft)}body:has(.app[data-seccion=inicio]){--glow:var(--c-inicio-soft)}.nav a[data-s],.tabbar a[data-s]{--c:var(--c-inicio);--cs:var(--c-inicio-soft)}.nav a[data-s=camino],.tabbar a[data-s=camino]{--c:var(--c-camino);--cs:var(--c-camino-soft)}.nav a[data-s=aprender],.tabbar a[data-s=aprender]{--c:var(--c-aprender);--cs:var(--c-aprender-soft)}.nav a[data-s=practicar],.tabbar a[data-s=practicar]{--c:var(--c-practicar);--cs:var(--c-practicar-soft)}.nav a[data-s=resolver],.tabbar a[data-s=resolver]{--c:var(--c-resolver);--cs:var(--c-resolver-soft)}.nav a[data-s=timer],.tabbar a[data-s=timer]{--c:var(--c-timer);--cs:var(--c-timer-soft)}.nav a[data-s=editor],.tabbar a[data-s=editor]{--c:var(--c-editor);--cs:var(--c-editor-soft)}.nav a[data-s]{position:relative}.nav a[data-s]:before{content:"";background:var(--c);opacity:.55;vertical-align:1px;border-radius:2px;width:8px;height:8px;margin-right:7px;transition:opacity .15s,transform .15s;display:inline-block}.nav a[data-s]:hover{color:var(--c)}.nav a[data-s]:hover:before{opacity:1;transform:rotate(45deg)}.nav a[data-s][aria-current=page]{background:var(--cs);color:var(--c)}.nav a[data-s][aria-current=page]:before{opacity:1}.tabbar a[data-s][aria-current=page]{color:var(--c);background:var(--cs)}.logo{width:30px;height:30px;box-shadow:none;background:0 0;border-radius:7px;transition:transform .3s}.logo-base{fill:#12161c}.brand:hover .logo{transform:rotate(-8deg)scale(1.05)}.page-head h1:before,.hero-copy h1:before{content:"";background:linear-gradient(90deg, var(--accent) 0 16px, transparent 16px 21px, var(--accent) 21px 37px, transparent 37px 42px, var(--accent) 42px 58px);border-radius:3px;width:58px;height:12px;margin-bottom:12px;display:block}.page-head h1:before{opacity:.9}h1{letter-spacing:-.02em}.panel{box-shadow:0 1px #00000005,0 8px 24px -18px #0f141e40}.btn.primary{box-shadow:0 6px 16px -10px var(--accent)}.btn.primary:hover{filter:brightness(1.07)}.eyebrow{color:var(--accent)}main{animation:.28s ease-out entrar}@keyframes entrar{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){main{animation:none}}.mazo{padding-bottom:calc(var(--detras,2) * 6px);position:relative}.mazo:before,.mazo:after{content:"";background:var(--surface);border:1px solid var(--line);z-index:0;border-radius:16px;height:50%;position:absolute;bottom:0;left:14px;right:14px}.mazo:before{opacity:.6;left:22px;right:22px;transform:translateY(0)}.mazo:after{opacity:.85;bottom:6px;left:12px;right:12px}.tarjeta{z-index:1;perspective:1400px;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .26s ease-out,opacity .26s;position:relative}.tarjeta.volteada{cursor:grab}.tarjeta.volteada:active{cursor:grabbing}.tarjeta-giro{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:grid}.tarjeta.volteada .tarjeta-giro{transform:rotateY(180deg)}.tarjeta-cara{backface-visibility:hidden;border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-area:1/1;padding:20px;box-shadow:0 14px 34px -22px #0f141e73}.frente{cursor:pointer;min-height:180px;color:var(--fg);font:inherit;text-align:center;background:linear-gradient(135deg, var(--surface), var(--accent-soft));flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.frente:hover{border-color:var(--accent)}.tarjeta-pregunta{font-family:var(--font-display);font-size:1.35rem;font-weight:700}.tarjeta-accion{background:var(--accent);color:var(--on-accent);border-radius:10px;margin-top:6px;padding:9px 18px;font-weight:700}.tarjeta-accion kbd,.tarjeta-botones kbd{font-family:var(--font-mono);opacity:.7;border:1px solid;border-radius:4px;margin-left:4px;padding:1px 5px;font-size:.72rem}.tarjeta-botones kbd{margin:0 4px 0 0}.dorso{flex-direction:column;gap:12px;display:flex;transform:rotateY(180deg)}.dorso-cabeza{align-items:center;gap:14px;display:flex}.dorso-cabeza h2{font-size:1.5rem}.tarjeta-botones{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tarjeta-botones .btn{padding:11px 8px}.tarjeta-ayuda{text-align:center}.sello{z-index:3;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;background:var(--surface);pointer-events:none;border:3px solid;border-radius:8px;padding:6px 14px;font-size:1.2rem;font-weight:700;position:absolute;top:22px}.sello-der{color:var(--ok);right:22px;transform:rotate(10deg)}.sello-izq{color:var(--bad);left:22px;transform:rotate(-10deg)}.sello-arriba{color:var(--warn);left:50%;transform:translate(-50%)}.mazo-cuenta{flex-wrap:wrap;gap:6px;display:flex}.dot-chip{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:.78rem;display:inline-flex}.dot-chip .dot{margin-top:0}@media (width<=560px){.tarjeta-botones{grid-template-columns:minmax(0,1fr)}.tarjeta-botones kbd{display:none}}@media (prefers-reduced-motion:reduce){.tarjeta-giro,.tarjeta{transition:none}}.home-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.desafio-card{border-radius:var(--radius);border:1px solid var(--c-timer);background:linear-gradient(90deg, var(--c-timer-soft), var(--surface));align-items:center;gap:16px;padding:14px 18px;text-decoration:none;transition:transform .15s;display:flex}.desafio-card:hover{transform:translateY(-1px)}.desafio-card>span:nth-child(2){flex-direction:column;flex:1;display:flex}.desafio-card b{font-family:var(--font-display);font-size:1.05rem}.desafio-card small{color:var(--muted)}.desafio-card .rescue-go{color:var(--c-timer)}.desafio-num{background:var(--c-timer);color:#fff;min-width:52px;height:52px;font-family:var(--font-mono);border-radius:12px;place-items:center;padding:0 6px;font-size:1.1rem;font-weight:700;display:grid}.desafio-aviso{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:700;position:absolute;top:14px}.desafio-hecho{cursor:default;gap:12px;padding:24px 16px}.desafio-hecho .timer-time{color:var(--accent)}.semana{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;width:min(100%,520px);display:grid}.dia{border:1px solid var(--line);background:var(--surface);border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;display:flex}.dia small{color:var(--muted);text-transform:uppercase;font-size:.7rem;font-weight:700}.dia b{font-family:var(--font-mono);color:var(--muted);font-size:.78rem}.dia.ok{background:color-mix(in srgb, var(--ok) 14%, var(--surface));border-color:var(--ok)}.dia.ok b{color:var(--fg)}.dia.dnf{background:color-mix(in srgb, var(--bad) 12%, var(--surface));border-color:var(--bad)}.dia.hoy{box-shadow:0 0 0 2px var(--accent)}.desafio-texto{background:var(--surface);border:1px dashed var(--line);font-family:var(--font-mono);white-space:pre-wrap;text-align:left;border-radius:10px;margin:0;padding:10px 14px;font-size:.82rem}.player .stage{border-radius:18px;height:clamp(380px,64vh,660px);box-shadow:0 20px 50px -34px #0f141e8c}.player .stage canvas{border-radius:18px}.player .case-tag strong{letter-spacing:-.01em;font-size:1.45rem}.player .grip-tag{top:70px;bottom:auto}.player .hint{text-align:center;background:color-mix(in srgb, var(--surface) 80%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;width:max-content;max-width:calc(100% - 28px);padding:5px 12px;animation:5s forwards ayuda-sale;top:auto;bottom:92px;left:50%;transform:translate(-50%)}.player .stage:hover .hint{opacity:.9;animation:none}@keyframes ayuda-sale{0%,70%{opacity:.95}to{opacity:0}}.player-bar{background:color-mix(in srgb, var(--surface) 78%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);border:1px solid color-mix(in srgb, var(--line) 70%, transparent);border-radius:14px;flex-direction:column;gap:8px;padding:10px 12px;display:flex;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 10px 30px -18px #0f141e80}.scrub{gap:3px;height:8px;display:flex}.scrub.denso{gap:1px}.scrub-seg{background:color-mix(in srgb, var(--muted) 28%, transparent);cursor:pointer;border:0;border-radius:3px;flex:1;min-width:2px;height:100%;padding:0;transition:background-color .15s,transform .15s}.scrub-seg:hover{background:color-mix(in srgb, var(--accent) 55%, transparent);transform:scaleY(1.6)}.scrub-seg.hecho{background:var(--accent)}.scrub-seg.sigue{background:color-mix(in srgb, var(--accent) 35%, transparent);box-shadow:inset 0 0 0 1.5px var(--accent)}.player-row{align-items:center;gap:6px;display:flex}.player-row .icon-btn{background:0 0;border-color:#0000;width:36px;height:36px}.player-row .icon-btn:hover,.player-row .icon-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.player-row .play{background:var(--accent);width:46px;height:46px;color:var(--on-accent);box-shadow:0 6px 16px -8px var(--accent);border-radius:50%}.player-row .play:hover{background:var(--accent);color:var(--on-accent);filter:brightness(1.08)}.player-row .counter{font-family:var(--font-mono);color:var(--fg);font-variant-numeric:tabular-nums;margin-left:4px;font-weight:700}.player-row .counter small{color:var(--muted);font-weight:500}.player-spacer{flex:1}.speed-btn{border:1px solid var(--line);background:var(--surface);min-width:52px;height:32px;color:var(--fg);font-family:var(--font-mono);cursor:pointer;border-radius:999px;font-size:.85rem;font-weight:700}.speed-btn:hover{border-color:var(--accent);color:var(--accent)}.player .moves{background:0 0;border:0;gap:6px;min-height:0;padding:4px 2px}.player .chip{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:1.05rem;transition:transform .15s,background-color .15s}.player .chip.done{color:var(--muted);background:0 0;border-color:#0000}.player .chip.next{background:var(--accent);border-color:var(--accent);color:var(--on-accent);transform:scale(1.12)}.player .face-guide{justify-content:center}@media (width<=560px){.player-row .extremo{display:none}.player-bar{padding:8px;bottom:8px;left:8px;right:8px}.player .hint{font-size:.72rem;bottom:82px}.player .stage{height:clamp(340px,108vw,460px)}}@media (prefers-reduced-motion:reduce){.player .hint{animation:none}}.player .stage{--reserva-abajo:92px}@media (width<=560px){.player .stage{--reserva-abajo:80px}}:root{--bg:#e4ddd0;--surface:#efe9de;--surface-2:#e7e0d3;--line:#d2c8b6;--fg:#26221c;--muted:#6b6356;--stage-a:#ece5d8;--stage-b:#cfc4b0;--dim-sticker:#c7bdac;--diagram-base:#1f1b16;--accent-soft:color-mix(in srgb, var(--accent) 15%, #efe9de);--c-camino-soft:color-mix(in srgb, var(--c-camino) 17%, #efe9de);--c-aprender-soft:color-mix(in srgb, var(--c-aprender) 14%, #efe9de);--c-practicar-soft:color-mix(in srgb, var(--c-practicar) 15%, #efe9de);--c-resolver-soft:color-mix(in srgb, var(--c-resolver) 15%, #efe9de);--c-timer-soft:color-mix(in srgb, var(--c-timer) 14%, #efe9de);--c-editor-soft:color-mix(in srgb, var(--c-editor) 12%, #efe9de);--c-inicio-soft:color-mix(in srgb, var(--c-inicio) 14%, #efe9de);--ok:#1d7a43;--warn:#b7790a;--bad:#b3362a}:root[data-theme=light] .panel{box-shadow:0 1px #503c1e0a,0 10px 26px -20px #46321973}:root[data-theme=light] .player .stage{box-shadow:inset 0 0 0 1px #4632190f,0 22px 50px -34px #46321999}:root[data-theme=light] .stage:after{content:"";pointer-events:none;border-radius:inherit;opacity:.35;mix-blend-mode:multiply;background-image:radial-gradient(#5a46282e 1px,#0000 1px);background-size:4px 4px;position:absolute;inset:0}:root[data-theme=light] .field select,:root[data-theme=light] textarea{background:#f5f0e7}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .panel{box-shadow:0 1px #503c1e0a,0 10px 26px -20px #46321973}:root:not([data-theme=dark]) .player .stage{box-shadow:inset 0 0 0 1px #4632190f,0 22px 50px -34px #46321999}:root:not([data-theme=dark]) .stage:after{content:"";pointer-events:none;border-radius:inherit;opacity:.35;mix-blend-mode:multiply;background-image:radial-gradient(#5a46282e 1px,#0000 1px);background-size:4px 4px;position:absolute;inset:0}:root:not([data-theme=dark]) .field select,:root:not([data-theme=dark]) textarea{background:#f5f0e7}}.bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);gap:14px;display:grid}.tile{--t:var(--c-inicio);--ts:var(--c-inicio-soft);background:var(--surface);border:1px solid var(--line);color:var(--fg);border-radius:18px;flex-direction:column;gap:6px;padding:16px 18px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px #503c1e0a,0 12px 28px -22px #46321980}a.tile:hover{border-color:var(--t);box-shadow:0 18px 34px -22px var(--t);transform:translateY(-3px)}.tile:before{content:"";background:radial-gradient(120% 90% at 100% 0%, var(--ts), transparent 60%);pointer-events:none;position:absolute;inset:0}.tile>*{position:relative}.tile-head{justify-content:space-between;align-items:center;display:flex}.tile-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--t);font-size:.72rem;font-weight:700}.tile-go{color:var(--t);font-size:1.2rem;transition:transform .18s}a.tile:hover .tile-go{transform:translate(3px)}.tile-grande{font-family:var(--font-display);letter-spacing:-.02em;margin-top:auto;font-size:clamp(2rem,3.6vw,2.8rem);font-weight:700;line-height:1}.tile small{color:var(--muted)}.tile-chip{background:var(--ts);width:fit-content;color:var(--t);border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:700}.tile-camino{--t:var(--c-camino);--ts:var(--c-camino-soft);grid-area:span 2/span 2;gap:14px}.tile-desafio{--t:var(--c-timer);--ts:var(--c-timer-soft)}.tile-timer{--t:var(--c-resolver);--ts:var(--c-resolver-soft)}.tile-reconocer{--t:var(--c-practicar);--ts:var(--c-practicar-soft)}.tile-rescate{--t:var(--c-aprender);--ts:var(--c-aprender-soft)}.tile-rescate .rescue-net{grid-template-columns:repeat(3,16px);gap:3px;margin-top:auto}.tile-rescate .rescue-net i{border-radius:4px;width:16px;height:16px}.tile-cubos{grid-column:1/-1}.camino-mini{flex:1;align-items:center;gap:18px;display:flex}.anillo{--p:0%;background:radial-gradient(closest-side, var(--surface) 78%, transparent 79% 100%), conic-gradient(var(--c-camino) var(--p), var(--line) 0);border-radius:50%;flex:none;align-content:center;place-items:center;width:112px;height:112px;display:grid}.anillo b{font-family:var(--font-display);font-size:2.2rem;line-height:1}.anillo small{font-size:.8rem}.camino-sigue{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.camino-sigue small{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700}.camino-sigue b{font-family:var(--font-display);font-size:1.5rem;line-height:1.15}.puntos{flex-wrap:wrap;gap:6px;display:flex}.puntos i{background:var(--line);border-radius:4px;width:14px;height:14px}.puntos i.hecho{background:var(--ok)}.puntos i.ahora{background:var(--c-camino);box-shadow:0 0 0 3px var(--c-camino-soft);animation:1.6s ease-in-out infinite latido}.chispa{width:100%;height:30px;margin-top:4px}.chispa polyline{fill:none;stroke:var(--t);stroke-width:2.2px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.cubos-tira{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.cubo-mini{background:var(--surface-2);color:var(--fg);border:1px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;text-decoration:none;transition:transform .18s,border-color .18s;display:flex}.cubo-mini:hover{border-color:var(--c-aprender);transform:translateY(-2px)}.cubo-mini b{font-family:var(--font-display);font-size:1.1rem}.cubo-mini .cp-bar{width:80%}.iso{filter:drop-shadow(0 8px 8px #281e0f38);transition:transform .25s;display:block}.cubo-mini:hover .iso{transform:rotate(-6deg)scale(1.06)}.iso-cuerpo{fill:#15130f;stroke:#15130f;stroke-width:2.5px;stroke-linejoin:round}@media (width<=900px){.bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(140px,auto);gap:10px}.tile-camino{grid-area:auto/1/auto/-1}.tile-cubos{grid-column:1/-1}.cubos-tira{scroll-snap-type:x mandatory;padding-bottom:4px;display:flex;overflow-x:auto}.cubo-mini{scroll-snap-align:start;flex:0 0 40%}}@media (width<=560px){.tile{border-radius:16px;padding:14px}.anillo{width:88px;height:88px}.anillo b{font-size:1.7rem}.camino-mini{gap:12px}.camino-mini .diagram{display:none}.camino-sigue b{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){.puntos i.ahora{animation:none}}@media (width>=901px){.tile-camino .anillo{width:150px;height:150px}.tile-camino .anillo b{font-size:3rem}.tile-camino .camino-sigue b{font-size:2rem}.tile-camino .puntos i{border-radius:5px;width:18px;height:18px}}.metodo-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.metodo-card{border:1px solid var(--line);background:var(--surface-2);color:var(--fg);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:1px;padding:9px 11px;transition:border-color .15s,background-color .15s;display:flex}.metodo-card b{font-family:var(--font-display);font-size:.98rem;line-height:1.15}.metodo-card small{letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:700}.metodo-card.nivel-principiante small{color:var(--ok)}.metodo-card.nivel-intermedio small{color:var(--warn)}.metodo-card.nivel-avanzado small{color:var(--bad)}.metodo-card:hover{border-color:var(--accent)}.metodo-card[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent)}.stepper{counter-reset:none;gap:0}.stepper>li{counter-increment:none;position:relative}.stepper>li:before{content:"";background:var(--line);width:2px;position:absolute;top:38px;bottom:-4px;left:25px}.stepper>li:last-child:before{display:none}.stepper>li.completa:before{background:var(--ok)}.stepper .stage-btn{align-items:center;gap:12px;padding:8px;position:relative}.stepper .stage-btn:before{content:none}.stepper .stage-btn.active{background:0 0;border-color:#0000}.stepper .stage-btn.active>span:nth-child(2){color:var(--accent)}.stepper .stage-btn:hover{background:var(--surface-2)}.paso{--p:0%;z-index:1;background:conic-gradient(var(--ok) var(--p), var(--line) 0);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid;position:relative}.paso i{background:var(--surface);width:28px;height:28px;font-style:normal;font-family:var(--font-mono);color:var(--muted);border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;display:grid}.stepper li.actual .paso{background:conic-gradient(var(--accent) var(--p), var(--accent-soft) 0);box-shadow:0 0 0 4px var(--accent-soft)}.stepper li.actual .paso i{color:var(--accent)}.stepper li.completa .paso i{background:var(--ok);color:#fff}.stepper .case-grid,.stepper .cases{margin-left:44px}.stepper .cases{border-left:0;padding-left:0}.aprender-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;display:flex}.aprender-toolbar .example-bar{margin-left:auto}.status.compacto .seg{padding:6px 12px}.btn.ghost{border-color:var(--line);background:0 0}.btn.ghost:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.stepper .stage-btn .paso{flex:none;width:36px}.stepper .stage-btn .paso i{flex:none}.stage-btn .pliegue{fill:none;width:16px;height:16px;stroke:var(--muted);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .15s;transform:rotate(-90deg)}.stage-btn[aria-expanded=true] .pliegue{stroke:var(--accent);transform:none}.dado{vertical-align:-3px;fill:currentColor;width:16px;height:16px;margin-right:6px}.timer-pad:not(.desafio-hecho){background:radial-gradient(at 50% 30%,#24201a,#0f0d0a 75%);border-color:#2c271f;box-shadow:inset 0 1px #ffffff0a,0 24px 50px -30px #140e06cc}.timer-pad:not(.desafio-hecho) .timer-time{color:#f4ede0;text-shadow:0 0 28px #ffdca02e}.timer-pad:not(.desafio-hecho).fase-manteniendo .timer-time{color:#ff6b5e;text-shadow:0 0 30px #ff503c73}.timer-pad:not(.desafio-hecho).fase-listo .timer-time{color:#4ee38a;text-shadow:0 0 34px #3ce68280}.timer-pad:not(.desafio-hecho).fase-inspeccion .timer-time{color:#ffc44d;text-shadow:0 0 30px #ffbe3c73}.timer-pad:not(.desafio-hecho).fase-listo{border-color:#2f8a55}.timer-pad:not(.desafio-hecho) .timer-help{color:#a99f8e}.timer-pad .desafio-aviso{color:#f4ede0;background:#ffffff14}.timer-pad .timer-pens{border-color:#3a342a}.timer-pad .timer-pens .seg{color:#cfc5b3;background:#1c1914;border-color:#3a342a}.marcador{gap:clamp(18px,5vw,56px);display:flex;position:absolute;bottom:64px}.marcador span{flex-direction:column;align-items:center;gap:2px;display:flex}.marcador small{color:#8f8676;letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:700}.marcador b{font-family:var(--font-mono);color:#e9e1d2;font-variant-numeric:tabular-nums;font-size:clamp(1.1rem,2.2vw,1.6rem)}.marcador span:first-child b{color:#4ee38a}.mezcla-fichas{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.mezcla-fichas span{text-align:center;min-width:40px;font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:clamp(.95rem,1.6vw,1.15rem);font-weight:700;box-shadow:inset 0 -2px #46321914}.mezcla-fichas span:nth-child(5n){margin-right:8px}.fichas-tiempos{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;margin:4px 0 0;padding:0;list-style:none;display:grid}.ficha-tiempo{border:1px solid var(--line);background:var(--surface-2);font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:8px;justify-content:center;align-items:center;padding:7px 4px;font-size:.88rem;font-weight:700;display:flex;position:relative}.ficha-tiempo.ao5{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.ficha-tiempo.mejor{background:var(--ok);border-color:var(--ok);color:#fff}.ficha-tiempo.peor,.ficha-tiempo.dnf{color:var(--muted);opacity:.75}.ficha-tiempo button{border:1px solid var(--line);background:var(--surface);width:18px;height:18px;color:var(--muted);cursor:pointer;opacity:0;border-radius:50%;padding:0;font-size:.75rem;line-height:1;transition:opacity .15s;position:absolute;top:-6px;right:-6px}.ficha-tiempo:hover button,.ficha-tiempo button:focus-visible{opacity:1}.ficha-tiempo button:hover{color:var(--bad);border-color:var(--bad)}.leyenda-fichas i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;display:inline-block}.leyenda-fichas i.mejor{background:var(--ok)}.leyenda-fichas i.ao5{box-shadow:inset 0 0 0 2px var(--accent)}.trend{height:auto}.trend-guia{stroke:var(--ok);stroke-width:1px;stroke-dasharray:3 4;opacity:.7}.trend-txt{font-family:var(--font-mono);fill:var(--muted);font-size:10px}.stat-grid{grid-template-columns:repeat(3,1fr)}@media (width<=560px){.marcador{gap:22px;bottom:52px}.mezcla-fichas span{min-width:34px;padding:5px 6px}}.trend-txt.mejor{fill:var(--ok);font-weight:700}.resolver-barra{flex-flow:wrap;align-items:center;gap:10px 16px;padding:10px 14px}.resolver-barra select{border:1px solid var(--line);background:var(--surface-2);color:var(--fg);border-radius:8px;max-width:100%;padding:7px 9px}.resolver-juego{flex-direction:column;gap:10px;display:flex}.resolver-juego .stage{border-radius:18px;height:clamp(420px,68vh,700px);box-shadow:0 22px 50px -34px #281c0c99}.resolver-juego .hint{display:none}.resolver-ayuda{text-align:center}.hud{background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb, var(--line) 70%, transparent);pointer-events:none;z-index:2;border-radius:14px;align-items:baseline;gap:10px;padding:8px 18px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.hud b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:clamp(1.4rem,3vw,2rem)}.hud small{color:var(--muted);font-family:var(--font-mono)}.hud.corre b{color:var(--accent)}.acciones{z-index:2;background:color-mix(in srgb, var(--surface) 80%, transparent);-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb, var(--line) 70%, transparent);border-radius:16px;flex-wrap:wrap;justify-content:center;gap:8px;max-width:calc(100% - 24px);padding:6px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px -18px #1e140899}.accion{color:var(--fg);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:11px;padding:9px 14px;font-size:.9rem;font-weight:700}.accion:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.accion:disabled{opacity:.4;cursor:not-allowed}.accion.principal{background:var(--accent);color:var(--on-accent);box-shadow:0 6px 16px -8px var(--accent)}.accion.principal:hover{background:var(--accent);color:var(--on-accent);filter:brightness(1.08)}.festejo{z-index:3;background:color-mix(in srgb, var(--bg) 35%, transparent);place-items:center;animation:.3s ease-out aparecer;display:grid;position:absolute;inset:0}@keyframes aparecer{0%{opacity:0}}.festejo-caja{background:var(--surface);border:1px solid var(--line);border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:22px 34px;animation:.5s cubic-bezier(.2,1.4,.4,1) saltar;display:flex;box-shadow:0 30px 60px -30px #1e1408b3}@keyframes saltar{0%{opacity:0;transform:scale(.7)}}.festejo-caja b{font-family:var(--font-mono);color:var(--accent);font-size:clamp(2.4rem,7vw,3.6rem);line-height:1}.festejo-caja small{color:var(--muted);margin-bottom:8px}.confeti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confeti i{top:-20px;left:var(--x);background:var(--c);width:12px;height:12px;animation:caer 2.4s cubic-bezier(.3,.6,.5,1) var(--d) forwards;transform:rotate(var(--r));border-radius:3px;position:absolute;box-shadow:inset 0 0 0 1px #0003}@keyframes caer{to{transform:translateY(760px) rotate(calc(var(--r) + 540deg));opacity:.2}}.resolver-abajo{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}@media (width<=900px){.resolver-abajo{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.resolver-juego .stage{height:clamp(380px,118vw,520px)}.accion{padding:8px 10px;font-size:.84rem}.hud{top:58px}}@media (prefers-reduced-motion:reduce){.confeti{display:none}.festejo,.festejo-caja{animation:none}}.hud{left:auto;right:64px;transform:none}.resolver-juego .stage{--reserva-abajo:84px}@media (width<=560px){.hud{top:62px;left:14px;right:auto}.accion-txt{display:none}.acciones{flex-wrap:nowrap}.accion{font-size:1rem}.accion.principal{font-size:.86rem}.hud{gap:6px;padding:4px 10px;top:12px;left:auto;right:58px}.hud b{font-size:1.15rem}.resolver-juego .stage{--reserva-abajo:80px}}.site-head{z-index:30;border:1px solid color-mix(in srgb, var(--line) 80%, transparent);background:color-mix(in srgb, var(--surface) 78%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);border-radius:18px;margin-top:10px;padding:8px 10px 8px 14px;position:sticky;top:10px;box-shadow:0 10px 30px -22px #281c0c8c}.site-head .pref{margin-left:0}.notacion{margin-left:auto;position:relative}.notacion summary{cursor:pointer;border:1px solid var(--line);background:var(--surface);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:7px;padding:6px 12px 6px 6px;font-size:.85rem;font-weight:700;list-style:none;display:inline-flex}.notacion summary::-webkit-details-marker{display:none}.notacion summary:hover,.notacion[open] summary{border-color:var(--accent);color:var(--accent)}.nota-r{color:#fff;width:22px;height:22px;font-family:var(--font-mono);background:#d32f2f;border-radius:6px;place-items:center;font-size:.8rem;display:grid}.notacion-hoja{z-index:40;border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;gap:12px;width:min(440px,100vw - 32px);padding:16px;animation:.18s ease-out aparecer;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 50px -24px #1e14088c}.nota-caras{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.nota-cara{background:var(--surface-2);border-top:3px solid var(--c);border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;display:flex}.nota-cara b{font-family:var(--font-mono);font-size:1.3rem}.nota-cara small,.nota-mods small{color:var(--muted);font-size:.72rem}.nota-mods{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.nota-mods span{border:1px solid var(--line);border-radius:10px;flex-direction:column;align-items:center;padding:8px 4px;display:flex}.nota-mods b{font-family:var(--font-mono);font-size:1.05rem}.nota-grupo{flex-direction:column;gap:6px;font-size:.9rem;display:flex}.nota-grupo b{font-family:var(--font-mono);min-width:76px;color:var(--accent);display:inline-block}kbd{font-family:var(--font-mono);border:1px solid var(--line);background:var(--surface-2);border-radius:5px;padding:1px 6px;font-size:.8em}.site-foot{text-align:center}.page-head{align-items:center}.page-head h1{font-size:clamp(1.5rem,2.6vw,1.9rem)}.page-head h1:before{background:linear-gradient(90deg, var(--accent) 0 12px, transparent 12px 16px, var(--accent) 16px 28px, transparent 28px 32px, var(--accent) 32px 44px);width:44px;height:9px;margin-bottom:8px}.page-head .lead{-webkit-line-clamp:1;cursor:pointer;-webkit-box-orient:vertical;padding-right:22px;font-size:.95rem;display:-webkit-box;position:relative;overflow:hidden}.page-head .lead:after{content:"▾";color:var(--accent);position:absolute;top:0;right:4px}.page-head .lead.abierta{-webkit-line-clamp:unset}.page-head .lead.abierta:after{content:"▴"}.page,.app{gap:14px}@media (width<=700px){.site-head{border-radius:16px;margin-top:8px;top:8px}.notacion-txt{display:none}.notacion summary{padding:6px}.notacion{margin-left:auto}.settings{margin-left:0}}.nota-grupo p{grid-template-columns:84px minmax(0,1fr);align-items:baseline;gap:8px;margin:0;display:grid}.nota-grupo b{min-width:0}.tarjeta-accion kbd,.tarjeta-botones kbd,.quiz-option kbd{background:0 0}.quiz-sets{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.quiz-set{gap:4px;padding:14px;transition:transform .15s,border-color .15s;position:relative}.quiz-set:hover{transform:translateY(-2px)}.quiz-set-vista{grid-template-columns:repeat(4,max-content);align-items:center;gap:6px;min-height:64px;margin-bottom:6px;display:grid}.quiz-set-record{font-family:var(--font-mono);color:var(--muted);margin-top:6px;font-size:.78rem}.quiz-set-record b{color:var(--accent);font-size:1.3rem}.quiz-largada{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.quiz-largada kbd{font-size:.75rem}.arcade .stage{--reserva-abajo:130px;height:clamp(420px,68vh,640px);transition:box-shadow .3s}.arcade.apurado .stage{box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--bad) 70%, transparent), 0 0 40px -10px var(--bad)}.destello{z-index:1;pointer-events:none;border-radius:inherit;animation:.6s ease-out forwards destellar;position:absolute;inset:0}.destello.bien{background:radial-gradient(circle at 50% 45%, transparent 40%, color-mix(in srgb, var(--ok) 45%, transparent))}.destello.mal{background:radial-gradient(circle at 50% 45%, transparent 35%, color-mix(in srgb, var(--bad) 55%, transparent));animation-duration:1.2s}@keyframes destellar{0%{opacity:1}to{opacity:0}}.reloj-anillo{z-index:2;background:conic-gradient(var(--accent) var(--resto), color-mix(in srgb, var(--fg) 12%, transparent) 0);border-radius:50%;place-items:center;width:74px;height:74px;display:grid;position:absolute;top:14px;left:16px}.reloj-anillo:before{content:"";background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;position:absolute;inset:6px}.reloj-anillo b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.6rem;position:relative}.apurado .reloj-anillo{background:conic-gradient(var(--bad) var(--resto), color-mix(in srgb, var(--bad) 18%, transparent) 0)}.apurado .reloj-anillo b{color:var(--bad);animation:1s ease-in-out infinite latido}.puntaje{z-index:2;background:color-mix(in srgb, var(--surface) 80%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:16px;flex-direction:column;align-items:flex-end;gap:0;padding:8px 16px;display:flex;position:absolute;top:14px;right:64px}.puntaje>b{font-family:var(--font-display);color:var(--accent);font-size:2.4rem;line-height:1;animation:.3s ease-out pop}.puntaje small{color:var(--muted);font-size:.72rem;font-family:var(--font-mono)}.puntaje .quiz-combo{padding:2px 10px;font-size:.9rem;position:absolute;bottom:-10px;left:-16px;box-shadow:0 4px 12px -4px #0006}.mas-uno{z-index:2;pointer-events:none;font-family:var(--font-display);color:var(--ok);text-shadow:0 2px 10px #00000040;font-size:2.6rem;font-weight:800;animation:.7s ease-out forwards subir;position:absolute;top:38%;left:50%}@keyframes subir{0%{opacity:1;transform:translate(-50%,10px)scale(.7)}to{opacity:0;transform:translate(-50%,-50px)scale(1.15)}}.teclas{z-index:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid;position:absolute;bottom:14px;left:14px;right:14px}.tecla{cursor:pointer;text-align:left;color:var(--fg);font-weight:800;font-family:var(--font-display);border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 5px 0 color-mix(in srgb, var(--fg) 18%, transparent), 0 10px 20px -12px #00000080;border-radius:14px;align-items:center;gap:10px;padding:14px 14px 16px;font-size:1.02rem;transition:transform 80ms,box-shadow 80ms,background .15s;display:flex}.tecla:hover:not(:disabled){background:var(--surface);border-color:var(--accent)}.tecla:active:not(:disabled){box-shadow:0 1px 0 color-mix(in srgb, var(--fg) 18%, transparent);transform:translateY(4px)}.tecla:disabled{cursor:default}.tecla kbd{width:28px;height:28px;font-family:var(--font-mono);background:var(--accent);color:var(--on-accent,#fff);border:0;border-radius:8px;flex:none;place-items:center;font-size:.85rem;display:grid}.tecla span{overflow-wrap:anywhere;min-width:0}.tecla.bien{background:var(--ok);border-color:var(--ok);color:#fff;box-shadow:0 1px 0 #0003, 0 0 24px -4px var(--ok);transform:translateY(4px)}.tecla.bien kbd,.tecla.mal kbd{color:#fff;background:#ffffff40}.tecla.mal{background:var(--bad);border-color:var(--bad);color:#fff;animation:.3s sacudir}.tecla.apagada{opacity:.4}.quiz-end{align-items:stretch}.quiz-final{color:#e9e1d2;background:radial-gradient(at 50% 0,#3a3328,#17140f 70%);border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:26px 16px 22px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.quiz-final .eyebrow{color:#f5c451}.quiz-final-num{font-family:var(--font-mono);color:#4ee38a;text-shadow:0 0 28px #4ee38a73;font-size:clamp(4rem,12vw,6.5rem);line-height:1;animation:.4s ease-out pop}.quiz-final>span{color:#b9b0a0;font-weight:700}.marcador-fin{gap:clamp(18px,6vw,56px);margin-top:16px;display:flex}.marcador-fin span{flex-direction:column;align-items:center;gap:2px;display:flex}.marcador-fin small{color:#8f8676;letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:700}.marcador-fin b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:clamp(1.1rem,2.4vw,1.6rem)}@media (width<=760px){.teclas{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;bottom:8px;left:8px;right:8px}.tecla{padding:10px 10px 12px;font-size:.92rem}.arcade .stage{--reserva-abajo:140px;height:max(400px,100svh - 290px)}.reloj-anillo{width:60px;height:60px;top:10px;left:10px}.reloj-anillo b{font-size:1.3rem}.puntaje{padding:6px 12px;top:10px;right:56px}.puntaje>b{font-size:1.9rem}}@media (prefers-reduced-motion:reduce){.destello,.mas-uno,.puntaje>b,.quiz-final-num,.apurado .reloj-anillo b{animation:none}.mas-uno{display:none}}.arcade .hint{display:none}.camino{width:100%;max-width:760px;margin-inline:auto}.region{border:1px solid color-mix(in srgb, var(--t) 22%, var(--line));background:radial-gradient(color-mix(in srgb, var(--t) 14%, transparent) 1.2px, transparent 1.4px) 0 0 / 18px 18px, linear-gradient(180deg, color-mix(in srgb, var(--t) 14%, var(--surface)), color-mix(in srgb, var(--t) 6%, var(--surface)));border-radius:28px;position:absolute;left:0;right:0}.region header{z-index:1;background:color-mix(in srgb, var(--surface) 85%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;align-items:center;gap:12px;width:fit-content;margin:14px 0 0 16px;padding:6px 14px;display:flex;position:relative;box-shadow:0 4px 12px -8px #28190566}.region header b{font-family:var(--font-display);color:color-mix(in srgb, var(--t) 70%, var(--fg));font-size:1.35rem}.region-avance{background:color-mix(in srgb, var(--t) 15%, var(--surface-2));border-radius:999px;flex:none;width:90px;height:8px;overflow:hidden}.region-avance i{border-radius:inherit;background:var(--t);height:100%;display:block}.region header small{font-family:var(--font-mono);color:var(--muted);font-weight:700}.region.completa header small{color:var(--ok)}.ruta-borde{fill:none;stroke:color-mix(in srgb, var(--fg) 14%, transparent);stroke-width:30px;stroke-linecap:round}.ruta{fill:none;stroke:color-mix(in srgb, var(--surface) 80%, #b9a98d);stroke-width:24px;stroke-linecap:round}.ruta-hecha{fill:none;stroke:#e7b53c;stroke-width:24px;stroke-linecap:round}.ruta-linea{fill:none;stroke:color-mix(in srgb, var(--surface) 70%, transparent);stroke-width:3px;stroke-linecap:round;stroke-dasharray:10 14}.parada-nodo{background:0 0;border-radius:22px;width:76px;height:76px;top:-38px;left:-38px;transform:rotate(0)}.parada-cara{background:var(--surface);width:76px;height:76px;color:var(--muted);border:1px solid var(--line);box-shadow:0 6px 0 color-mix(in srgb, var(--fg) 16%, var(--surface-2)), 0 14px 22px -12px #28190580;border-radius:22px;font-size:1.5rem;transition:transform .12s,box-shadow .12s;position:relative}.parada-nodo:hover{transform:none}.parada-nodo:hover .parada-cara{transform:translateY(-3px)}.parada-nodo:active .parada-cara{box-shadow:0 2px 0 color-mix(in srgb, var(--fg) 16%, var(--surface-2));transform:translateY(4px)}.parada.hecha .parada-cara{background:linear-gradient(160deg, #3fcf7a, var(--ok));color:#fff;box-shadow:0 6px 0 color-mix(in srgb, var(--ok) 60%, #000), 0 14px 22px -12px #28190580;border-color:#0000;font-size:2rem}.parada.actual .parada-nodo{box-shadow:none;background:0 0;animation:none}.parada.actual .parada-cara{border:3px solid var(--accent);color:var(--accent);animation:2.4s ease-in-out infinite flotar;transform:scale(1.12)}@keyframes flotar{50%{transform:scale(1.12)translateY(-5px)}}.parada.pendiente .parada-cara{opacity:.85}.parada-medidor{background:var(--line);border-radius:999px;height:5px;position:absolute;bottom:7px;left:12px;right:12px;overflow:hidden}.parada-medidor i{background:var(--ok);height:100%;display:block}.parada-texto{width:230px;top:-38px;left:54px}.parada.texto-izq .parada-texto{right:54px}.parada.actual .parada-texto{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:10px 12px;top:-52px;left:64px;box-shadow:0 12px 26px -16px #2819058c}.parada.actual.texto-izq .parada-texto{left:auto;right:64px}.parada-sigue{margin:0 0 4px}.parada-botones{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.parada-botones .btn{padding:6px 12px;font-size:.82rem;text-decoration:none}.parada-botones .btn.primary{color:var(--on-accent)}.pin{z-index:2;filter:drop-shadow(0 4px 4px #0000004d);width:32px;height:42px;animation:1.4s ease-in-out infinite botar;position:absolute;top:-96px;left:-16px}.pin svg{width:100%;height:100%;display:block}.pin path{fill:var(--accent)}.pin circle{fill:var(--surface)}@keyframes botar{50%{transform:translateY(-6px)}}.meta-final{flex-direction:column;align-items:center;width:0;height:0;display:flex;position:absolute}.meta-final>*{flex:none}.meta-bandera{background:var(--surface);border:2px dashed var(--line);border-radius:50%;place-items:center;width:84px;height:84px;margin-top:-42px;display:grid}.meta-bandera svg{width:46px;height:46px}.meta-bandera path{fill:none;stroke:var(--fg);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.meta-bandera .tela{fill:var(--muted);stroke-width:2px}.meta-final b{font-family:var(--font-display);white-space:nowrap;margin-top:6px;font-size:1.2rem}.meta-final small{color:var(--muted);white-space:nowrap}.meta-final.lograda .meta-bandera{background:linear-gradient(160deg,#f5d36b,#e7b53c);border:0;box-shadow:0 0 0 8px #e7b53c40}.meta-final.lograda .tela{fill:var(--c-timer,#d32f2f)}@media (width<=700px){.region{border-radius:22px;left:-8px;right:-8px}.region header{gap:8px;margin:10px 0 0 10px;padding:5px 12px}.region-avance{width:56px}.region header b{font-size:1.1rem}.parada-cara{border-radius:18px;width:62px;height:62px;font-size:1.25rem}.parada-nodo{width:62px;height:62px;top:-31px;left:-31px}.parada-texto{width:120px;left:42px}.parada.texto-izq .parada-texto{right:42px}.parada.actual .parada-texto{width:150px;padding:8px 10px;left:48px}.parada.actual.texto-izq .parada-texto{right:48px}.pin{top:-84px}.ruta-borde{stroke-width:24px}.ruta,.ruta-hecha{stroke-width:18px}}.camino-ahora{display:none}@media (width<=700px){.camino-ahora{background:var(--surface);border:1px solid var(--line);z-index:6;border-radius:16px;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:12px 14px;display:flex;position:sticky;top:74px;box-shadow:0 10px 24px -16px #28190580}.camino-ahora b{font-family:var(--font-display);flex:1;min-width:0;font-size:1.05rem}.camino-ahora .parada-sigue{margin:0}.camino-ahora .parada-botones{width:100%;margin:0}.camino-ahora .parada-botones .btn{text-align:center;flex:1}.parada.actual .parada-texto,.parada.actual.texto-izq .parada-texto{box-shadow:none;background:0 0;border:0;width:120px;padding:0;top:-38px;left:46px}.parada.actual.texto-izq .parada-texto{left:auto;right:46px}.parada.actual .parada-botones{display:none}}@media (prefers-reduced-motion:reduce){.pin,.parada.actual .parada-cara{animation:none}}.practice{grid-template-columns:minmax(0,1fr)}.estante{flex-direction:column;gap:10px;display:flex}.estante-cabeza{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.estante-cabeza .btn.primary{margin-left:auto;text-decoration:none}.interruptor{cursor:pointer;color:var(--muted);align-items:center;gap:8px;font-size:.88rem;font-weight:600;display:inline-flex}.interruptor input{opacity:0;pointer-events:none;position:absolute}.interruptor i{background:var(--line);border-radius:999px;width:36px;height:20px;transition:background .2s;position:relative}.interruptor i:after{content:"";background:var(--surface);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.interruptor input:checked+i{background:var(--accent)}.interruptor input:checked+i:after{transform:translate(16px)}.interruptor input:focus-visible+i{outline:2px solid var(--accent);outline-offset:2px}.mazos{scroll-snap-type:x proximity;scrollbar-width:thin;gap:12px;margin:-4px -6px 0;padding:8px 6px 14px;display:flex;overflow-x:auto}.mazo-tapa{scroll-snap-align:start;border:1px solid var(--line);background:var(--surface);width:168px;color:var(--fg);cursor:pointer;text-align:left;box-shadow:3px 3px 0 -1px var(--surface-2), 3px 3px 0 0 var(--line), 6px 6px 0 -1px var(--surface-2), 6px 6px 0 0 var(--line);border-radius:14px;flex-direction:column;flex:none;align-items:flex-start;gap:3px;padding:12px 12px 14px;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.mazo-tapa:hover{transform:translateY(-3px)}.mazo-tapa[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 70%, var(--surface));box-shadow:3px 3px 0 -1px var(--surface-2), 3px 3px 0 0 var(--line), 6px 6px 0 -1px var(--surface-2), 6px 6px 0 0 var(--line), 0 0 0 2px var(--accent);transform:translateY(-4px)}.mazo-dibujo{place-items:center;height:56px;margin-bottom:4px;display:grid}.mazo-tapa b{font-family:var(--font-display);font-size:.95rem;line-height:1.2}.mazo-tapa small{color:var(--muted);font-size:.75rem}.mazo-barra{background:var(--line);border-radius:999px;width:100%;height:6px;margin-top:auto;display:block;position:relative;overflow:hidden}.mazo-barra i{position:absolute;top:0;bottom:0;left:0}.mazo-barra .d{width:var(--d);background:var(--ok);z-index:1}.mazo-barra .a{width:calc(var(--d) + var(--a));background:var(--warn)}.mazo-tapa .mazo-barra{margin-top:8px}.estudio{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);align-items:start;gap:12px 16px;display:grid}.estudio>.player{grid-row:1/span 2}.estudio .mazo{align-self:start}.estudio .tarjeta-cara{min-height:300px}.estudio-pie{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.estudio-acierto{color:var(--muted);margin-left:auto;font-size:.85rem}.estudio-acierto b{font-family:var(--font-display);color:var(--fg);font-size:1.2rem}@media (width<=980px){.estudio{grid-template-columns:minmax(0,1fr)}.estudio>.player{grid-row:auto}.estudio .tarjeta-cara{min-height:0}}@media (width<=560px){.mazo-tapa{width:140px;padding:10px}.estante-cabeza .btn.primary{text-align:center;width:100%;margin-left:0}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#15120f;--surface:#1f1b17;--surface-2:#28231e;--line:#3b342c;--fg:#efe8dc;--muted:#a99e8d;--on-accent:#17130f;--stage-a:#322b24;--stage-b:#110e0b;--dim-sticker:#4b433a;--diagram-base:#0b0907;--ok:#5bd18a;--warn:#f0b94a;--bad:#f2806d;--c-camino:#f5c542;--c-aprender:#93a8ff;--c-practicar:#5bd18a;--c-resolver:#fb9a4b;--c-timer:#f58a7a;--c-editor:#efe8dc;--c-inicio:#93a8ff;--c-camino-soft:color-mix(in srgb, var(--c-camino) 16%, #1f1b17);--c-aprender-soft:color-mix(in srgb, var(--c-aprender) 16%, #1f1b17);--c-practicar-soft:color-mix(in srgb, var(--c-practicar) 15%, #1f1b17);--c-resolver-soft:color-mix(in srgb, var(--c-resolver) 16%, #1f1b17);--c-timer-soft:color-mix(in srgb, var(--c-timer) 15%, #1f1b17);--c-editor-soft:color-mix(in srgb, var(--c-editor) 10%, #1f1b17);--c-inicio-soft:color-mix(in srgb, var(--c-inicio) 16%, #1f1b17);--accent:var(--c-inicio);--accent-soft:var(--c-inicio-soft);--lampara:#ffc47817}:root:not([data-theme=light]) body{background:radial-gradient(900px 520px at 50% -160px, var(--lampara), transparent 70%), radial-gradient(1200px 360px at 50% -120px, var(--glow,transparent), transparent 70%), var(--bg);background-attachment:fixed}:root:not([data-theme=light]) body:before{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:radial-gradient(#ffebcd09 1px,#0000 1px);background-size:3px 3px;position:fixed;inset:0}:root:not([data-theme=light]) .panel{border-color:color-mix(in srgb, var(--line) 75%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, #fff 2%), var(--surface));box-shadow:inset 0 1px #ffecd20d,0 18px 40px -26px #000000d9}:root:not([data-theme=light]) .player .stage,:root:not([data-theme=light]) .stage{border-color:#ffecd20f;box-shadow:inset 0 1px #ffecd20f,inset 0 -40px 80px -40px #0009,0 24px 50px -30px #000000e6}:root:not([data-theme=light]) .stage:after{content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(60% 45% at 50% 28%,#ffc88212,#0000 70%),radial-gradient(#ffebcd0d 1px,#0000 1px) 0 0/4px 4px;position:absolute;inset:0}:root:not([data-theme=light]) .site-head{background:color-mix(in srgb, var(--surface) 78%, transparent);border-color:#ffecd212;box-shadow:inset 0 1px #ffecd20f,0 12px 30px -18px #000c}:root:not([data-theme=light]) .tabbar{background:color-mix(in srgb, var(--surface) 90%, transparent);border-top-color:#ffecd212}:root:not([data-theme=light]) .btn.primary{box-shadow:0 8px 22px -10px color-mix(in srgb, var(--accent) 70%, transparent), inset 0 1px 0 #ffffff40}:root:not([data-theme=light]) .field select,:root:not([data-theme=light]) textarea{background:#191511}:root:not([data-theme=light]) .app{z-index:1;position:relative}}:root[data-theme=dark]{--bg:#15120f;--surface:#1f1b17;--surface-2:#28231e;--line:#3b342c;--fg:#efe8dc;--muted:#a99e8d;--on-accent:#17130f;--stage-a:#322b24;--stage-b:#110e0b;--dim-sticker:#4b433a;--diagram-base:#0b0907;--ok:#5bd18a;--warn:#f0b94a;--bad:#f2806d;--c-camino:#f5c542;--c-aprender:#93a8ff;--c-practicar:#5bd18a;--c-resolver:#fb9a4b;--c-timer:#f58a7a;--c-editor:#efe8dc;--c-inicio:#93a8ff;--c-camino-soft:color-mix(in srgb, var(--c-camino) 16%, #1f1b17);--c-aprender-soft:color-mix(in srgb, var(--c-aprender) 16%, #1f1b17);--c-practicar-soft:color-mix(in srgb, var(--c-practicar) 15%, #1f1b17);--c-resolver-soft:color-mix(in srgb, var(--c-resolver) 16%, #1f1b17);--c-timer-soft:color-mix(in srgb, var(--c-timer) 15%, #1f1b17);--c-editor-soft:color-mix(in srgb, var(--c-editor) 10%, #1f1b17);--c-inicio-soft:color-mix(in srgb, var(--c-inicio) 16%, #1f1b17);--accent:var(--c-inicio);--accent-soft:var(--c-inicio-soft);--lampara:#ffc47817}:root[data-theme=dark] body{background:radial-gradient(900px 520px at 50% -160px, var(--lampara), transparent 70%), radial-gradient(1200px 360px at 50% -120px, var(--glow,transparent), transparent 70%), var(--bg);background-attachment:fixed}:root[data-theme=dark] body:before{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:radial-gradient(#ffebcd09 1px,#0000 1px);background-size:3px 3px;position:fixed;inset:0}:root[data-theme=dark] .panel{border-color:color-mix(in srgb, var(--line) 75%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, #fff 2%), var(--surface));box-shadow:inset 0 1px #ffecd20d,0 18px 40px -26px #000000d9}:root[data-theme=dark] .player .stage,:root[data-theme=dark] .stage{border-color:#ffecd20f;box-shadow:inset 0 1px #ffecd20f,inset 0 -40px 80px -40px #0009,0 24px 50px -30px #000000e6}:root[data-theme=dark] .stage:after{content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(60% 45% at 50% 28%,#ffc88212,#0000 70%),radial-gradient(#ffebcd0d 1px,#0000 1px) 0 0/4px 4px;position:absolute;inset:0}:root[data-theme=dark] .site-head{background:color-mix(in srgb, var(--surface) 78%, transparent);border-color:#ffecd212;box-shadow:inset 0 1px #ffecd20f,0 12px 30px -18px #000c}:root[data-theme=dark] .tabbar{background:color-mix(in srgb, var(--surface) 90%, transparent);border-top-color:#ffecd212}:root[data-theme=dark] .btn.primary{box-shadow:0 8px 22px -10px color-mix(in srgb, var(--accent) 70%, transparent), inset 0 1px 0 #ffffff40}:root[data-theme=dark] .field select,:root[data-theme=dark] textarea{background:#191511}:root[data-theme=dark] .app{z-index:1;position:relative}.giro-vivo{z-index:4;pointer-events:none;font-family:var(--font-mono);color:var(--muted);background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;padding:4px 12px;font-size:1.3rem;font-weight:800;transition:color .12s,background .12s,transform .12s;position:absolute;transform:translate(-50%,calc(-100% - 22px));box-shadow:0 8px 18px -10px #00000080}.giro-vivo.listo{color:var(--on-accent);background:var(--accent);border-color:var(--accent);transform:translate(-50%,calc(-100% - 22px))scale(1.1)}.aro{z-index:5;background:color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:6px;animation:.18s cubic-bezier(.3,1.5,.5,1) aro-abre;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 14px 30px -14px #0009}@keyframes aro-abre{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}}.aro-cara{width:34px;height:34px;font-family:var(--font-mono);color:var(--muted);border:2px dashed var(--line);border-radius:50%;place-items:center;font-weight:800;display:grid}.aro-btn{cursor:pointer;background:var(--accent);height:46px;color:var(--on-accent);font-family:var(--font-mono);box-shadow:0 4px 0 color-mix(in srgb, var(--accent) 60%, #000);border:0;border-radius:999px;align-items:center;gap:4px;padding:0 14px 0 10px;font-size:1.05rem;font-weight:800;transition:transform 80ms,box-shadow 80ms;display:flex}.aro-btn.der{flex-direction:row-reverse;padding:0 10px 0 14px}.aro-btn:active{box-shadow:0 1px 0 color-mix(in srgb, var(--accent) 60%, #000);transform:translateY(3px)}.aro-btn svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}@media (prefers-reduced-motion:reduce){.aro{animation:none}}.vista-hoja{margin-right:auto}.hoja{flex-direction:column;gap:18px;display:flex}.hoja-cabeza{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(135deg, var(--surface), var(--accent-soft));grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px 18px;padding:18px 20px;display:grid}.hoja-cabeza h2{font-size:clamp(1.4rem,3vw,2rem)}.hoja-cabeza p{margin:2px 0 0}.hoja-herramientas{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.hoja-herramientas .seg small{opacity:.7;font-family:var(--font-mono)}.hoja-herramientas .btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;vertical-align:-3px;width:18px;height:18px;margin-right:6px}.hoja-avance{background:var(--line);border-radius:999px;grid-column:1/-1;height:6px;overflow:hidden}.hoja-avance i{background:var(--ok);height:100%;display:block}.hoja-grupo h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);align-items:baseline;gap:8px;margin:0 0 8px;font-size:1rem;display:flex}.hoja-grupo h3 small{font-family:var(--font-mono);font-size:.75rem}.hoja-casos{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.hoja-caso{border:1px solid var(--line);background:var(--surface);width:100%;height:100%;color:var(--fg);text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:10px;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex}.hoja-caso:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 20px -14px #00000080}.hoja-caso.dominado{border-color:color-mix(in srgb, var(--ok) 45%, var(--line))}.hoja-caso.aprendiendo{border-color:color-mix(in srgb, var(--warn) 45%, var(--line))}.hoja-caso .diagram{flex:none}.hoja-texto{flex-direction:column;gap:3px;min-width:0;display:flex}.hoja-texto b{font-family:var(--font-display);align-items:center;gap:6px;display:flex}.hoja-texto b .dot{margin:0}.hoja-texto code{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.82rem;line-height:1.45}.hoja-texto small{color:var(--muted);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.72rem}@media (width<=700px){.hoja-cabeza{grid-template-columns:minmax(0,1fr)}.hoja-herramientas{justify-content:flex-start}.hoja-casos{grid-template-columns:minmax(0,1fr)}}@media print{body{background:#fff!important}body:before,.site-head,.tabbar,footer,.site-foot,.learn>aside,.aprender-toolbar,.page-head,.hoja-herramientas,.hoja-avance{display:none!important}.learn{display:block!important}.hoja-cabeza,.hoja-caso{color:#000!important;box-shadow:none!important;background:#fff!important;border-color:#bbb!important}.hoja-casos{grid-template-columns:repeat(3,1fr)}.hoja-caso{break-inside:avoid}}.hero-coach{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}.hero-lado{--alto-escena:clamp(300px, 40vw, 440px);--alto-cartel:88px;min-height:calc(var(--alto-escena) + 6px + var(--alto-cartel));justify-content:center;align-items:center;display:flex}.hero-vivo{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex;position:relative}.hero-vivo-escena{width:100%;height:var(--alto-escena);position:relative}.hero-vivo-escena canvas{cursor:grab;width:100%;height:100%;display:block}.hero-vivo-cartel{height:var(--alto-cartel);text-align:center;flex-direction:column;align-items:center;gap:8px;transition:opacity .3s;display:flex}.hero-vivo-titulo{align-items:baseline;gap:8px;display:flex}.hero-vivo-titulo b{font-family:var(--font-display);font-size:1.15rem}.hero-vivo-titulo small{color:var(--muted);font-size:.8rem}.hero-vivo-movs{flex-wrap:wrap;justify-content:center;gap:4px;max-width:420px;display:flex}.hero-vivo-movs i{font-style:normal;font-family:var(--font-mono);border:1px solid var(--line);background:var(--surface);min-width:30px;color:var(--muted);border-radius:7px;padding:3px 6px;font-size:.85rem;font-weight:700;transition:background .2s,color .2s,transform .2s}.hero-vivo-movs i.ahora{background:var(--accent);border-color:var(--accent);color:var(--on-accent);transform:translateY(-3px)scale(1.12)}.hero-vivo-movs i.hecho{color:var(--fg);border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}.hero-vivo-cartel.armando .hero-vivo-movs{opacity:.4}.hero-vivo-cartel.listo .hero-vivo-titulo small{color:var(--ok);font-weight:700}.hero-cifras{border-top:1px solid var(--line);flex-wrap:wrap;gap:10px 26px;margin:18px 0 0;padding-top:16px;display:flex}.hero-cifras div{flex-direction:column-reverse;display:flex}.hero-cifras dd{font-family:var(--font-display);color:var(--accent);margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1}.hero-cifras dt{color:var(--muted);font-size:.8rem}@media (width<=860px){.hero-coach{grid-template-columns:minmax(0,1fr)}.hero-lado{--alto-escena:260px;order:-1}}.aprender-toolbar{min-height:40px}.methods .metodo-cards{align-content:start;min-height:118px}.face-guide{justify-content:center;align-items:center;min-height:30px;margin:0}.learn-main .details{min-height:330px}.page-head.timer-side{min-height:93px}.scramble-panel{align-content:center;min-height:247px}.mazo-tapa{min-height:165px}.aparece{animation:.22s ease-out aparecer-suave}@keyframes aparecer-suave{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.aparece{animation:none}}.vista-menu{position:relative}.vista-menu>summary{list-style:none}.vista-menu>summary::-webkit-details-marker{display:none}.vista-menu[open]>summary{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.vista-pop{z-index:5;border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:2px;min-width:210px;padding:8px;display:flex;position:absolute;top:0;right:calc(100% + 8px);box-shadow:0 14px 36px -18px #0f141e8c}.vista-opcion{cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;font-size:.88rem;display:flex}.vista-opcion:hover{background:var(--accent-soft)}.vista-opcion input{accent-color:var(--accent)}.red-panel{pointer-events:none;background:color-mix(in srgb, var(--surface) 80%, transparent);-webkit-backdrop-filter:blur(8px);border:1px solid color-mix(in srgb, var(--line) 70%, transparent);border-radius:12px;padding:8px;position:absolute;bottom:100px;left:12px}.red-viva{width:150px;height:auto;display:block}.red-viva.minx{width:230px}.red-viva .net-letra{font-size:.16px}.red-letra{font-family:var(--font-mono);fill:#00000073;font-weight:700}@media (width<=560px){.red-panel{padding:5px;bottom:88px;left:8px}.red-viva{width:112px}.red-viva.minx{width:170px}}.viewer.pantalla-completa{z-index:1000;background:var(--bg);padding:10px;position:fixed;inset:0}.viewer.pantalla-completa>:not(.stage){display:none}.viewer.pantalla-completa .stage{height:calc(100dvh - 20px)}.viewer:not(.player) .red-panel{bottom:36px}.algs-opciones{flex-direction:column;gap:4px;margin:6px 0 0;padding:0;list-style:none;display:flex}.algs-opciones li{border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:4px 6px;display:flex}.algs-opciones li.fav{background:var(--accent-soft)}.algs-opciones code{font-size:.92rem}.estrella-fav{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;font-size:1.15rem;line-height:1}.estrella-fav[aria-pressed=true]{color:var(--warn)}.estrella-fav:hover{color:var(--warn);background:var(--surface)}.quitar-propio{border:1px solid var(--line);background:var(--surface);width:26px;height:26px;color:var(--muted);cursor:pointer;border-radius:6px;margin-left:auto}.quitar-propio:hover{color:var(--fg);border-color:var(--fg)}.ok-msg{color:var(--ok);font-weight:600}.step-links{color:var(--muted);margin:2px 0 6px 34px;font-size:.82rem}.step-links a{color:var(--accent);font-weight:700}.net.n2{max-width:520px}.net.n2 .net-cara,.cubo-vivo.n2 .cv-cara{grid-template-columns:repeat(2,minmax(0,1fr))}.net.n4{max-width:760px}.net.n4 .net-cara,.cubo-vivo.n4 .cv-cara{grid-template-columns:repeat(4,minmax(0,1fr))}.net.n4 .net-cara{gap:3px;padding:4px}.net.n4 .net-cell{border-radius:6px}.cubo-vivo.n4 .cv-cara{gap:2px;padding:3px}.cubo-vivo.n4 .cv-cara i{border-radius:3px}.cubo-vivo.n2 .cv-cara{gap:5px;padding:5px}.cubo-vivo.n2 .cv-cara i{border-radius:7px}.net-pyra{width:100%;max-width:560px;margin:14px auto 4px;display:block;overflow:visible}.np-cara{filter:drop-shadow(0 .012px .02px #28190573)}.np-fondo{fill:url(#np-cara);stroke:url(#np-cara);stroke-width:.06px;stroke-linejoin:round}.np-borde{fill:none;stroke:#0000;stroke-width:.09px;stroke-linejoin:round;transition:stroke .2s}.np-cara.actual .np-borde{stroke:var(--accent)}.np-sticker{fill:#2c323b;stroke:#2c323b;stroke-width:.045px;stroke-linejoin:round;cursor:pointer;transform-box:fill-box;transform-origin:50%;outline:none;transition:transform .12s;animation:.28s cubic-bezier(.3,1.6,.5,1) pegar}.np-sticker.vacia{animation:none}.np-sticker:hover{transform:scale(1.08)}.np-sticker.vacia:hover,.np-sticker.vacia:focus-visible{fill:color-mix(in srgb, var(--pincel) 55%, #2c323b);stroke:color-mix(in srgb, var(--pincel) 55%, #2c323b)}.np-sticker:focus-visible polygon:first-child{stroke:var(--fg)}.np-luz{stroke:none;pointer-events:none}@media (prefers-reduced-motion:reduce){.np-sticker{animation:none}}.pyra-vivo svg{width:170px;height:170px;overflow:visible}.palette.p4{grid-template-columns:repeat(4,minmax(0,1fr))}.net-minx{max-width:760px}.np-centro{cursor:default}.np-centro:hover{transform:none}.minx-vivo svg{width:180px;height:180px}.pv-fondo{fill:#12161c;stroke:#12161c;stroke-width:.09px;stroke-linejoin:round}.pv-sticker{fill:#343a44;stroke:#343a44;stroke-width:.04px;stroke-linejoin:round}.pv-sticker.pintado{animation:.6s ease-out brillo}.pv-luz{stroke:none}@media (prefers-reduced-motion:reduce){.pv-sticker.pintado{animation:none}}.tarjeta-botones .btn{flex-wrap:wrap;column-gap:2px}.pista-repaso{opacity:.7;flex-basis:100%;margin-top:2px;font-size:.72rem;font-weight:600}.para-hoy{color:var(--accent);font-weight:700}.dot-chip.para-hoy{border-color:var(--accent)}.mezcla-cubo{text-align:center;justify-content:center;align-items:center;min-height:320px;padding:28px 20px}.mezcla-cubo>p{max-width:46ch;margin:0}.mezcla-texto{font-family:var(--font-mono);word-spacing:.25em;color:var(--fg);overflow-wrap:anywhere;font-size:clamp(1.1rem,2.6vw,1.6rem);font-weight:700;line-height:1.6}.mezcla-texto.muted{color:var(--muted);font-size:1rem;font-weight:500}.boton-link{text-align:left;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.boton-link:hover{color:var(--accent)}.respaldo{border:1px solid var(--line);background:var(--surface);width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--fg);border-radius:18px;padding:0;box-shadow:0 30px 70px -30px #1e140899}.respaldo::backdrop{background:#140e0673}.respaldo-cuerpo{flex-direction:column;gap:14px;padding:18px;display:flex}.respaldo-cabeza{justify-content:space-between;align-items:center;gap:12px;display:flex}.respaldo-cabeza h2{margin:0;font-size:1.25rem}.respaldo section{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:12px;display:flex}.respaldo h3{margin:0;font-size:1rem}.respaldo-resumen{margin:0;padding-left:18px;font-size:.9rem}.respaldo-botones{flex-wrap:wrap;gap:8px;display:flex}.respaldo-botones label.btn{cursor:pointer}.respaldo-ok{color:var(--c-practicar);margin:0}.respaldo-error{color:var(--c-timer);margin:0}.respaldo-entrante{background:var(--surface-2);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.respaldo-entrante p{margin:0}.aviso-version{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;border:1px solid var(--line);background:var(--surface);width:max-content;max-width:calc(100vw - 32px);color:var(--fg);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:10px 12px 10px 16px;font-size:.92rem;animation:.18s ease-out aparecer;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 20px 40px -20px #1e14088c}@media (width<=760px){.aviso-version{bottom:calc(76px + env(safe-area-inset-bottom))}}