:root{--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--bg:#f6f4fc;--bg-2:#efeaff;--surface:#fff;--surface-2:#f8f6ff;--border:#28145a17;--border-strong:#28145a29;--text:#1b1530;--muted:#6b6485;--faint:#a29cba;--primary:#6c47ff;--primary-2:#8f6bff;--primary-soft:#6c47ff1a;--good:#12b886;--good-soft:#12b8861f;--bad:#f0465a;--bad-soft:#f0465a1a;--warn:#f5a524;--warn-soft:#f5a52424;--gold:#ffb800;--shadow-sm:0 1px 2px #1e0a500f, 0 1px 1px #1e0a500a;--shadow:0 10px 30px -12px #32148238, 0 2px 6px #1e0a500d;--shadow-lg:0 30px 70px -20px #32148259;--radius:18px;--radius-lg:26px;--g0:linear-gradient(135deg, #7c5cff 0%, #b46bff 100%);--g1:linear-gradient(135deg, #ff7a59 0%, #ff4f8b 100%);--g2:linear-gradient(135deg, #12b886 0%, #38d9a9 100%);--g3:linear-gradient(135deg, #3b82f6 0%, #22d3ee 100%);--g4:linear-gradient(135deg, #f59f00 0%, #ffd43b 100%);--g5:linear-gradient(135deg, #e64980 0%, #7c5cff 100%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0d0b17;--bg-2:#15112a;--surface:#17142a;--surface-2:#1e1a36;--border:#c8b9ff17;--border-strong:#c8b9ff2e;--text:#f1eeff;--muted:#a49dc4;--faint:#6c658c;--primary:#8f72ff;--primary-2:#a98fff;--primary-soft:#8f72ff29;--good-soft:#12b8862e;--bad-soft:#f0465a29;--warn-soft:#f5a5242e;--shadow:0 10px 30px -12px #0009, 0 2px 6px #0000004d;--shadow-lg:0 30px 70px -20px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body), system-ui, -apple-system, sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;font-size:15px;line-height:1.5;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(closest-side,#7c5cff2e,#0000);width:70vw;height:70vh;position:fixed;inset:-20vh -10vw auto auto}body:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(closest-side,#ff4f8b1a,#0000);width:60vw;height:60vh;position:fixed;inset:auto auto -25vh -15vw}h1,h2,h3,h4,.display{font-family:var(--font-display), var(--font-body), sans-serif;letter-spacing:-.02em;margin:0}h1{font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.1}h2{font-size:22px;font-weight:700}h3{font-size:17px;font-weight:650}p{margin:0}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--primary)}::selection{background:var(--primary-soft)}.container{max-width:1120px;margin:0 auto;padding:0 20px}.muted{color:var(--muted)}.faint{color:var(--faint)}.row{align-items:center;gap:12px;display:flex}.col{flex-direction:column;gap:12px;display:flex}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.wrap{flex-wrap:wrap}.grow{flex:1}.center{text-align:center}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.btn{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;white-space:nowrap;color:var(--text);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.btn:hover{box-shadow:var(--shadow-sm);border-color:var(--primary);transform:translateY(-1px)}.btn:active{transform:translateY(0)scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--g0);color:#fff;border-color:#0000;box-shadow:0 8px 20px -8px #6c47ffb3}.btn-primary:hover{border-color:#0000;box-shadow:0 12px 26px -8px #6c47ffcc}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--primary-soft);box-shadow:none;border-color:#0000}.btn-danger{color:var(--bad)}.btn-danger:hover{border-color:var(--bad);background:var(--bad-soft)}.btn-lg{border-radius:14px;padding:14px 24px;font-size:16px}.btn-sm{border-radius:10px;padding:6px 12px;font-size:13px}.icon-btn{cursor:pointer;width:38px;height:38px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:12px;place-items:center;font-size:17px;transition:background .15s,color .15s;display:inline-grid}.icon-btn:hover{background:var(--primary-soft);color:var(--primary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.pad{padding:20px}.pad-lg{padding:28px}.chip{background:var(--primary-soft);color:var(--primary);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip.good{background:var(--good-soft);color:var(--good)}.chip.warn{background:var(--warn-soft);color:#c27c00}:root[data-theme=dark] .chip.warn{color:var(--warn)}.chip.bad{background:var(--bad-soft);color:var(--bad)}.chip.plain{background:var(--surface-2);color:var(--muted)}.input,.textarea,.select{border:1px solid var(--border-strong);background:var(--surface);border-radius:12px;outline:none;width:100%;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.textarea{resize:vertical;min-height:120px;line-height:1.55}.label{color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.topbar{z-index:40;-webkit-backdrop-filter:saturate(1.6)blur(16px);background:color-mix(in srgb, var(--bg) 78%, transparent);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar-inner{align-items:center;gap:16px;height:66px;display:flex}.logo{font-family:var(--font-display);cursor:pointer;letter-spacing:-.03em;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:20px;font-weight:800;display:flex}.logo-mark{background:var(--g0);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:17px;display:grid;transform:rotate(-6deg);box-shadow:0 6px 16px -6px #6c47ffcc}.nav{gap:4px;margin-left:12px;display:flex}.nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:8px 12px;font-weight:600}.nav button:hover,.nav button.active{color:var(--text);background:var(--primary-soft)}.hud{align-items:center;gap:10px;margin-left:auto;display:flex}.hud-pill{background:var(--surface);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 8px;font-size:13px;font-weight:700;display:flex}@media (max-width:960px){.hide-md{display:none!important}}.level-badge{background:var(--g0);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:grid}.xpbar{background:var(--primary-soft);border-radius:99px;width:90px;height:7px;overflow:hidden}.xpbar>div{background:var(--g0);border-radius:99px;height:100%;transition:width .6s cubic-bezier(.2,.9,.3,1.2)}.hud-pill.active{border-color:var(--primary)}.sync-icon{font-size:15px;display:inline-flex;position:relative}.sync-dot{border:2px solid var(--surface);background:var(--muted);border-radius:50%;width:8px;height:8px;position:absolute;bottom:-1px;right:-3px}.sync-dot.synced{background:var(--good)}.sync-dot.syncing{background:var(--primary);animation:1s ease-in-out infinite alternate syncPulse}.sync-dot.offline,.sync-dot.pending{background:var(--warn)}.guest-banner{border-radius:var(--radius);background:var(--warn-soft);border:1px solid var(--warn);color:var(--text);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 20px;display:flex}.guest-banner p{color:var(--muted);font-size:14px}.guest-banner-icon{font-size:24px}.recovery-code{background:var(--surface-2);border:1px dashed var(--border);letter-spacing:.06em;-webkit-user-select:all;user-select:all;word-break:break-all;border-radius:14px;margin-top:10px;padding:16px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(18px,5.4vw,26px);font-weight:700}.sync-dot.error{background:var(--bad)}.sync-dot.none{display:none}@keyframes syncPulse{to{opacity:.35}}.streak{color:#ff7a1a}.streak.off{filter:grayscale();opacity:.55}@media (max-width:440px){.hud{gap:6px}.xpbar{display:none}}@media (max-width:720px){.nav{display:none}.xpbar{width:50px}.hide-sm{display:none!important}}.hero{grid-template-columns:1.4fr 1fr;align-items:stretch;gap:24px;padding:40px 0 8px;display:grid}@media (max-width:860px){.hero{grid-template-columns:1fr}}.hero-cta{border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-lg);background:radial-gradient(120% 120% at 100% 0,#ff7aa8 0%,#0000 45%),linear-gradient(135deg,#5b34ff 0%,#8f5bff 55%,#c05bff 100%);padding:32px;position:relative;overflow:hidden}.hero-cta h1{color:#fff}.hero-cta p{opacity:.88;max-width:460px;margin-top:10px;font-size:16px}.hero-cta .btn{color:#4b25e8;background:#fff;border:0}.hero-cta .btn.alt{color:#fff;background:#ffffff29}.hero-deco{opacity:.16;pointer-events:none;font-size:140px;line-height:1;position:absolute;bottom:-20px;right:-10px;transform:rotate(-14deg)}.floating-cards{pointer-events:none;width:150px;height:110px;position:absolute;top:26px;right:28px}.floating-cards div{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1px solid #ffffff59;border-radius:12px;width:120px;height:78px;position:absolute}.floating-cards div:first-child{animation:5s ease-in-out infinite bob;top:18px;left:0;transform:rotate(-10deg)}.floating-cards div:nth-child(2){background:#ffffff47;animation:5s ease-in-out -2s infinite bob;top:4px;left:26px;transform:rotate(6deg)}@keyframes bob{50%{translate:0 -8px}}@media (max-width:600px){.floating-cards{display:none}}.stat-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);padding:16px}.stat-val{font-family:var(--font-display);letter-spacing:-.03em;font-size:26px;font-weight:800}.stat-lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.ring{width:64px;height:64px;position:relative}.ring svg{transform:rotate(-90deg)}.ring-label{place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;inset:0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin:40px 0 16px;display:flex}.set-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.set-tile{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;min-height:172px;color:var(--text);flex-direction:column;gap:12px;padding:18px;transition:transform .18s,box-shadow .2s,border-color .2s;display:flex;position:relative}.set-tile:hover{box-shadow:var(--shadow);border-color:var(--border-strong);transform:translateY(-3px)}.set-emoji{border-radius:14px;place-items:center;width:46px;height:46px;font-size:24px;display:grid;box-shadow:inset 0 0 0 1px #ffffff40}.set-tile h3{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.progress{background:var(--surface-2);border-radius:99px;height:6px;display:flex;overflow:hidden}.progress>.m{background:var(--good)}.progress>.l{background:var(--warn)}.empty{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;padding:48px 24px}.tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.tabs button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:10px;padding:8px 16px;font-weight:600}.tabs button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;background:var(--surface);cursor:pointer;padding:48px 24px;transition:border-color .2s,background .2s,transform .2s}.dropzone:hover,.dropzone.drag{border-color:var(--primary);background:var(--primary-soft)}.dropzone.drag{transform:scale(1.01)}.dz-icon{background:var(--g0);color:#fff;border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto 14px;font-size:30px;display:grid;box-shadow:0 10px 24px -10px #6c47ffcc}.options-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (max-width:720px){.options-grid{grid-template-columns:1fr}}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600}.seg button.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.gen-state{text-align:center;padding:56px 24px}.orb{background:var(--g0);border-radius:50%;place-items:center;width:92px;height:92px;margin:0 auto 20px;font-size:38px;animation:1.8s ease-in-out infinite pulse;display:grid;position:relative}.orb:after{content:"";border:3px solid var(--primary);border-top-color:#0000;border-left-color:#0000;border-radius:50%;animation:1.1s linear infinite spin;position:absolute;inset:-10px}@keyframes pulse{50%{box-shadow:0 0 0 16px var(--primary-soft);transform:scale(1.06)}}@keyframes spin{to{transform:rotate(360deg)}}.editor-row{background:var(--surface);border:1px solid var(--border);border-radius:14px;grid-template-columns:34px 1fr 1.6fr 38px;align-items:start;gap:10px;padding:12px;display:grid}.editor-row .num{color:var(--faint);text-align:center;padding-top:12px;font-size:13px;font-weight:700}@media (max-width:720px){.editor-row{grid-template-columns:1fr 38px}.editor-row .num{display:none}.editor-row .textarea:nth-of-type(2){grid-column:1}}.editor-row .textarea{min-height:48px;padding:10px 12px}.set-hero{flex-wrap:wrap;align-items:center;gap:20px;padding:32px 0 12px;display:flex}.set-hero .set-emoji{border-radius:22px;width:72px;height:72px;font-size:38px}.mode-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.mode-tile{border-radius:var(--radius);cursor:pointer;text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--text);flex-direction:column;gap:6px;padding:18px;transition:transform .18s,box-shadow .2s,border-color .2s;display:flex}.mode-tile:hover{box-shadow:var(--shadow);border-color:var(--primary);transform:translateY(-3px)}.mode-icon{color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:6px;font-size:21px;display:grid}.mode-tile .xp-hint{color:var(--primary);font-size:12px;font-weight:700}.term-list{flex-direction:column;gap:8px;display:flex}.term-row{grid-template-columns:1fr 2fr auto;align-items:center;gap:18px;padding:14px 18px;display:grid}.term-row .t{border-right:1px solid var(--border);padding-right:18px;font-weight:650}@media (max-width:640px){.term-row{grid-template-columns:1fr auto}.term-row .t{border:0;padding:0}.term-row .d{grid-column:1}}.dots{gap:3px;display:flex}.dots span{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:50%;width:6px;height:6px}.dots span.on{background:var(--good);border-color:var(--good)}.study-top{align-items:center;gap:14px;padding:20px 0;display:flex}.study-progress{background:var(--surface-2);border:1px solid var(--border);border-radius:99px;flex:1;height:10px;overflow:hidden}.study-progress>div{background:var(--g2);border-radius:99px;height:100%;transition:width .4s cubic-bezier(.2,.9,.3,1.1)}.combo{font-family:var(--font-display);color:#ff7a1a;text-align:right;min-width:64px;font-weight:800}.combo.pop{animation:.35s pop}@keyframes pop{40%{transform:scale(1.4)}}.flip-scene{perspective:1600px;width:100%;max-width:720px;margin:0 auto}.flip-card{aspect-ratio:16/10;cursor:pointer;width:100%;min-height:280px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,1.3,.5,1);position:relative}.flip-card.flipped{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);text-align:center;place-items:center;padding:36px;display:grid;position:absolute;inset:0;overflow:auto}.flip-face.back{background:linear-gradient(160deg, var(--surface) 0%, var(--surface-2) 100%);transform:rotateY(180deg)}.flip-face .content{max-width:560px;font-size:clamp(18px,2.6vw,28px);font-weight:600;line-height:1.35}.flip-face.back .content{font-size:clamp(16px,2.1vw,22px);font-weight:500}.flip-face .corner{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:12px;font-weight:700;position:absolute;top:18px;left:22px}.flip-face .star{position:absolute;top:12px;right:12px}.swipe-out-left{animation:.32s forwards outL}.swipe-out-right{animation:.32s forwards outR}@keyframes outL{to{opacity:0;transform:translate(-120px)rotate(-8deg)}}@keyframes outR{to{opacity:0;transform:translate(120px)rotate(8deg)}}.fc-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:24px;display:flex}.btn-know{background:var(--good-soft);color:var(--good);border-color:#0000}.btn-know:hover{border-color:var(--good)}.btn-learning{background:var(--warn-soft);color:#c27c00;border-color:#0000}:root[data-theme=dark] .btn-learning{color:var(--warn)}.btn-learning:hover{border-color:var(--warn)}kbd{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--muted);border-radius:6px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:11px}.q-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);max-width:760px;box-shadow:var(--shadow);margin:0 auto;padding:32px}.q-label{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:10px;font-size:12px;font-weight:700}.q-prompt{font-size:clamp(18px,2.4vw,24px);font-weight:600;line-height:1.4}.choices{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}@media (max-width:640px){.choices{grid-template-columns:1fr}}.choice{text-align:left;border:2px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:14px;align-items:flex-start;gap:12px;padding:16px 18px;font-weight:500;line-height:1.4;transition:border-color .15s,background .15s,transform .1s;display:flex}.choice:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft)}.choice .k{background:var(--surface-2);width:24px;height:24px;color:var(--muted);border-radius:7px;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.choice.correct{border-color:var(--good);background:var(--good-soft)}.choice.wrong{border-color:var(--bad);background:var(--bad-soft);animation:.4s shake}.choice:disabled{cursor:default}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.feedback{border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:14px 16px;display:flex}.feedback.good{background:var(--good-soft);color:var(--good)}.feedback.bad{background:var(--bad-soft);color:var(--bad)}.feedback.close{background:var(--warn-soft);color:#c27c00}.feedback b{font-weight:700}.feedback .ans{color:var(--text);font-weight:500}.match-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (max-width:720px){.match-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.match-grid{grid-template-columns:repeat(2,1fr)}}.match-tile{border:2px solid var(--border-strong);background:var(--surface);text-align:center;cursor:pointer;word-break:break-word;border-radius:16px;place-items:center;min-height:112px;padding:12px;font-size:14px;font-weight:550;line-height:1.3;transition:transform .15s,border-color .15s,background .15s,opacity .35s;display:grid;overflow:hidden}.match-tile:hover{border-color:var(--primary)}.match-tile.sel{border-color:var(--primary);background:var(--primary-soft);transform:scale(1.03)}.match-tile.ok{border-color:var(--good);background:var(--good-soft);opacity:0;pointer-events:none;transform:scale(.9)}.match-tile.no{border-color:var(--bad);background:var(--bad-soft);animation:.35s shake}.match-tile.gone{visibility:hidden}.timer{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.blitz-clock{width:120px;height:120px;margin:0 auto;position:relative}.blitz-clock .num{font-family:var(--font-display);place-items:center;font-size:36px;font-weight:800;display:grid;position:absolute;inset:0}.mult{color:#fff;background:linear-gradient(135deg,#ff7a1a,#ff4f8b);border-radius:99px;padding:4px 10px;font-size:13px;font-weight:800;display:inline-block}.results{text-align:center;max-width:620px;margin:40px auto;padding:40px 28px}.big-score{font-family:var(--font-display);letter-spacing:-.04em;background:var(--g0);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:64px;font-weight:800;line-height:1}.result-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0;display:grid}.test-q{padding:24px}.tf-row{gap:12px;margin-top:16px;display:flex}.xp-float{z-index:100;pointer-events:none;font-family:var(--font-display);color:var(--primary);text-shadow:0 2px 10px #6c47ff59;font-size:20px;font-weight:800;animation:1.2s ease-out forwards floatUp;position:fixed}@keyframes floatUp{0%{opacity:0;transform:translateY(10px)scale(.8)}20%{opacity:1;transform:translateY(0)scale(1.1)}to{opacity:0;transform:translateY(-60px)scale(1)}}.toast-stack{z-index:120;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:16px;align-items:center;gap:12px;min-width:260px;max-width:360px;padding:12px 16px;animation:.4s cubic-bezier(.2,1.2,.4,1) slideIn;display:flex}.toast .ti{font-size:26px}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}}.modal-bg{z-index:110;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a051e80;place-items:center;padding:20px;animation:.25s fade;display:grid;position:fixed;inset:0}.modal{text-align:center;border-radius:var(--radius-lg);background:var(--surface);width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:36px 28px;animation:.5s cubic-bezier(.2,1.4,.4,1) popIn}.modal.wide{text-align:left;max-width:640px}@keyframes fade{0%{opacity:0}}@keyframes popIn{0%{opacity:0;transform:scale(.7)}}.level-burst{background:var(--g0);color:#fff;width:110px;height:110px;font-family:var(--font-display);border-radius:32px;place-items:center;margin:0 auto 18px;font-size:48px;font-weight:800;display:grid;transform:rotate(-6deg);box-shadow:0 20px 40px -12px #6c47ffcc}.confetti{pointer-events:none;z-index:115;position:fixed;inset:0}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.ach{align-items:center;gap:12px;padding:14px;display:flex}.ach .ai{background:var(--surface-2);border-radius:14px;place-items:center;width:48px;height:48px;font-size:26px;display:grid}.ach.locked{opacity:.45;filter:grayscale()}.footer{color:var(--faint);text-align:center;padding:48px 0 32px;font-size:13px}.error-box{background:var(--bad-soft);color:var(--bad);border-radius:14px;padding:14px 16px;font-weight:500}.fade-in{animation:.4s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}