:root{--bg: #0d1117;--surface: #161b22;--surface2: #1c2129;--border: #30363d;--text: #e6edf3;--muted: #9da7b3;--green: #7ee787;--blue: #79c0ff;--purple: #d2a8ff;--orange: #ffa657;--red: #ff7b72;--gold: #e3b341;--cyan: #56d4dd;--pink: #f778ba;--radius: 14px;--font-size-scale: 1;--line-height: 1.6;--letter-spacing: 0em;--font-body: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, "Courier New", monospace;--glow-green: 0 0 18px rgba(126, 231, 135, .35);--glow-gold: 0 0 22px rgba(227, 179, 65, .4);--glow-blue: 0 0 18px rgba(121, 192, 255, .3);--glow-red: 0 0 18px rgba(255, 123, 114, .35)}[data-theme=light]{--bg: #f6f8fa;--surface: #ffffff;--surface2: #f0f3f6;--border: #d0d7de;--text: #1f2328;--muted: #59636e;--glow-green: 0 0 18px rgba(46, 160, 67, .25);--glow-gold: 0 0 22px rgba(187, 128, 9, .3);--glow-blue: 0 0 18px rgba(9, 105, 218, .2);--glow-red: 0 0 18px rgba(207, 34, 46, .25)}[data-contrast=high]{--text: #ffffff;--muted: #c9d1d9;--border: #8b949e;--bg: #000000;--surface: #0a0c10;--surface2: #101318;--green: #3fb950;--blue: #58a6ff;--red: #f85149;--gold: #e3b341}[data-contrast=high][data-theme=light]{--text: #000000;--muted: #1f2328;--bg: #ffffff;--surface: #ffffff;--surface2: #eaeef2}[data-font=atkinson]{--font-body: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif}[data-font=dyslexic]{--font-body: "OpenDyslexic", "Segoe UI", system-ui, sans-serif;--line-height: 1.9}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:calc(16px * var(--font-size-scale));line-height:var(--line-height);letter-spacing:var(--letter-spacing);-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(126,231,135,.08),transparent),radial-gradient(ellipse 60% 40% at 90% 0%,rgba(121,192,255,.07),transparent),radial-gradient(ellipse 50% 40% at 50% 110%,rgba(210,168,255,.05),transparent);background-attachment:fixed}#app{min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:980px;margin:0 auto;padding:1.2rem 1.2rem 4rem}main>*{animation:fade-up .28s ease both}[data-focus=on] .app-header{display:none}[data-focus=on] main{max-width:720px}button{font-family:inherit;font-size:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:4px}.app-header{position:sticky;top:0;z-index:100;display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;padding:.6rem 1.2rem;background:color-mix(in srgb,var(--surface) 72%,transparent);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);box-shadow:0 4px 24px #00000040}.logo{font-weight:800;font-size:1.15rem;text-decoration:none;white-space:nowrap;background:linear-gradient(90deg,var(--green),var(--cyan),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 8px rgba(126,231,135,.25))}.header-stats{display:flex;align-items:center;gap:.8rem;flex:1;min-width:260px}.h-level{display:flex;align-items:center;gap:.4rem;background:var(--surface2);border:1px solid var(--border);border-radius:999px;padding:.25rem .7rem;transition:border-color .3s ease,box-shadow .3s ease}.h-level.elite{border-color:var(--gold);box-shadow:var(--glow-gold)}.h-level-icon{font-size:1.2rem}.h-level-name{font-size:.78rem;font-weight:700;line-height:1.1}.h-level-num{font-size:.7rem;color:var(--muted);line-height:1.1}.h-xp{flex:1;min-width:120px}.h-xp-bar{height:8px;background:var(--surface2);border:1px solid var(--border);border-radius:999px;overflow:hidden}.h-xp-fill{position:relative;height:100%;background:linear-gradient(90deg,var(--green),var(--cyan),var(--green));background-size:200% 100%;transition:width .6s cubic-bezier(.22,1,.36,1);animation:shimmer 3s linear infinite}.h-xp-label{font-size:.68rem;color:var(--muted);margin-top:2px;font-variant-numeric:tabular-nums}.h-streak{background:var(--surface2);border:1px solid var(--border);border-radius:999px;padding:.3rem .6rem;font-size:.85rem;font-weight:700;transition:all .3s ease}.h-streak.hot{border-color:var(--orange);color:var(--orange);box-shadow:0 0 14px #ffa65759;animation:flame-flicker 1.6s infinite}.h-streak.at-risk{border-color:var(--red);color:var(--red);animation:pulse-soft 1.2s infinite}.h-shield{background:color-mix(in srgb,var(--cyan) 12%,var(--surface2));border:1px solid var(--cyan);border-radius:999px;padding:.3rem .6rem;font-size:.85rem;font-weight:700;color:var(--cyan)}.h-boost{background:color-mix(in srgb,var(--gold) 14%,var(--surface2));border:1px solid var(--gold);border-radius:999px;padding:.3rem .7rem;font-size:.82rem;font-weight:700;color:var(--gold);white-space:nowrap;transition:all .25s ease}.h-boost:hover:not(:disabled){box-shadow:var(--glow-gold);transform:scale(1.05)}.h-boost.active{animation:glow-pulse-gold 1.4s infinite}.h-quest{display:flex;align-items:center;gap:.4rem;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:.3rem .7rem;min-width:180px}.h-quest.done{border-color:var(--gold);box-shadow:var(--glow-gold)}.h-quest-icon{font-size:1.1rem}.h-quest-title{font-size:.72rem;font-weight:600;white-space:nowrap}.h-quest-bar{height:4px;background:var(--border);border-radius:999px;overflow:hidden;margin-top:2px}.h-quest-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--orange));transition:width .5s ease}.h-nav{display:flex;flex-wrap:wrap;gap:.35rem}.streak-risk{width:100%;text-align:center;font-size:.82rem;font-weight:700;color:var(--red);background:color-mix(in srgb,var(--red) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--red) 40%,transparent);border-radius:999px;padding:.3rem 1rem;animation:pulse-soft 2s infinite}.btn{cursor:pointer;border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:10px;padding:.5rem .9rem;font-weight:600;transition:transform .1s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.btn:hover:not(:disabled){border-color:var(--blue);box-shadow:var(--glow-blue)}.btn:active:not(:disabled){transform:translateY(1px) scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#238636,#2ea043);border-color:#238636;color:#fff;box-shadow:0 2px 12px #2ea04359}.btn-primary:hover:not(:disabled){border-color:#3fb950;box-shadow:0 4px 20px #3fb95080}.btn-big{font-size:1.05rem;padding:.8rem 1.4rem;width:100%}.btn-ghost{background:transparent}.btn-nav{padding:.4rem .6rem;font-size:.82rem}.btn-small{font-size:.8rem;padding:.3rem .6rem}.btn-danger{background:#a40e26;border-color:#a40e26;color:#fff}.toggle{min-width:74px}.toggle.on{background:var(--green);border-color:var(--green);color:#0d1117;box-shadow:var(--glow-green)}.card{background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem;box-shadow:0 2px 10px #00000026;transition:transform .2s ease,box-shadow .25s ease,border-color .25s ease}.card-title{margin:0 0 .5rem;font-size:1.02rem}.card-sub{color:var(--muted);font-size:.85rem;margin-top:.4rem}.card-hint{color:var(--muted);font-size:.8rem;margin-top:.5rem}.dash-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.section-title{font-size:1.15rem;margin:1.6rem 0 .8rem}.progress{height:10px;background:var(--surface2);border:1px solid var(--border);border-radius:999px;overflow:hidden}.progress-fill{position:relative;height:100%;background:linear-gradient(90deg,var(--green),var(--cyan),var(--green));background-size:200% 100%;transition:width .6s cubic-bezier(.22,1,.36,1);animation:shimmer 3s linear infinite}.hero{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;background:linear-gradient(135deg,var(--surface),var(--surface2));border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;box-shadow:0 4px 24px #0003,inset 0 1px #ffffff0a}.hero-level-icon{font-size:3.2rem;filter:drop-shadow(0 0 12px rgba(255,255,255,.12));animation:float-slow 4s ease-in-out infinite}.hero-title{margin:0;font-size:1.4rem;background:linear-gradient(90deg,var(--text),var(--green));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{margin:.3rem 0 0;color:var(--muted)}.hero-stats{display:flex;gap:1rem;margin-left:auto;flex-wrap:wrap}.hero-stat{text-align:center;min-width:84px}.hero-stat.hot .hero-stat-value{color:var(--orange);text-shadow:0 0 12px rgba(255,166,87,.4)}.hero-stat-value{font-weight:800;font-size:1.05rem}.hero-stat-label{font-size:.7rem;color:var(--muted)}.cta-continue{margin-top:1rem}.boost-cta{background:linear-gradient(135deg,#9e6a03,#d29922)!important;border-color:#d29922!important;animation:glow-pulse-gold 1.8s infinite}.card-boost{border:1px solid var(--gold);background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 12%,var(--surface)),var(--surface));box-shadow:var(--glow-gold);text-align:left;animation:glow-pulse-gold 2.4s infinite}.boost-card-lesson{font-weight:800;font-size:1.05rem;color:var(--gold)}.card-focusboost{border:1px solid var(--cyan);background:linear-gradient(135deg,color-mix(in srgb,var(--cyan) 10%,var(--surface)),var(--surface));margin-bottom:1rem}.fb-head{display:flex;align-items:center;gap:.5rem}.fb-icon{font-size:1.4rem}.fb-title{font-weight:800;font-size:1.05rem;color:var(--cyan)}.streak-risk-card{border-color:var(--red);color:var(--red);font-weight:600;margin-bottom:1rem;animation:pulse-soft 2.4s infinite}.module-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1rem}.module-card{text-align:left;display:flex;flex-direction:column;gap:.4rem;padding:1rem;background:var(--surface);border-top:4px solid var(--accent, var(--blue));transition:transform .2s ease,box-shadow .25s ease}.module-card:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 28px #0000004d,0 0 20px color-mix(in srgb,var(--accent, var(--blue)) 25%,transparent);border-color:var(--accent, var(--blue))}.module-card-head{display:flex;justify-content:space-between;align-items:center}.module-card-icon{font-size:1.8rem}.module-card-pct{font-weight:800;color:var(--accent, var(--blue))}.module-card-title{font-weight:800;font-size:1.02rem}.module-card-sub{color:var(--muted);font-size:.8rem;min-height:2.6em}.progress-module{height:7px}.progress-module .progress-fill{background:var(--accent, var(--blue))}.module-card-meta{color:var(--muted);font-size:.75rem}.module-head{background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--accent, var(--blue));border-radius:var(--radius);padding:1.2rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:0 4px 20px #0003}.module-head-icon{font-size:2.6rem}.module-head-title{margin:0;font-size:1.4rem}.module-head-sub{margin:.2rem 0 0;color:var(--muted)}.module-head-meta{color:var(--muted);font-size:.8rem}.lesson-list{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.lesson-row{display:flex;align-items:center;gap:.8rem;text-align:left;padding:.8rem 1rem;background:var(--surface);width:100%;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.lesson-row:hover:not(:disabled){transform:translate(3px);box-shadow:0 4px 16px #0003}.lesson-row.lesson-open{border-left:4px solid var(--green)}.lesson-row.lesson-done{border-left:4px solid var(--blue);opacity:.75}.lesson-row.lesson-locked{opacity:.5}.lesson-row.lesson-boost{border:1px solid var(--gold);border-left:4px solid var(--gold);background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 8%,var(--surface)),var(--surface));box-shadow:var(--glow-gold);animation:glow-pulse-gold 2.6s infinite}.lesson-boost-tag{font-size:.72rem;font-weight:700;color:var(--gold);border:1px solid var(--gold);border-radius:999px;padding:.1rem .5rem;white-space:nowrap}.lesson-num{font-weight:800;color:var(--muted);font-family:var(--font-mono)}.lesson-title-cell{flex:1;font-weight:600}.lesson-meta-cell{color:var(--muted);font-size:.8rem}.lesson-status{font-size:1rem}.lesson-hint{flex:1;text-align:right;color:var(--muted);font-size:.8rem}.card-module-badge{display:flex;align-items:center;gap:1rem;margin-top:1rem}.card-module-badge.earned{border-color:var(--gold);box-shadow:var(--glow-gold)}.badge-big{font-size:2.4rem}.badge-big-name{font-weight:800}.badge-big-desc,.badge-big-hint{color:var(--muted);font-size:.85rem}.lesson-head{margin-bottom:.8rem}.lesson-title{margin:.5rem 0 .4rem;font-size:1.45rem;background:linear-gradient(90deg,var(--text),color-mix(in srgb,var(--text) 60%,var(--blue)));-webkit-background-clip:text;background-clip:text;color:transparent}.lesson-meta{display:flex;gap:.5rem;flex-wrap:wrap}.chip{display:inline-block;background:var(--surface2);border:1px solid var(--border);border-radius:999px;padding:.15rem .6rem;font-size:.75rem;color:var(--muted)}.chip-time{color:var(--blue)}.chip-xp{color:var(--gold)}.chip-boost{color:var(--gold);border-color:var(--gold);font-weight:700;animation:glow-pulse-gold 1.8s infinite}.chip-done{color:var(--green)}.boost-banner{text-align:center;font-weight:800;color:var(--gold);background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 10%,var(--surface)),color-mix(in srgb,var(--gold) 18%,var(--surface)),color-mix(in srgb,var(--gold) 10%,var(--surface)));border:1px solid var(--gold);border-radius:999px;padding:.5rem 1rem;margin-bottom:.8rem;box-shadow:var(--glow-gold);animation:glow-pulse-gold 2s infinite}.lesson-progress{height:6px;background:var(--surface2);border:1px solid var(--border);border-radius:999px;overflow:hidden;margin:.6rem 0 .3rem}.lesson-progress-bar{height:100%;background:linear-gradient(90deg,var(--green),var(--cyan),var(--green));background-size:200% 100%;transition:width .5s cubic-bezier(.22,1,.36,1);animation:shimmer 2.5s linear infinite}.lesson-counter{font-size:.75rem;color:var(--muted)}.combo-meter{min-height:1.4rem;font-weight:800;font-size:.9rem;color:var(--orange);margin:.2rem 0}.combo-meter.hot{text-shadow:0 0 12px rgba(255,166,87,.6);animation:flame-flicker 1.2s infinite}.lesson-body{margin:1rem 0}.lesson-foot{display:flex;gap:.8rem;align-items:center;justify-content:flex-end;margin-top:1.4rem}.btn-next{min-width:220px;transition:transform .15s ease,box-shadow .25s ease}.btn-next:not(:disabled):hover{transform:scale(1.03)}.sec{background:color-mix(in srgb,var(--surface) 95%,transparent);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem;margin-bottom:1rem;box-shadow:0 2px 10px #0000001f;animation:fade-up .25s ease both}.sec-goal{display:flex;gap:.7rem;align-items:flex-start;border-left:4px solid var(--green);background:color-mix(in srgb,var(--green) 7%,var(--surface))}.goal-icon{font-size:1.3rem}.goal-text{font-weight:600}.sec-p{margin:0 0 .6rem}.sec-list{margin:.3rem 0 .6rem;padding-left:1.4rem}.sec-list li{margin-bottom:.35rem}.sec-aside{display:flex;gap:.6rem;align-items:flex-start;border-radius:10px;padding:.7rem .9rem;margin:.6rem 0;border:1px solid var(--border)}.aside-icon{font-size:1.1rem;flex-shrink:0}.sec-warning{border-left:4px solid var(--red);background:color-mix(in srgb,var(--red) 8%,var(--surface))}.sec-info{border-left:4px solid var(--blue);background:color-mix(in srgb,var(--blue) 8%,var(--surface))}.sec-example{border-left:4px solid var(--purple);background:color-mix(in srgb,var(--purple) 8%,var(--surface))}.sec-summary{border:2px solid var(--gold);background:color-mix(in srgb,var(--gold) 6%,var(--surface));box-shadow:var(--glow-gold)}.summary-head{font-weight:800;margin-bottom:.5rem}.sec-code{padding:0;overflow:hidden}.code-head{display:flex;align-items:center;gap:.6rem;padding:.5rem .9rem;background:var(--surface2);border-bottom:1px solid var(--border)}.code-lang{font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--green);border:1px solid var(--border);border-radius:6px;padding:.1rem .4rem}.code-caption{font-size:.82rem;color:var(--muted)}.code-pre{margin:0;padding:.8rem 1rem;overflow-x:auto;background:color-mix(in srgb,var(--bg) 60%,var(--surface))}.code-body{font-family:var(--font-mono);font-size:.86rem;line-height:1.55;white-space:pre}.tok-comment{color:var(--muted);font-style:italic}.tok-string{color:var(--green)}.tok-keyword{color:var(--purple);font-weight:700}.tok-builtin{color:var(--cyan)}.tok-number,.tok-var{color:var(--orange)}.tok-command{color:var(--blue);font-weight:600}.tok-flag{color:var(--pink)}.tok-ident{color:var(--text)}.code-expl{margin:0;padding:.7rem 1rem;border-top:1px solid var(--border);background:var(--surface2)}.code-expl-line{margin-bottom:.3rem;font-size:.85rem}.code-expl-num{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);margin-right:.5rem}.builder-head{display:flex;align-items:center;gap:.6rem}.builder-icon{font-size:1.4rem}.builder-title{margin:0;font-size:1.05rem}.builder-preview{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;background:color-mix(in srgb,var(--bg) 70%,var(--surface));border:1px dashed var(--border);border-radius:10px;padding:.6rem .8rem;margin:.7rem 0}.builder-preview-label{font-size:.75rem;color:var(--muted)}.builder-preview-line{display:flex;flex-wrap:wrap;gap:.3rem;font-family:var(--font-mono);flex:1}.token{border-radius:6px;padding:.15rem .45rem;font-size:.85rem;font-family:var(--font-mono);animation:pop-in .25s ease both}.token-base{background:var(--surface2);border:1px solid var(--border);color:var(--muted)}.token-chosen{background:color-mix(in srgb,var(--green) 18%,var(--surface));border:1px solid var(--green);color:var(--green)}.token-empty{color:var(--muted);font-size:.8rem}.builder-slot{border:1px solid var(--border);border-radius:10px;padding:.7rem .9rem;margin-bottom:.7rem;background:var(--surface2)}.builder-slot-q{font-weight:600;font-size:.9rem;margin-bottom:.5rem}.builder-options{display:flex;flex-wrap:wrap;gap:.5rem}.btn-option{font-family:var(--font-mono);font-size:.88rem;padding:.45rem .8rem;background:var(--surface);text-align:left}.btn-option.correct{background:color-mix(in srgb,var(--green) 20%,var(--surface));border-color:var(--green);color:var(--green);cursor:default;box-shadow:var(--glow-green);animation:pop-correct .35s ease}.btn-option.wrong{border-color:var(--red);color:var(--red);box-shadow:var(--glow-red)}.sec.solved{border-color:var(--green);box-shadow:var(--glow-green)}.task-success{display:flex;gap:.6rem;align-items:flex-start;border-radius:10px;padding:.7rem .9rem;margin:.6rem 0;border:1px solid var(--green);background:color-mix(in srgb,var(--green) 10%,var(--surface));animation:pop-in .3s ease both}.task-success-icon{font-size:1.2rem}.task-success-text{font-weight:600}.try-again{color:var(--orange);font-size:.85rem;margin-top:.5rem}.builder-hint{margin-top:.5rem}.quiz-q{font-weight:700;font-size:1.02rem;margin-bottom:.8rem}.quiz-options{display:flex;flex-direction:column;gap:.5rem}.quiz-options .btn-option{font-family:inherit;text-align:left}.quiz-explain{display:flex;gap:.6rem;align-items:flex-start;border-radius:10px;padding:.7rem .9rem;margin:.7rem 0 0;border:1px solid var(--blue);background:color-mix(in srgb,var(--blue) 9%,var(--surface));animation:pop-in .3s ease both}.quiz-explain-icon{font-size:1.1rem}.quiz-consolation{color:var(--green);font-size:.85rem;margin-top:.6rem}.order-head{font-weight:700;font-size:1.02rem;margin-bottom:.3rem}.order-label{font-size:.78rem;color:var(--muted);margin:.7rem 0 .3rem}.order-answer{display:flex;flex-wrap:wrap;gap:.4rem;min-height:42px;border:1px dashed var(--border);border-radius:10px;padding:.5rem;background:color-mix(in srgb,var(--bg) 70%,var(--surface))}.order-answer.correct{border-color:var(--green);background:color-mix(in srgb,var(--green) 8%,var(--surface));box-shadow:var(--glow-green)}.order-empty{color:var(--muted);font-size:.8rem;align-self:center}.order-pool{display:flex;flex-wrap:wrap;gap:.4rem}.chip{border:1px solid var(--border);border-radius:8px;padding:.3rem .6rem;font-family:var(--font-mono);font-size:.85rem;cursor:pointer;background:var(--surface2);color:var(--text);transition:transform .12s ease,border-color .15s ease,box-shadow .15s ease}.chip:hover{border-color:var(--blue);transform:translateY(-1px);box-shadow:var(--glow-blue)}.chip-answer{background:color-mix(in srgb,var(--blue) 15%,var(--surface));border-color:var(--blue);animation:pop-in .2s ease both}.lesson-done{text-align:center;background:var(--surface);border:2px solid var(--gold);border-radius:var(--radius);padding:2rem 1.4rem;margin-top:1rem;box-shadow:var(--glow-gold);animation:pop-in .4s cubic-bezier(.34,1.56,.64,1) both}.done-icon{font-size:3.4rem;animation:float-slow 3s ease-in-out infinite}.done-title{margin:.5rem 0;font-size:1.5rem}.done-xp{font-size:1.2rem;font-weight:800;color:var(--gold);text-shadow:0 0 16px rgba(227,179,65,.4)}.done-perfect{color:var(--cyan);font-weight:700;margin-top:.4rem}.done-record{color:var(--green);font-weight:800;margin-top:.4rem;animation:glow-pulse-green 1.6s infinite}.done-quest{color:var(--muted);font-size:.85rem;margin-top:.6rem}.chest-box{margin:1.2rem auto 0;max-width:320px;border:1px dashed var(--gold);border-radius:var(--radius);padding:1rem;background:color-mix(in srgb,var(--gold) 5%,var(--surface))}.chest-label{font-weight:700;color:var(--gold);margin-bottom:.6rem}.chest-chest{font-size:3rem;background:transparent;border:none;padding:.3rem 1rem;cursor:pointer;animation:chest-wiggle 1.8s ease-in-out infinite;filter:drop-shadow(0 0 14px rgba(227,179,65,.5))}.chest-chest:hover{transform:scale(1.15)}.chest-chest.chest-open{animation:chest-open .6s cubic-bezier(.34,1.56,.64,1) both;filter:drop-shadow(0 0 22px rgba(227,179,65,.9))}.chest-result{min-height:2.2rem;margin-top:.5rem}.chest-reward{font-weight:800;font-size:1.1rem;animation:pop-in .4s cubic-bezier(.34,1.56,.64,1) both}.chest-xp,.chest-jackpot{color:var(--gold);text-shadow:0 0 14px rgba(227,179,65,.6)}.chest-jackpot{font-size:1.3rem;animation:glow-pulse-gold 1s infinite}.chest-shield{color:var(--cyan)}.chest-fire{color:var(--orange)}.done-actions{display:flex;flex-direction:column;gap:.6rem;align-items:center;margin-top:1.2rem}.done-nudge{color:var(--muted);font-size:.8rem}.page-title{font-size:1.4rem;margin:.4rem 0 1rem}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem;margin-bottom:1rem}.badge-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;text-align:center;opacity:.55;transition:transform .2s ease}.badge-card:hover{transform:translateY(-2px)}.badge-card.earned{opacity:1;border-color:var(--gold);background:color-mix(in srgb,var(--gold) 6%,var(--surface));box-shadow:var(--glow-gold)}.badge-icon{font-size:2rem}.badge-name{font-weight:800;margin-top:.3rem}.badge-desc{font-size:.78rem;color:var(--muted);margin-top:.2rem}.badge-when{font-size:.72rem;color:var(--gold);margin-top:.4rem;font-weight:600}.progress-badge{height:6px;margin-top:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.8rem;margin-bottom:1.4rem}.stat-card{text-align:center;transition:transform .2s ease,box-shadow .25s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.stat-value{font-size:1.3rem;font-weight:800}.stat-label{font-size:.75rem;color:var(--muted)}.record-card{border-color:color-mix(in srgb,var(--green) 50%,var(--border))}.xp-chart{display:flex;align-items:flex-end;gap:.4rem;height:150px;margin:.8rem 0 1.4rem}.xp-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.xp-chart-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.xp-chart-bar{width:70%;background:var(--surface2);border:1px solid var(--border);border-radius:6px 6px 0 0;min-height:4px;transition:height .6s ease}.xp-chart-bar.has-xp{background:linear-gradient(180deg,var(--green),var(--cyan));border-color:var(--green);box-shadow:0 0 8px #7ee7874d}.xp-chart-label{font-size:.65rem;color:var(--muted);margin-top:.3rem}.cheatsheet-search{width:100%;padding:.7rem 1rem;font-size:1rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);margin-bottom:1rem;transition:border-color .2s ease,box-shadow .2s ease}.cheatsheet-search:focus{outline:none;border-color:var(--blue);box-shadow:var(--glow-blue)}.cheatsheet-list{display:flex;flex-direction:column;gap:.8rem}.cheatsheet-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.cheatsheet-code{margin:0;padding:.7rem 1rem;overflow-x:auto;background:color-mix(in srgb,var(--bg) 60%,var(--surface))}.cheatsheet-code code{font-family:var(--font-mono);font-size:.85rem}.cheatsheet-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 1rem;border-top:1px solid var(--border)}.cheatsheet-caption{font-size:.8rem;color:var(--muted)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--border)}.setting-row:last-child{border-bottom:none}.setting-label{font-size:.92rem}.setting-select{background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.4rem .6rem;font-size:.9rem;max-width:60%}.toast-stack{position:fixed;left:1rem;bottom:1rem;z-index:9998;display:flex;flex-direction:column;gap:.5rem;max-width:340px}.toast{background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px);border:1px solid var(--border);border-left:4px solid var(--blue);border-radius:10px;padding:.7rem 1rem;font-size:.9rem;font-weight:600;box-shadow:0 6px 24px #0006;animation:toast-in .3s cubic-bezier(.22,1,.36,1)}.toast-xp{border-left-color:var(--gold);box-shadow:0 6px 24px #0006,var(--glow-gold)}.toast-badge{border-left-color:var(--gold)}.toast-quest{border-left-color:var(--purple)}.toast-level{border-left-color:var(--green);box-shadow:0 6px 24px #0006,var(--glow-green)}.toast-combo{border-left-color:var(--red);box-shadow:0 6px 24px #0006,var(--glow-red)}.toast-boost{border-left-color:var(--gold);box-shadow:0 6px 24px #0006,var(--glow-gold);animation:toast-in .3s cubic-bezier(.22,1,.36,1),glow-pulse-gold 1.4s infinite}.toast-out{opacity:0;transform:translateY(8px);transition:all .35s ease}.modal-overlay{position:fixed;inset:0;z-index:9997;background:#000000a6;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fade-in .25s ease}.modal{background:var(--surface);border:2px solid var(--gold);border-radius:var(--radius);padding:2rem;text-align:center;max-width:420px;width:100%;box-shadow:0 0 60px #e3b34159;animation:pop-in .45s cubic-bezier(.34,1.56,.64,1) both}.modal-icon{font-size:3.2rem;animation:float-slow 2.5s ease-in-out infinite}.modal-title{margin:.5rem 0 .2rem;font-size:1.5rem;background:linear-gradient(90deg,var(--gold),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}.modal-text{color:var(--muted);margin-bottom:1.2rem}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.shake{animation:shake .4s ease}@keyframes pop-in{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pop-correct{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:0% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}@keyframes flame-flicker{0%,to{opacity:1;transform:scale(1)}25%{opacity:.85;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}75%{opacity:.9;transform:scale(.99)}}@keyframes glow-pulse-gold{0%,to{box-shadow:0 0 10px #e3b34140}50%{box-shadow:0 0 26px #e3b3418c}}@keyframes glow-pulse-green{0%,to{text-shadow:0 0 6px rgba(126,231,135,.3)}50%{text-shadow:0 0 18px rgba(126,231,135,.7)}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes chest-wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes chest-open{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.25) rotate(-8deg)}60%{transform:scale(.9) rotate(6deg)}to{transform:scale(1.1) rotate(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.flash{animation:toast-in .3s ease}[data-motion=reduced] *,[data-motion=reduced] *:before,[data-motion=reduced] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:720px){.dash-row{grid-template-columns:1fr}.hero-stats{margin-left:0;width:100%}.header-stats{min-width:100%}.h-quest{min-width:140px}}.empty{color:var(--muted);text-align:center;padding:2rem}