@font-face{font-family:"Young Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/young-serif-latin-400-normal-DIMmNPI9.woff2) format("woff2"),url(/assets/young-serif-latin-400-normal-D1tz0Z9s.woff) format("woff")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-sans-latin-400-normal-DRC__1Mx.woff2) format("woff2"),url(/assets/instrument-sans-latin-400-normal-D1W7dsQl.woff) format("woff")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/instrument-sans-latin-500-normal-Dk9ku72i.woff2) format("woff2"),url(/assets/instrument-sans-latin-500-normal-Z6ESRlEs.woff) format("woff")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/instrument-sans-latin-600-normal-B7fBEWYG.woff2) format("woff2"),url(/assets/instrument-sans-latin-600-normal-B9e8oLYv.woff) format("woff")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/instrument-sans-latin-700-normal-CYfAanHo.woff2) format("woff2"),url(/assets/instrument-sans-latin-700-normal-DfAjL1vF.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff) format("woff")}:root{--bg: #0d1411;--card: #141d18;--card2: #17352a;--line: #24312a;--line2: #2c3a31;--ink: #e9efe9;--ink2: #9fafa4;--ink3: #7c8c82;--green: #2eb57c;--green-soft: #6fcfa4;--green-on: #07130d;--gold: #d9a94f;--red: #d97070;--card-red: #c64949;--card-ink: #1a211c;--blue: #7e96de;--serif: "Young Serif", Georgia, serif;--sans: "Instrument Sans", "Segoe UI", system-ui, sans-serif;--mono: "IBM Plex Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:#070b09;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}#root{height:100%}.app{max-width:430px;margin:0 auto;height:100dvh;background:var(--bg);display:flex;flex-direction:column;overflow:hidden}.screen{flex:1;overflow-y:auto;padding:max(20px,env(safe-area-inset-top)) 20px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.h-serif{font-family:var(--serif);font-weight:400}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--ink2)}.faint{color:var(--ink3)}.card-panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;border:none;border-radius:14px;font-family:var(--sans);font-size:16px;font-weight:700;cursor:pointer}.btn:focus-visible{outline:2px solid var(--green-soft);outline-offset:2px}.btn-primary{background:var(--green);color:var(--green-on)}.btn-gold{background:var(--gold);color:#17140b}.btn-secondary{background:var(--card);color:var(--ink);border:1px solid var(--line2);min-height:48px}.btn:disabled{opacity:.45;cursor:default}.pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:13px;font-weight:600}.progress-track{height:7px;border-radius:999px;background:#1d2822;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--green-soft))}.bnav{display:flex;border-top:1px solid #1e2922;background:#0f1613;padding:8px 8px max(14px,env(safe-area-inset-bottom))}.bnav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:48px;background:none;border:none;color:var(--ink3);font-family:var(--sans);font-size:11px;font-weight:600;cursor:pointer}.bnav button.on{color:var(--green)}.bnav button:focus-visible{outline:2px solid var(--green-soft);outline-offset:-2px;border-radius:10px}.rail-brand{display:none}@media(min-width:720px){.app{max-width:none;flex-direction:row-reverse}.screen{padding-top:40px}.screen>*{width:min(520px,100%);margin-left:auto!important;margin-right:auto!important}.bnav{flex-direction:column;justify-content:flex-start;gap:4px;width:220px;flex:none;border-top:none;border-right:1px solid #1e2922;padding:28px 14px}.bnav button{flex:none;flex-direction:row;justify-content:flex-start;gap:12px;padding:0 14px;min-height:46px;border-radius:12px;font-size:14px}.bnav button.on{background:var(--card2)}.rail-brand{display:flex;align-items:center;gap:10px;padding:6px 14px 22px}.rail-brand-suit{font-size:22px;color:var(--ink)}.rail-brand-name{font-size:18px;color:var(--ink)}}.table-oval{position:relative;height:220px;border-radius:120px;background:radial-gradient(ellipse at 50% 38%,#1d5c41,#123c2b 72%);border:6px solid #0b1b13;box-shadow:inset 0 0 40px #00000073}.seat{position:absolute;font-family:var(--mono);font-size:11px;color:#7fa893;background:#0f241a;border:1px solid #1e3a2c;border-radius:999px;padding:4px 10px;white-space:nowrap}.seat.folded{color:#7d8f84;background:#0e1b14;border-color:#182a1f;text-decoration:line-through}.seat.hero{color:var(--green-on);background:var(--green-soft);border-color:var(--green-soft);font-weight:700}.pot-label{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.pcard{position:relative;width:72px;height:100px;border-radius:9px;background:linear-gradient(155deg,#fff,#f0f1eb);border:1px solid #d9dcd3;box-shadow:0 6px 18px #00000059;color:var(--card-ink);flex:none}.pcard.red{color:var(--card-red)}.pcard .corner{position:absolute;top:5px;left:6px;display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1}.pcard .corner.flip{top:auto;left:auto;bottom:5px;right:6px;transform:rotate(180deg)}.pcard .corner .r{font-family:var(--mono);font-weight:600;font-size:18px}.pcard .corner .s{font-size:12px}.pcard .center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:34px}.verdict-banner{border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:12px;border:1px solid}.verdict-perfecta,.verdict-correcta{background:linear-gradient(160deg,#17352a,#10231b);border-color:var(--green)}.verdict-imprecision{background:#2a2416;border-color:#6b5a2e}.verdict-error,.verdict-blunder{background:#2a1a19;border-color:#6b3a38}.option-btn{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:14px;background:var(--card);border:1px solid var(--line2);color:var(--ink);font-family:var(--mono);font-size:16px;font-weight:600;cursor:pointer}.option-btn:focus-visible{outline:2px solid var(--green-soft);outline-offset:2px}.fade-in{animation:fadeIn .22s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.fade-in{animation:none}}a{color:var(--green)}.option-btn.opt-text{font-family:var(--sans);font-size:14.5px;line-height:1.3;padding:10px 12px;text-align:center}.option-btn:disabled{cursor:default}.option-btn.opt-correct{border-color:var(--green);background:#2eb57c29;color:var(--green-soft)}.option-btn.opt-wrong{border-color:var(--red);background:#d970701f;color:var(--red)}.option-btn.opt-dim{opacity:.5}.quiz-cards{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.quiz-hand-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);font-family:var(--mono);margin-bottom:6px;text-align:center}.card-text{font-family:var(--mono);font-weight:600;white-space:nowrap}.card-text .red{color:#ef8a8a}.concept p{margin:0 0 10px;font-size:14px;line-height:1.6;color:#c9d4cb}.concept p:last-child{margin-bottom:0}.concept ol{margin:8px 0 0;padding-left:20px;font-size:14px;line-height:1.6;color:#c9d4cb}.mastery-chip{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px;border:1px solid var(--line2);color:var(--ink3);flex:none}.mastery-chip.dominada{border-color:var(--gold);color:var(--gold)}.mastery-chip.practicando{border-color:var(--line2);color:var(--ink2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.paint-grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:2px;touch-action:none;user-select:none;-webkit-user-select:none}.paint-cell{aspect-ratio:1;min-width:0;padding:0;border-radius:4px;border:1px solid #1e2922;background:var(--card);color:var(--ink2);font-family:var(--mono);font-size:9px;font-weight:600;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;cursor:pointer}.paint-cell .paint-suf{font-size:7px;opacity:.7;pointer-events:none}.paint-cell:focus-visible{outline:2px solid var(--green-soft);outline-offset:1px}.paint-cell.painted,.paint-cell.hit{background:var(--green);color:var(--green-on);border-color:var(--green)}.paint-cell.missing{background:transparent;color:var(--gold);border:2px solid var(--gold)}.paint-cell.extra{background:#d9707040;color:#f0a0a0;border:2px solid var(--red)}.paint-cell.fold{opacity:.55}.paint-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:var(--ink2)}.paint-legend i{display:inline-block;width:12px;height:12px;aspect-ratio:auto;vertical-align:-2px;margin-right:4px}@media(min-width:720px){.paint-cell{font-size:11px}.paint-cell .paint-suf{font-size:8px}}.section-label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--ink3);margin-bottom:8px}.pill-perfect{background:#d9a94f24;border:1.5px solid var(--gold);color:var(--gold)}.notice-card{border-color:#6b5a2e;background:#1c1a12}.info-card{border-color:#2d3a5a;background:#121824}.celebrate-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;background:linear-gradient(160deg,#2a2416,#17140b);border:1px solid var(--gold);animation:celebrateIn .5s cubic-bezier(.2,.8,.2,1) both}.celebrate-card.celebrate-green{background:linear-gradient(160deg,#17352a,#10231b);border-color:var(--green)}.celebrate-badge{width:48px;height:48px;flex:none;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#d9a94f1f;border:1px solid rgba(217,169,79,.45);animation:badgeGlow 1.2s ease-out .25s 1 both}.celebrate-green .celebrate-badge{background:#2eb57c1f;border-color:#2eb57c73;animation-name:none}@keyframes celebrateIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}@keyframes badgeGlow{0%{box-shadow:0 0 #d9a94f80}to{box-shadow:0 0 0 14px #d9a94f00}}.sp-list{display:flex;flex-direction:column;gap:10px}.sp-row{display:flex;align-items:center;gap:10px;min-height:24px}.ach-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--gold);background:#d9a94f1a;color:var(--gold);font-size:12.5px;font-weight:600}.ach-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #1e2922}.ach-row:last-child{border-bottom:none}.ach-icon{width:34px;height:34px;flex:none;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line2);background:#111814}.ach-row.on .ach-icon{border-color:#d9a94f8c;background:#d9a94f1a}.ach-row.off .ach-name{color:var(--ink2)}.choice{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 14px;border-radius:14px;border:1px solid var(--line2);background:var(--card);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.choice[aria-checked=true]{border-color:var(--green);background:var(--card2)}.choice:focus-visible,.chip-btn:focus-visible,.link-btn:focus-visible,.help-line:focus-visible,.step-btn:focus-visible{outline:2px solid var(--green-soft);outline-offset:2px}.choice-dot{width:18px;height:18px;flex:none;border-radius:999px;border:2px solid var(--line2);display:inline-flex;align-items:center;justify-content:center}.choice[aria-checked=true] .choice-dot{border-color:var(--green)}.choice[aria-checked=true] .choice-dot:after{content:"";width:8px;height:8px;border-radius:999px;background:var(--green)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-btn{min-height:44px;padding:0 14px;border-radius:12px;cursor:pointer;border:1px solid var(--line2);background:transparent;color:var(--ink2);font-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums}.chip-btn[aria-checked=true],.chip-btn[aria-pressed=true]{border-color:var(--green);background:var(--card2);color:var(--green-soft)}.chip-btn:disabled{opacity:.45;cursor:default}.link-btn{background:none;border:none;padding:0;min-height:44px;cursor:pointer;color:var(--green-soft);font-family:inherit;font-size:13px;font-weight:600;text-align:left}.link-btn:disabled{color:var(--ink3);cursor:default}.step-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--line2);background:transparent;color:var(--ink);font-family:var(--mono);font-size:18px;cursor:pointer}.step-btn:disabled{opacity:.4;cursor:default}.help-lines{display:flex;flex-direction:column}.help-lines-title{font-size:12px;font-weight:700;color:var(--ink2);margin-bottom:2px}.help-line{display:flex;align-items:center;gap:10px;min-height:48px;padding:4px 0;border-bottom:1px solid #1e2922;text-decoration:none}.help-line:last-child{border-bottom:none}.week-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.week-stat{display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:12px;background:#111814;border:1px solid var(--line)}@media(prefers-reduced-motion:reduce){.celebrate-card,.celebrate-badge{animation:none}}.nav-row{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 12px;background:none;border:none;border-bottom:1px solid #1e2922;color:inherit;font:inherit;text-align:left;cursor:pointer}.nav-row:last-child{border-bottom:none}.nav-row:focus-visible{outline:2px solid var(--green-soft);outline-offset:-2px;border-radius:10px}.spinner{display:inline-block;flex:none;border-radius:999px;border:2px solid rgba(233,239,233,.25);border-top-color:currentColor;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.update-banner{position:fixed;top:0;left:0;right:0;z-index:60;min-height:64px;display:flex;align-items:center;gap:10px;padding:max(8px,env(safe-area-inset-top)) 14px 8px;background:#1c1a12;border-bottom:1px solid #6b5a2e;font-size:13px;line-height:1.4}.has-update-banner .app{padding-top:72px}.update-banner .btn{width:auto;min-height:44px;padding:0 14px;font-size:13.5px;flex:none}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}