:root{--pv:#6d5dfc;--blue:#2e9fe9;--pink:#ef6fa7;--gold:#f5b72e;--good:#16885a;--bad:#c43d3d}html,body{width:100%;height:100%;overflow:hidden}body{display:grid;place-items:center;overscroll-behavior:none}.app{position:absolute;left:50%;top:50%;width:1280px;height:720px;min-height:0;overflow:hidden;grid-template-rows:58px minmax(0,1fr) 58px;transform:translate(-50%,-50%) scale(var(--k,1));transform-origin:center;background:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px}.top{gap:14px;padding-inline:18px}.top .edu-link,.top .edu-img{width:126px;height:35px}.top .edu-img{object-fit:contain}.top .brand{min-width:330px;max-width:420px}.top .tools{flex-wrap:nowrap}.top .tbtn,.top .style-pick{white-space:nowrap;min-height:40px}main{min-height:0;overflow:hidden}.screen{display:none;height:100%;padding:28px 56px;overflow:auto}.screen.on{display:block;animation:rise .25s ease}.hero.on{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:60px}.eyebrow{color:var(--leaf);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hero h1{font:800 4.7rem/.96 'Baloo 2';margin:.18em 0;max-width:690px}.hero-copy>p{font-size:1.28rem;max-width:650px}.grp{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-art{text-align:center;border:1px solid var(--line);border-radius:34px;background:var(--card);padding:34px;box-shadow:var(--shadow)}.hero-emoji{font-size:6.4rem}.number-ribbon{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0}.number-ribbon b{padding:13px 5px;border-radius:14px;background:var(--leaf-tint);color:var(--leaf-deep);font-size:1.35rem}.hero-art p{font-weight:900}.game-top{display:flex;align-items:end;justify-content:space-between;gap:24px}.game h2{font:800 2.45rem/1.05 'Baloo 2';margin:.1em 0;max-width:780px}.stats{display:flex;gap:10px}.stats span{padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);white-space:nowrap}.stats b{color:var(--pv)}.progress{height:9px;border-radius:99px;background:var(--line);margin:9px 0 18px;overflow:hidden}.progress i{display:block;width:10%;height:100%;background:linear-gradient(90deg,var(--pv),var(--pink));transition:.25s}.work-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;height:430px}.card{border:1px solid var(--line);border-radius:28px;background:var(--card);padding:24px;box-shadow:var(--shadow)}.visual{display:grid;place-items:center;text-align:center;overflow:auto}.big-number{font:800 4.7rem/1 'Baloo 2';color:var(--pv)}.expanded{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;font:800 2rem 'Baloo 2'}.expanded span{padding:12px 14px;border-radius:14px;background:var(--leaf-tint);color:var(--leaf-deep)}.place-chart{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);width:100%;border:1px solid var(--line);border-radius:18px;overflow:hidden}.place-chart div{padding:16px 6px;border-right:1px solid var(--line)}.place-chart div:last-child{border:0}.place-chart span{display:block;color:var(--muted);font-weight:800}.place-chart b{display:block;color:var(--pv);font-size:2rem}.story{font-size:1.35rem;line-height:1.6;text-align:left}.story strong{color:var(--pv)}.answer-card{display:flex;flex-direction:column}.answer-card>p{font-weight:900;font-size:1.15rem}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{min-height:64px;text-align:left;border:2px solid var(--line);border-radius:17px;background:var(--paper);color:var(--ink);padding:11px 15px;font:800 1.04rem Nunito;cursor:pointer}.answer:hover{border-color:var(--pv);transform:translateY(-2px)}.answer.correct{border-color:var(--good);background:#e9fff4}.answer.wrong{border-color:var(--bad);background:#fff0f0}.answer:disabled{cursor:default}.feedback{margin-top:14px;padding:13px;border-radius:14px;font-weight:900}.feedback.good{background:#e8fff3;color:#087545}.feedback.bad{background:#fff0f0;color:#a62323}.answer-actions{display:flex;justify-content:space-between;margin-top:auto}.finish.on{display:grid;place-items:center}.finish-card{text-align:center;max-width:680px;border:1px solid var(--line);border-radius:34px;background:var(--card);padding:36px 64px;box-shadow:var(--shadow)}.trophy{font-size:4rem}.finish h2{font-size:3rem}.final-score{display:inline-grid;margin:18px;padding:14px 40px;border-radius:20px;background:var(--leaf-tint)}.final-score b{font:800 3rem 'Baloo 2';color:var(--pv)}.nav-dots{display:flex;gap:6px}.nav-dots i{width:10px;height:10px;border-radius:50%;background:var(--line)}.nav-dots i.on{background:var(--pv)}@keyframes rise{from{opacity:0;transform:translateY(10px)}}@media(prefers-reduced-motion:reduce){.screen.on{animation:none}}