:root{--bg:#0A0F24;--bg-2:#111A3E;--card:rgba(255,255,255,.05);--card-strong:rgba(255,255,255,.08);--panel:#131C42;--ink:#EEF2FF;--muted:#9AA7CE;--line:rgba(255,255,255,.09);--ring:rgba(255,255,255,.16);--cyan:#53C7F7;--cyan-soft:rgba(83,199,247,.14);--coral:#FF7E70;--coral-soft:rgba(255,126,112,.14);--sun:#FFC24D;--sun-soft:rgba(255,194,77,.14);--mint:#4ADE9C;--mint-soft:rgba(74,222,156,.13);--grape:#A78BFA;--grape-soft:rgba(167,139,250,.15);--pink:#FF8FD1;--good:#4ADE9C;--bad:#FF6B85;--brand:#8AB6FF;--shadow:0 18px 44px rgba(0,0,0,.4);--r-lg:24px;--r-md:17px;--r-sm:12px}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{scroll-behavior:smooth}body{font-family:Nunito,system-ui,-apple-system,sans-serif;color:var(--ink);min-height:100vh;font-size:17px;background:radial-gradient(1100px 520px at 82% -12%,rgba(122,90,248,.2),transparent 60%),radial-gradient(900px 480px at -10% 22%,rgba(83,199,247,.13),transparent 60%),radial-gradient(1000px 600px at 50% 118%,rgba(74,222,156,.1),transparent 62%),linear-gradient(180deg,#10173a,#0a0f24 46%,#0c1230);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(1.6px 1.6px at 11% 16%,rgba(255,255,255,.75) 50%,transparent 51%),radial-gradient(1.2px 1.2px at 27% 64%,rgba(255,255,255,.45) 50%,transparent 51%),radial-gradient(1.8px 1.8px at 41% 28%,rgba(140,180,255,.65) 50%,transparent 51%),radial-gradient(1.2px 1.2px at 55% 78%,rgba(255,255,255,.38) 50%,transparent 51%),radial-gradient(1.6px 1.6px at 66% 12%,rgba(255,214,150,.6) 50%,transparent 51%),radial-gradient(1.2px 1.2px at 74% 52%,rgba(255,255,255,.42) 50%,transparent 51%),radial-gradient(1.9px 1.9px at 86% 34%,rgba(255,255,255,.7) 50%,transparent 51%),radial-gradient(1.2px 1.2px at 93% 72%,rgba(160,190,255,.5) 50%,transparent 51%),radial-gradient(1.4px 1.4px at 18% 88%,rgba(255,255,255,.4) 50%,transparent 51%),radial-gradient(1.3px 1.3px at 48% 6%,rgba(255,255,255,.55) 50%,transparent 51%)}body:after{content:"";position:fixed;right:-90px;bottom:-120px;z-index:-1;width:300px;height:300px;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 32% 30%,rgba(167,139,250,.35),rgba(122,90,248,.12) 58%,transparent 70%);filter:blur(2px)}h1,h2,h3,.display{font-family:"Baloo 2",Nunito,system-ui,sans-serif}::selection{background:#53c7f759}.site-header{position:sticky;top:0;z-index:50;background:#0a0f24b8;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.head-inner{max-width:1180px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.logo{display:flex;align-items:center;gap:10px;font-family:"Baloo 2";font-weight:800;font-size:1.22rem;color:var(--ink);text-decoration:none;white-space:nowrap}.logo svg{display:block;filter:drop-shadow(0 2px 8px rgba(83,199,247,.35))}.site-nav{display:flex;gap:5px;margin-left:auto;flex-wrap:wrap;align-items:center}.nav-link{border:0;cursor:pointer;font:inherit;font-weight:800;font-size:.92rem;padding:9px 15px;border-radius:999px;background:transparent;color:var(--muted);text-decoration:none;display:flex;align-items:center;gap:7px;transition:.15s}.nav-link:hover{background:var(--card-strong);color:var(--ink)}.nav-link[aria-current=page]{background:var(--ink);color:#0b1230}.nav-ic{width:17px;height:17px}.sound-btn{border:1px solid var(--line);background:var(--card);cursor:pointer;font:inherit;width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:.15s;flex:none}.sound-btn:hover{border-color:var(--cyan);color:var(--cyan)}.sound-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.sound-btn .muted-line,.sound-btn[data-muted=true] .waves{display:none}.sound-btn[data-muted=true] .muted-line{display:block}@media(max-width:840px){.nav-link .nav-label{display:none}.nav-link{padding:9px 12px}.nav-ic{width:20px;height:20px}}main{max-width:900px;margin:0 auto;padding:26px 20px 10px}.card{background:var(--card);border:1px solid var(--line);backdrop-filter:blur(10px);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:30px 28px 26px;margin-bottom:20px}.eyebrow-chip{display:inline-flex;align-items:center;gap:7px;font-size:.76rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);background:var(--card-strong);border:1px solid var(--line);border-radius:999px;padding:6px 13px;margin-bottom:12px}h2{font-size:1.7rem;line-height:1.15;margin-bottom:8px}.lead{color:var(--muted);font-weight:700;line-height:1.5}.btn-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:4px}.btn{border:1px solid var(--line);cursor:pointer;font:inherit;font-weight:800;border-radius:15px;padding:14px 22px;font-size:1rem;background:var(--card-strong);color:var(--ink);transition:transform .1s,background .15s,border-color .15s}.btn:hover{background:#ffffff21;border-color:var(--ring)}.btn:active{transform:scale(.96)}.btn.primary{background:linear-gradient(135deg,var(--cyan),var(--grape));border-color:transparent;color:#0b1230;box-shadow:0 6px 22px #7896ff59}.btn.primary:hover{filter:brightness(1.07);background:linear-gradient(135deg,var(--cyan),var(--grape))}.btn.ghost{background:transparent;color:var(--muted);box-shadow:none;border-color:transparent}.btn.ghost:hover{color:var(--ink);background:var(--card-strong)}.pill-row{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:12px 0 6px}.pill-row.mode-row{background:#101634b3;border:1px solid var(--line);border-radius:22px;padding:9px 10px;backdrop-filter:blur(10px);box-shadow:0 10px 28px #0000004d}.pill{border:1.5px solid var(--line);background:var(--card);border-radius:999px;padding:8px 17px;font:inherit;font-weight:800;font-size:.87rem;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:.15s}.pill:hover{border-color:var(--ring);color:var(--ink)}.pill[aria-pressed=true],.pill[aria-selected=true],.pill.active{background:var(--ink);color:#0b1230;border-color:transparent}.pill .lv-star{display:none;color:var(--sun);font-size:.95em;line-height:1}.pill.earned{border-color:#ffc24d8c}.pill.earned .lv-star{display:inline-flex}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:16px}.answer{border:2px solid var(--line);background:var(--card);border-radius:18px;padding:18px 12px;font-family:"Baloo 2";font-weight:800;font-size:1.45rem;cursor:pointer;color:var(--ink);transition:border-color .15s,background .15s,transform .1s;display:flex;align-items:center;justify-content:center;gap:10px}.answer:hover{border-color:#8ab6ff80}.answer:active{transform:scale(.97)}.answer.correct{border-color:var(--good);background:var(--mint-soft);color:var(--good)}.answer.wrong{border-color:var(--bad);background:#ff6b851f;color:var(--bad);animation:shake .35s}.answer:disabled{cursor:default}.key{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;border-radius:9px;flex:none;background:#ffffff14;color:var(--muted);font-family:Nunito,sans-serif;font-weight:800;font-size:.72em}.answer.correct .key{background:transparent;color:var(--good)}.answer.wrong .key{background:transparent;color:var(--bad)}@media(hover:none)and (pointer:coarse){.key{display:none}}.kbd-hint{text-align:center;color:var(--muted);font-weight:700;font-size:.82rem;margin-top:14px;line-height:1.9}.kbd-hint b{background:#ffffff14;border-radius:6px;padding:1px 6px;color:var(--ink);font-weight:800}.feedback{text-align:center;font-family:"Baloo 2";font-weight:800;font-size:1.25rem;min-height:1.8em;margin:12px 0 4px;line-height:1.4}.feedback.good{color:var(--good);animation:pop .35s}.feedback.bad{color:var(--bad)}.score-bar{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}.chip{background:var(--card-strong);border:1px solid var(--line);border-radius:999px;padding:7px 15px;font-weight:800;font-size:.85rem;color:var(--muted)}.chip b{color:var(--ink)}.stars-big{text-align:center;font-size:1.35rem;margin-top:8px;min-height:1.5em;color:var(--sun)}.stars-big .empty{color:#ffffff29}.star{width:1em;height:1em;display:inline-block;vertical-align:-.13em;fill:currentColor}.stars-big>.star{filter:drop-shadow(0 2px 6px rgba(255,194,77,.45))}.stars-big .empty .star{filter:none}.ans-input{width:180px;text-align:center;font-family:"Baloo 2";font-weight:800;font-size:2.2rem;color:var(--ink);background:var(--panel);border:2px solid var(--ring);border-radius:16px;padding:6px 8px}.ans-input.good{border-color:var(--good)}.ans-input.bad{border-color:var(--bad);animation:shake .35s}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:290px;margin:16px auto 0}.np-key{height:56px;border-radius:14px;border:1px solid var(--line);cursor:pointer;background:var(--card-strong);color:var(--ink);font:inherit;font-weight:800;font-family:"Baloo 2",sans-serif;font-size:1.35rem;box-shadow:0 3px #00000059;transition:transform .06s,box-shadow .06s,background .15s;display:flex;align-items:center;justify-content:center}.np-key:hover{background:#ffffff24}.np-key:active{transform:translateY(2px);box-shadow:0 1px #00000059}.np-go{grid-column:1/-1;height:46px;background:linear-gradient(135deg,var(--cyan),var(--grape));color:#0b1230;border-color:transparent;box-shadow:0 3px #1e285acc}.site-footer{text-align:center;color:var(--muted);font-weight:700;font-size:.85rem;padding:6px 20px 36px;margin-top:8px}.site-footer .star{color:var(--sun)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}@keyframes shake-x{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}.fx-layer{position:fixed;inset:0;pointer-events:none;z-index:200;overflow:hidden}.btn .ic,.pill .ic{width:1.05em;height:1.05em}.ic{width:1em;height:1em;display:inline-block;vertical-align:-.14em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}@keyframes flame-flicker{0%,to{transform:scaleY(1) scaleX(1);opacity:.95}50%{transform:scaleY(1.3) scaleX(.9);opacity:1}}.flame{transform-box:fill-box;transform-origin:50% 0%;animation:flame-flicker .5s ease-in-out infinite}.flame.f2{animation-delay:.15s}.flame.f3{animation-delay:.3s}.fx-star{position:absolute;will-change:transform,opacity;animation:fx-fly .9s ease-out forwards}@keyframes fxfly{0%{transform:translate(0) scale(.4) rotate(0);opacity:1}to{transform:translate(var(--fx-x),var(--fx-y)) scale(1.1) rotate(var(--fx-r));opacity:0}}.fx-confetti{position:absolute;top:-16px;will-change:transform,opacity;animation:fx-fall linear forwards}@keyframes fx-fall{0%{transform:translateY(-4vh) rotate(0);opacity:1}to{transform:translateY(108vh) rotate(720deg);opacity:.85}}@media(max-width:640px){main{padding:18px 13px 8px}.card{padding:23px 18px 20px}h2{font-size:1.42rem}.answers{gap:10px}.answer{font-size:1.25rem;padding:16px 8px}}@media(prefers-reduced-motion:reduce){*{animation-duration:1ms!important;transition-duration:1ms!important}html{scroll-behavior:auto}}