@import url('final.css');
@import url('scenes.css');
:root{--navy:#16385f;--blue:#1379c9;--yellow:#ffd33e;--coral:#ff6755;--green:#62c55d;--muted:#657c91}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#dff6ff,#fff3be 48%,#efe1ff);color:var(--navy);font:700 16px/1.5 ui-rounded,"Arial Rounded MT Bold",Nunito,system-ui,sans-serif}button{font:inherit}header{display:flex;justify-content:space-between;align-items:center;padding:14px max(20px,5vw);background:#ffffffec;box-shadow:0 5px 24px #173d651c}header div{font-size:1.25rem}header span{padding:7px 12px;border-radius:999px;background:#e9f7ff;color:var(--blue);font-size:.78rem}main{width:min(1040px,calc(100% - 28px));margin:38px auto 70px}.intro{text-align:center}.intro>span,.module-head small,.question small,.learn-card small{color:var(--coral);letter-spacing:.12em;font-size:.78rem}.intro h1{font-size:clamp(2.2rem,6vw,4.1rem);line-height:1;margin:8px}.intro p,.module-head p{color:var(--muted)}.modules{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:28px 0 20px}.modules button{display:grid;place-items:center;gap:4px;min-height:102px;padding:10px;border:3px solid #fff;border-radius:20px;background:#fff;color:var(--navy);cursor:pointer;box-shadow:0 8px 20px #173d6520}.modules button span{font-size:2rem}.modules button b{font-size:.82rem;line-height:1.15}.modules button.active{border-color:var(--yellow);box-shadow:0 0 0 3px var(--navy)}.workspace{padding:26px;border:4px solid #fff;border-radius:31px;background:#ffffffdc;box-shadow:0 22px 55px #173d6525}.module-head{display:flex;align-items:center;gap:18px}.module-head>span{display:grid;place-items:center;flex:0 0 82px;height:82px;border-radius:24px;background:linear-gradient(145deg,#63d7ff,#6a5ddd);font-size:3rem}.module-head h2{font-size:2.3rem;margin:3px 0}.module-head p{margin:0}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0 17px}.modes button{padding:12px;border:3px solid #e3eff5;border-radius:15px;background:#fff;color:var(--navy);cursor:pointer}.modes button.active{border-color:var(--yellow);box-shadow:0 0 0 2px var(--navy)}.lesson{padding:20px;border-radius:24px;background:#f8fcff}.lesson[hidden]{display:none}.learn-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:25px;align-items:center}.learn-visual,.question-visual{display:grid;place-items:center;min-height:250px;padding:18px;border-radius:25px;background:linear-gradient(145deg,#c8efff,#fff2bd);font-size:6.5rem;text-align:center}.learn-card h3,.question h3{font-size:2.2rem;margin:7px 0}.learn-card p{color:var(--muted);font-size:1.05rem}.audio-note{display:block;margin-top:15px;padding:10px;border-radius:12px;background:#edf8ff;color:var(--blue);font-size:.82rem}.controls,.score{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.controls button{padding:10px 15px;border:0;border-radius:12px;background:var(--blue);color:#fff;cursor:pointer}.question{text-align:center}.question-visual{min-height:150px;margin-top:14px;font-size:4rem}.answers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.answers button{min-height:82px;padding:10px;border:3px solid #d6eaf4;border-radius:18px;background:#fff;color:var(--navy);cursor:pointer}.answers button span{display:block;font-size:2rem}.answers button.correct{background:#e0ffe7;border-color:var(--green)}.answers button.wrong{background:#ffe4df;border-color:var(--coral)}.message{text-align:center;min-height:27px;color:var(--muted)}.next-action{display:block;margin:16px auto 0;padding:11px 17px;border:0;border-radius:13px;background:var(--coral);color:#fff;box-shadow:0 5px 0 #a83c34;cursor:pointer}.score{padding:11px 15px;border-radius:14px;background:#eaf7ff}.shape{display:block;width:120px;height:120px;background:var(--shape,#258bd2)}.shape.circle{border-radius:50%}.shape.triangle{width:0;height:0;background:none;border-left:68px solid transparent;border-right:68px solid transparent;border-bottom:120px solid var(--shape)}.shape.rectangle{width:170px;height:95px}.shape.star{display:grid;place-items:center;background:none;color:var(--shape);font-size:9rem;line-height:1}.shape.diamond{transform:rotate(45deg);width:90px;height:90px}@media(max-width:760px){.modules{display:flex;overflow-x:auto;padding:4px 4px 12px}.modules button{flex:0 0 145px}.workspace{padding:15px}.module-head>span{flex-basis:66px;height:66px;font-size:2.4rem}.module-head h2{font-size:1.7rem}.learn-card{grid-template-columns:1fr}.learn-visual{min-height:210px}.answers{grid-template-columns:repeat(2,1fr)}.modes button{font-size:.88rem;padding:10px 4px}.intro h1{font-size:2.6rem}.question-visual{font-size:3.2rem}}