@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;600;700;800&family=Rubik:wght@500;700;900&display=swap');
:root{--bg:#080713;--panel:rgba(20,18,42,.78);--line:rgba(255,255,255,.1);--text:#f8f7ff;--muted:#aaa6c7;--violet:#9b7bff;--pink:#ff66b7;--cyan:#4eeaff;--green:#66f5b0;--danger:#ff6b7e}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{margin:0;min-height:100vh;color:var(--text);font-family:Assistant,Arial,sans-serif;overflow-x:hidden;background:radial-gradient(circle at 50% -10%,#25205a 0,#0e0b24 42%,#080713 80%)}button,input{font:inherit}.aurora{position:fixed;border-radius:50%;filter:blur(90px);opacity:.2;pointer-events:none;animation:float 12s ease-in-out infinite}.a1{width:280px;height:280px;background:#6f4cff;top:-80px;right:-100px}.a2{width:240px;height:240px;background:#00d9ff;bottom:-90px;left:-100px;animation-delay:-5s}@keyframes float{50%{transform:translate(20px,30px) scale(1.12)}}#particles{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,#fff 1px,transparent 1.5px);background-size:45px 45px;opacity:.05}main{width:min(100%,560px);margin:auto;padding:calc(18px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));position:relative}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.brand{display:flex;align-items:center;gap:10px}.mini-brain{width:48px;height:48px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,var(--pink),var(--violet));box-shadow:0 0 28px #9b7bff66;font-size:24px;position:relative}.mini-brain:after{content:'';position:absolute;inset:5px;border:1px solid #ffffff77;border-radius:14px}h1{font:900 28px Rubik,Assistant;margin:0;letter-spacing:-1px}.brand p{margin:1px 0 0;color:var(--muted);font-size:13px}.head-actions{display:flex;align-items:center;gap:8px}.icon-btn{border:1px solid var(--line);background:#ffffff0c;color:#fff;border-radius:12px;min-width:45px;height:45px;font-weight:800}.score{height:46px;padding:5px 12px;border:1px solid #9b7bff55;border-radius:13px;background:#9b7bff16;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.score span{font-size:10px;color:#cbc4ff}.score b{font-size:20px;color:#fff;font-family:Rubik}.card{position:relative;border:1px solid var(--line);border-radius:28px;background:linear-gradient(150deg,rgba(30,27,61,.94),rgba(13,12,31,.9));box-shadow:0 24px 80px #0009,inset 0 1px 0 #ffffff10;padding:18px;overflow:hidden;transition:.35s transform,.35s opacity}.card:before{content:'';position:absolute;inset:-1px;border-radius:28px;padding:1px;background:linear-gradient(140deg,#ffffff22,transparent 35%,#9b7bff44);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}.card.out{transform:translateX(-35px) rotate(-1deg);opacity:0}.card.in{animation:cardIn .45s cubic-bezier(.2,.8,.2,1)}@keyframes cardIn{from{transform:translateX(35px) scale(.98);opacity:0}}.topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.category{font-size:12px;font-weight:800;color:#d5ccff;background:#9b7bff18;border:1px solid #9b7bff33;border-radius:999px;padding:5px 10px}.level{display:flex;gap:3px}.level i{width:15px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--pink),var(--violet))}.illustration{height:230px;border-radius:22px;background:radial-gradient(circle at 50% 30%,#ffffff13,#00000022),linear-gradient(145deg,#171436,#0c0b1d);border:1px solid #ffffff0c;display:grid;place-items:center;overflow:hidden;position:relative}.illustration svg{width:100%;height:100%;display:block}.illustration:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff08 45%,transparent 70%);transform:translateX(-120%);animation:shine 5s infinite}@keyframes shine{60%,100%{transform:translateX(120%)}}.question-wrap{display:flex;gap:9px;align-items:flex-start;margin:18px 2px 12px}.spark{color:var(--cyan);font-size:18px;margin-top:5px}.question-wrap h2{font:700 21px/1.45 Rubik,Assistant;margin:0;letter-spacing:-.3px}.hints{display:grid;gap:7px;margin:0 2px 13px}.hint{animation:hintIn .3s ease;background:#4eeaff0d;border-right:3px solid var(--cyan);border-radius:8px;padding:8px 10px;color:#d8f9ff;font-size:14px}@keyframes hintIn{from{opacity:0;transform:translateY(-7px)}}label{display:block;font-weight:700;font-size:14px;margin-bottom:7px}.answer-row{display:flex;gap:8px}.answer-row input{min-width:0;flex:1;border:1px solid #ffffff1c;background:#080713aa;color:#fff;border-radius:13px;padding:13px 14px;outline:none;font-size:17px;transition:.2s}.answer-row input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #9b7bff20}.answer-row button{border:0;background:linear-gradient(135deg,var(--violet),#7552ee);color:#fff;border-radius:13px;padding:0 18px;font-weight:800;box-shadow:0 8px 24px #7652ee44}.answer-row button:active,.controls button:active{transform:scale(.97)}#answerRule{font-size:11px;color:var(--muted);margin:5px 3px 12px}.controls{display:flex;gap:8px}.controls button{height:47px;border-radius:14px;font-weight:800;transition:.18s;display:flex;align-items:center;justify-content:center;gap:7px}.hint-btn{flex:1;color:#151022;border:0;background:linear-gradient(135deg,#ffe971,#ffbd56)}.hint-btn b{background:#0002;border-radius:8px;padding:3px 7px;font-size:11px}.skip-btn{width:92px;border:1px solid var(--line);background:#ffffff09;color:#c9c5db}.feedback{position:absolute;inset:0;display:none;place-items:center;text-align:center;background:rgba(8,7,19,.9);backdrop-filter:blur(10px);z-index:5}.feedback.show{display:grid;animation:pop .35s ease}.feedback .result{font:900 31px Rubik;max-width:85%}.feedback .orb{width:110px;height:110px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;font-size:52px;background:radial-gradient(circle at 35% 30%,#baffdf,var(--green));box-shadow:0 0 60px #66f5b077;animation:pulse .7s ease}.feedback small{display:block;font:600 15px Assistant;margin-top:10px;color:#d9d6e8}@keyframes pop{from{opacity:0}}@keyframes pulse{50%{transform:scale(1.12)}}.shake{animation:shake .35s}@keyframes shake{25%{transform:translateX(7px)}50%{transform:translateX(-7px)}75%{transform:translateX(4px)}}footer{display:flex;justify-content:center;align-items:center;gap:8px;color:#77738f;font-size:12px;margin-top:13px}.infinity{font-size:24px;color:var(--violet)}.confetti{position:fixed;width:8px;height:14px;border-radius:2px;z-index:10;pointer-events:none;animation:fall 1.2s ease-out forwards}@keyframes fall{to{transform:translate(var(--x),110vh) rotate(720deg);opacity:0}}@media(max-width:380px){main{padding-inline:11px}.illustration{height:200px}.card{padding:14px}.question-wrap h2{font-size:19px}}@media(min-width:700px){main{padding-top:28px}.illustration{height:260px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}

.bulb{width:20px;height:20px;display:block;flex:0 0 20px}
.controls .hint-btn{width:100%;flex:1}.illustration svg{shape-rendering:geometricPrecision}

.illustration{height:310px}.illustration svg text{display:none!important}.card{padding-top:16px}@media(max-width:380px){.illustration{height:270px}}