:root{--bg:#0b1020;--surface:#131a33;--surface2:#1a2347;--text:#e8ecff;--muted:#9aa6d6;--accent:#6c8cff;--gold:#ffd166;--good:#3ddc97;--bad:#ff6b6b;--border:#ffffff17;--radius:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(1200px 600px at 50% -200px, #1b2860 0%, var(--bg) 60%) fixed;color:var(--text);min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}h1,h2,h3{margin:0;line-height:1.25}h1{font-size:clamp(1.5rem,5vw,2rem)}h2{margin-bottom:.7rem;font-size:1.25rem}h3{font-size:1.05rem}p{margin:.5rem 0 0}.muted{color:var(--muted);font-size:.9rem}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.container{max-width:860px;margin:0 auto;padding:16px 16px 72px}.stack{gap:14px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.end{justify-content:flex-end}.row.center{justify-content:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.hero{border:1px solid var(--border);background:linear-gradient(135deg,#22307a,#131a33 70%);border-radius:20px;padding:20px}.btn{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:10px 16px;font-weight:600;transition:transform .1s,background .15s}.btn:hover:not(:disabled){background:#243063}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{background:var(--accent);color:#0b1020;border-color:#0000}.btn.primary:hover:not(:disabled){background:#829dff}.btn.ghost{background:0 0}.btn.danger{color:var(--bad)}.btn.big{width:100%;padding:14px;font-size:1.05rem}.btn.small{padding:6px 12px;font-size:.9rem}.speak{background:var(--surface2);border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:.9rem;font-weight:600;display:inline-flex}.speak.compact{padding:7px 10px}.speak.on{background:var(--gold);color:#0b1020;animation:1.2s ease-in-out infinite pulse}.icon-btn{border:1px solid var(--border);background:0 0;border-radius:12px;width:40px;height:40px;font-size:1.1rem}.hud{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0b1020e0;align-items:center;gap:10px;padding:10px 14px;display:flex;position:sticky;top:0}.brand{background:0 0;border:0;align-items:center;gap:6px;padding:4px;font-size:1.05rem;font-weight:700;display:flex}.level{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.lvl-badge{background:linear-gradient(135deg, var(--gold), #ff9f43);color:#2b1a00;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.lvl-main{flex:1;min-width:0}.lvl-title{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.bar{background:#ffffff1a;border-radius:99px;height:8px;overflow:hidden}.fill{background:linear-gradient(90deg, var(--accent), var(--gold));border-radius:99px;height:100%;transition:width .5s}.xp{color:var(--gold);white-space:nowrap;font-size:.8rem;font-weight:700}.streak{white-space:nowrap;font-weight:700}@media (width<=480px){.brand-text{display:none}}.settings{gap:14px;width:min(340px,100vw - 20px);display:grid;position:absolute;top:calc(100% + 6px);right:10px;box-shadow:0 20px 50px #00000080}.check{align-items:center;gap:10px;display:flex}.check input{width:20px;height:20px;accent-color:var(--accent)}.select{gap:4px;display:grid}select{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:8px}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.exp-card{text-align:left;background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--c);border-radius:var(--radius);gap:4px;padding:16px;transition:transform .15s,border-color .15s;display:grid}.exp-card:hover{border-color:var(--c);transform:translateY(-3px)}.exp-icon{font-size:2rem}.exp-card-title{font-size:1.1rem;font-weight:700}.exp-tag{color:var(--muted);font-size:.9rem}.stars{color:var(--gold);letter-spacing:2px;font-size:1.1rem}.badges{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.badge{text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);opacity:.55;justify-items:center;gap:2px;padding:12px 8px;display:grid}.badge.got{opacity:1;border-style:solid;border-color:var(--gold);background:linear-gradient(160deg, #2a2a55, var(--surface))}.badge-icon{font-size:1.8rem}.badge small{color:var(--muted);font-size:.78rem}.exp{gap:14px;display:grid}.exp-head{justify-content:space-between;align-items:center;display:flex}.exp-title{border-left:6px solid var(--c);padding-left:12px}.notice{border:1px solid var(--bad);background:#ff6b6b1f;border-radius:12px;padding:8px 12px}.tabs{background:var(--surface);border:1px solid var(--border);z-index:10;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;display:grid;position:sticky;top:62px}.tabs button{background:0 0;border:0;border-radius:10px;padding:10px 6px;font-weight:600}.tabs button.on{background:var(--c);color:#0b1020}.tick{font-style:normal;font-weight:800}.formula-box{border:1px solid var(--c);text-align:center;background:#0e1631;border-radius:12px;margin-top:10px;padding:16px;font-family:Cambria Math,STIX Two Math,Georgia,serif;font-size:clamp(1.2rem,5vw,1.7rem)}.fact{border-color:#ffd16666}.challenge{border-color:#6c8cff80}.challenge.solved{border-color:var(--good);background:#3ddc9714}.hint-row{margin-top:10px}.hint{color:var(--gold)}.lab{gap:12px;display:grid}.stage{border:1px solid var(--border);border-radius:var(--radius);background:#0e1631;overflow:hidden}canvas{touch-action:pan-y;width:100%;height:320px;display:block}canvas.tall{height:360px}canvas.xtall{height:420px}.tiles{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.tile{background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:2px;padding:10px 12px;display:grid}.tile span{color:var(--muted);font-size:.78rem}.tile b{font-variant-numeric:tabular-nums;font-size:1.1rem}.tile.accent{border-color:var(--good)}.status{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:12px;margin:0;padding:10px 14px;font-weight:600}.status.good{border-color:var(--good);color:var(--good);background:#3ddc9726}.controls{gap:16px;display:grid}.slider{gap:6px;display:grid}.slider-row{justify-content:space-between;gap:10px;display:flex}.slider-row b{color:var(--gold);font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:32px;accent-color:var(--accent);margin:0}.field{gap:8px;display:grid}.field-label{color:var(--muted);font-size:.9rem}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface2);border:1px solid var(--border);border-radius:999px;padding:8px 14px;font-weight:600}.chip.on{background:var(--accent);color:#0b1020;border-color:#0000}.quiz-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.dots{flex:1;justify-content:center;gap:6px;display:flex}.dots i{background:#ffffff26;border-radius:99px;width:28px;height:6px}.dots i.on{background:var(--accent)}.question{margin:16px 0 12px;font-size:1.2rem}.options{gap:10px;display:grid}.option{text-align:left;background:var(--surface2);border:2px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:14px;font-weight:500;display:flex}.option b{background:#ffffff1a;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.option:hover:not(:disabled){border-color:var(--accent)}.option:disabled{opacity:1;cursor:default}.option.correct{border-color:var(--good);background:#3ddc9726}.option.wrong{border-color:var(--bad);background:#ff6b6b26}.feedback{border-radius:12px;gap:10px;margin-top:14px;padding:12px 14px;display:grid}.feedback p{margin:0}.feedback.good{background:#3ddc971a}.feedback.bad{background:#ff6b6b1a}.result{text-align:center;gap:8px;padding:10px 0;display:grid}.big-score{color:var(--gold);font-size:3rem;font-weight:800}.toasts{z-index:40;pointer-events:none;justify-items:center;gap:8px;width:max-content;max-width:calc(100vw - 24px);display:grid;position:fixed;top:70px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--accent);background:#1f2a5c;border-radius:999px;padding:8px 16px;font-weight:600;box-shadow:0 8px 24px #0006}.toast-badge{border-color:var(--gold);background:#3a3015}.toast-enter-active,.toast-leave-active,.fade-enter-active,.fade-leave-active{transition:all .3s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(-12px)}.fade-enter-from,.fade-leave-to{opacity:0}.overlay{z-index:50;background:#050814bf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{text-align:center;gap:10px;max-width:340px;display:grid;position:relative}.big-emoji{font-size:3.5rem}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{border-radius:2px;width:10px;height:16px;animation:linear infinite fall;position:absolute;top:-20px}@keyframes fall{to{top:110%;translate:40px}}@keyframes pulse{50%{box-shadow:0 0 0 6px #ffd16640}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}