:root{--ink:#28223e;--deep:#241a61;--purple:#5b4bdb;--yellow:#ffd75e;--mint:#62d8b1;--pink:#ff769f;--paper:#fffdf8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100vh;font-family:Nunito,system-ui,sans-serif;color:var(--ink);background:var(--bg,linear-gradient(145deg,#4632a8,#8165e8));overflow-x:hidden}.top{height:68px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;color:#fff}.top a{color:#fff;text-decoration:none;font-weight:900}.sound{border:0;background:#ffffff22;color:#fff;border-radius:14px;min-width:46px;height:46px;font-size:1.2rem}.shell{width:min(760px,calc(100% - 24px));margin:auto;padding-bottom:36px}.screen{display:none}.screen.active{display:block;animation:in .25s ease}@keyframes in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.panel{background:var(--paper);border-radius:30px;padding:26px;text-align:center;box-shadow:0 18px 45px #28156f55;position:relative;overflow:hidden}.hero-icon{font-size:5rem;animation:float 2.2s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px) rotate(3deg)}}h1,h2{font-family:'Baloo 2';color:var(--deep);line-height:1;margin:8px 0}h1{font-size:clamp(2.2rem,8vw,3.8rem)}p{line-height:1.5;color:#665f7b}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.choice,.answer,.primary,.secondary{font:900 1.05rem Nunito;border:0;border-radius:18px;min-height:58px;padding:12px;cursor:pointer}.choice{background:#f0edfb;color:var(--deep);border:3px solid transparent}.choice.selected{border-color:var(--purple);background:#e9e4ff}.primary{width:100%;background:var(--yellow);color:var(--deep);box-shadow:0 7px 0 #d1a51d}.secondary{width:100%;background:#eeeaf8;color:var(--purple);margin-top:12px}.hud{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.pill{background:#ffffffea;border-radius:17px;text-align:center;padding:9px;box-shadow:0 7px 20px #29176228}.pill small,.pill strong{display:block}.pill small{font-size:.72rem;color:#777084;font-weight:900;text-transform:uppercase}.pill strong{font-size:1.25rem;color:var(--deep)}.question{font:800 clamp(2.3rem,10vw,4.8rem)/1 'Baloo 2';color:var(--deep);margin:20px 0}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.answer{font-size:1.5rem;background:#eeeaff;color:var(--deep);border:3px solid transparent}.answer.correct{background:#c9f6e6;border-color:#30b785}.answer.wrong{background:#ffe0e8;border-color:#ef668a}.message{min-height:28px;font-weight:900;color:var(--purple)}.result-num{font:800 4.5rem 'Baloo 2';color:var(--purple)}.confetti{position:fixed;pointer-events:none;font-size:1.8rem;animation:fall 1s ease-out forwards}@keyframes fall{to{transform:translate(var(--x),110px) rotate(250deg);opacity:0}}@media(max-width:520px){.panel{padding:20px 16px;border-radius:24px}.question{margin:16px 0}.choice,.answer{min-height:64px}.top{height:58px}}
body{}body{--bg:linear-gradient(#6cc9ff,#dff7ff)}.balloons{height:150px;position:relative;margin:-8px 0 0}.balloon{position:absolute;font-size:4rem;animation:rise 2.4s ease-in-out infinite}.balloon:nth-child(1){left:10%;animation-delay:-.6s}.balloon:nth-child(2){left:42%;animation-delay:-1.4s}.balloon:nth-child(3){right:10%;animation-delay:-.2s}@keyframes rise{50%{transform:translateY(-18px) rotate(4deg)}}