@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@600;700;800;900&display=swap');
:root{--ink:#18234a;--purple:#5b35c9;--pink:#ff5f8f;--yellow:#ffd34d;--mint:#3ed7ba;--sky:#72d9ff;--card:#fff;--shadow:0 18px 45px #20205b35}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Nunito,system-ui,sans-serif;background:#eef8ff;overflow:hidden}.screen{display:none;min-height:100dvh}.screen.active{display:flex}.welcome-card{position:relative;z-index:2;width:min(94vw,570px);margin:auto;padding:40px 38px 32px;border-radius:34px;text-align:center;background:#fffffff0;box-shadow:var(--shadow);border:3px solid #fff}.welcome{background:linear-gradient(135deg,#6f4ee9,#3ed7ba)}#welcome{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(150deg,#6242d1 0%,#4c55d7 43%,#2fc8cb 100%)}.stars{position:absolute;inset:0;background-image:radial-gradient(#fff 1.4px,transparent 1.6px),radial-gradient(#fff8 1px,transparent 1.4px);background-size:61px 61px,37px 37px;background-position:8px 10px,20px 34px;opacity:.6}.blob{position:absolute;border-radius:50%;filter:blur(1px);opacity:.3}.b1{width:460px;height:460px;background:#ffd34d;top:-170px;left:-180px}.b2{width:550px;height:550px;background:#ff5f8f;bottom:-330px;right:-190px}.eyebrow{font-weight:900;letter-spacing:2px;color:#6d50cb;margin:0}.welcome-card h1{font:800 clamp(48px,9vw,78px)/.9 'Baloo 2';margin:4px 0;color:#5132bd;text-shadow:0 4px 0 #ede8ff}.intro{font-size:20px;font-weight:800;margin:15px 0 25px}.hero-mascot{height:145px;position:relative;animation:float 2.5s ease-in-out infinite}.dino-body{position:absolute;width:105px;height:96px;border-radius:54% 45% 42% 45%;background:#3ed7ba;left:calc(50% - 42px);top:22px;transform:rotate(-8deg);box-shadow:inset -12px -11px #24b99e,0 11px 0 #3aa992}.dino-body:before{content:'';position:absolute;width:75px;height:66px;border-radius:52% 60% 43% 48%;background:#45e4c3;left:-25px;top:-29px}.dino-body:after{content:'•';position:absolute;font:900 30px Arial;color:#16224b;left:-1px;top:-34px}.dino-body i{position:absolute;width:34px;height:26px;border-radius:50%;background:#ffdb58;left:42px;bottom:3px}.dino-body b,.dino-body em{position:absolute;width:19px;height:35px;border-radius:13px;background:#32ad95;bottom:-22px}.dino-body b{left:28px}.dino-body em{left:68px}label{display:block;font-size:16px;font-weight:900;text-align:left;margin:10px 0 7px}.name-row{display:flex;gap:10px}.name-row input{min-width:0;flex:1;border:3px solid #d8d5ee;border-radius:18px;padding:14px 16px;font:800 18px Nunito;color:var(--ink);outline:none}.name-row input:focus{border-color:#6a48dc;box-shadow:0 0 0 5px #7658dd2b}.primary{border:0;border-radius:17px;padding:13px 20px;background:linear-gradient(135deg,#ff6c96,#ff4f79);font:900 17px Nunito;color:#fff;cursor:pointer;box-shadow:0 6px 0 #d63c61;transition:.15s transform}.primary:hover{transform:translateY(-2px)}.primary:active{transform:translateY(4px);box-shadow:0 2px 0 #d63c61}.link-btn{background:none;border:0;color:#5b35c9;font:900 15px Nunito;margin-top:18px;cursor:pointer}.error{height:18px;color:#d72e50;font-weight:800;margin:8px 0 0}.game-screen{flex-direction:column;background:linear-gradient(#c8f5ff,#eafffc 72%,#fdf5d5)}.hud{height:86px;display:flex;align-items:center;gap:15px;padding:10px clamp(12px,3vw,35px);background:#fffdf8e8;box-shadow:0 3px 0 #d9e9ed;z-index:2}.round{width:45px;height:45px;border:0;border-radius:15px;background:#e9e4ff;color:#5335bf;font:900 27px Nunito;cursor:pointer}.who{display:flex;align-items:center;gap:8px;min-width:185px}.who strong{font:900 20px 'Baloo 2';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-dino{font-size:26px}#levelBadge{background:var(--yellow);padding:5px 11px;border-radius:99px;font-weight:900;white-space:nowrap}.stats{margin-left:auto;display:flex;gap:clamp(13px,4vw,45px)}.stats div{text-align:center}.stats small{display:block;font-weight:900;font-size:11px;color:#7880a1;letter-spacing:1px}.stats b{font:900 26px 'Baloo 2';color:#5a36c8}.stage-wrap{position:relative;flex:1;display:grid;place-items:center;padding:10px;min-height:0}canvas{display:block;max-width:100%;max-height:calc(100dvh - 130px);border-radius:28px;box-shadow:0 20px 45px #24597a36;background:#92e5ff}.help{position:absolute;bottom:13px;background:#ffffffe0;padding:6px 15px;border-radius:30px;font-size:12px;font-weight:900;color:#526187}.modal{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:18px;background:#17215682;backdrop-filter:blur(6px)}.hidden{display:none!important}.modal-card{width:min(92vw,620px);background:#fff;border-radius:30px;padding:28px;box-shadow:var(--shadow);position:relative;text-align:center;animation:pop .35s cubic-bezier(.2,1.3,.4,1)}.small{width:min(90vw,390px)}.big-emoji{font-size:58px}.modal-card h2{font:900 31px 'Baloo 2';margin:4px 0 10px}.quiz-top{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:900;color:#617099}.quiz-top #subject{color:#5c39bf;background:#f0edff;border-radius:20px;padding:5px 10px}.quiz-bubble{margin:18px auto;background:#fff5c8;border-radius:17px;padding:10px;font-weight:900}.quiz-card h2{font-size:26px;line-height:1.15}.answers{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:20px}.answer{border:3px solid #e5e4f2;border-radius:17px;background:#fff;padding:13px;text-align:left;font:900 16px Nunito;color:var(--ink);cursor:pointer}.answer:hover{border-color:#6b4add;background:#f5f2ff}.answer.correct{border-color:#27bb92;background:#dffbf2}.answer.wrong{border-color:#ff5a76;background:#ffe5eb}.feedback{min-height:25px;margin:16px 0 0;font-weight:900}.close{position:absolute;right:15px;top:12px;border:0;background:#eeeafc;color:#5634c1;border-radius:50%;width:34px;height:34px;font-size:25px;cursor:pointer}.board-card ol{padding:0;margin:20px 0;list-style:none;text-align:left}.board-card li{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:10px 8px;border-bottom:1px solid #eee;font-weight:900}.rank{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#eee9ff;color:#5735c1}.board-card li:first-child .rank{background:#ffd34d}.toast{position:fixed;z-index:20;top:95px;left:50%;transform:translate(-50%,-15px);opacity:0;pointer-events:none;padding:11px 19px;border-radius:17px;background:#26306c;color:#fff;font-weight:900;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes float{50%{transform:translateY(-12px) rotate(3deg)}}@keyframes pop{from{transform:scale(.75);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:650px){.hud{height:auto;flex-wrap:wrap}.who{min-width:0;flex:1}.stats{order:3;width:100%;margin:0;justify-content:space-around}.stage-wrap{min-height:0}.answers{grid-template-columns:1fr}.welcome-card{padding:32px 20px}.name-row{flex-direction:column}.name-row .primary{width:100%}}