:root{--ink:#1b2742;--ink2:#4a5675;--sea:#2f6fed;--sea-d:#1d4fc2;--coral:#ff6b5b;--sun:#ffc83d;--mint:#2fc79b;--grape:#8a5cf6;--paper:#fff8ee;--card:#fff;--line:#eadfcc;--f0:#ff8a7a;--f1:#ffb155;--f2:#ffd84d;--f3:#7fdc8f;--f4:#5cc8f0;--f5:#8fa8ff;--f6:#c79bff;--f7:#ff9bd2;--f8:#dfe3ea}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Nunito,system-ui,sans-serif;line-height:1.55}h1,h2,h3{margin:0;font-family:"Baloo 2",Nunito,sans-serif;line-height:1.1}a{color:inherit}.wrap{max-width:1120px;margin:0 auto;padding:0 22px}button{cursor:pointer;font-family:inherit}nav{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#fff8eeeb;position:sticky;top:0}nav .wrap{align-items:center;gap:22px;height:66px;display:flex}.logo{letter-spacing:-.5px;align-items:center;gap:8px;font-family:"Baloo 2";font-size:26px;font-weight:800;text-decoration:none;display:flex}.logo b{color:var(--sea)}.logo svg{width:38px;height:38px}nav .links{gap:20px;margin-left:auto;font-size:15px;font-weight:700;display:flex}nav .links a{color:var(--ink2);text-decoration:none}nav .links a:hover{color:var(--sea)}.btn{border:0;border-radius:14px;align-items:center;gap:8px;padding:13px 22px;font-size:16px;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn-main{background:var(--sea);color:#fff;box-shadow:0 5px 0 var(--sea-d)}.btn-main:hover{box-shadow:0 7px 0 var(--sea-d);transform:translateY(-2px)}.btn-main:active{box-shadow:0 2px 0 var(--sea-d);transform:translateY(3px)}.btn-soft{color:var(--ink);box-shadow:0 4px 0 var(--line);border:2px solid var(--line);background:#fff}.btn-sm{border-radius:11px;padding:9px 16px;font-size:14px}.hero{padding:64px 0 40px;position:relative;overflow:hidden}.hero .wrap{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;display:grid}.pill{border:2px solid var(--line);color:var(--coral);background:#fff;border-radius:99px;margin-bottom:18px;padding:5px 14px;font-size:13px;font-weight:800;display:inline-block}.hero h1{letter-spacing:-1.5px;font-size:clamp(40px,6vw,66px);font-weight:800}.hero h1 .hl{color:var(--sea);white-space:nowrap;position:relative}.hero h1 .hl:after{content:"";background:var(--sun);z-index:-1;border-radius:6px;height:12px;position:absolute;bottom:4px;left:0;right:0}.hero p.lead{color:var(--ink2);max-width:520px;margin:18px 0 28px;font-size:19px}.hero .ctas{flex-wrap:wrap;gap:14px;display:flex}.hero .proof{color:var(--ink2);flex-wrap:wrap;gap:26px;margin-top:30px;font-size:14px;font-weight:700;display:flex}.hero .proof span b{color:var(--ink);font-family:"Baloo 2";font-size:28px;display:block}.hero-art{place-items:center;display:grid;position:relative}.hero-art .blob{z-index:-1;background:linear-gradient(140deg,#cfe0ff,#ffe3b8);border-radius:46% 54% 60% 40%/50% 42% 58% 50%;width:420px;height:420px;position:absolute}.hero-art svg.tikkie{width:min(360px,80vw);animation:3.2s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-12px)rotate(-2deg)}}.bubble{border:2px solid var(--line);box-shadow:0 6px 0 var(--line);background:#fff;border-radius:18px 18px 18px 4px;padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:800;position:absolute;top:12px;right:0}.bubble .cur{background:var(--sea);vertical-align:-2px;width:2px;height:16px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}section{padding:70px 0}.sec-head{text-align:center;max-width:660px;margin:0 auto 40px}.sec-head h2{letter-spacing:-.8px;font-size:clamp(30px,4vw,44px);font-weight:800}.sec-head p{color:var(--ink2);margin-top:10px;font-size:17px}.eyebrow{letter-spacing:1.5px;text-transform:uppercase;color:var(--coral);margin-bottom:8px;font-size:13px;font-weight:800;display:block}.timeline{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:26px;display:flex}.tl{border:2px solid var(--line);box-shadow:0 4px 0 var(--line);text-align:center;background:#fff;border-radius:16px;min-width:108px;padding:10px 14px;font-size:14px;font-weight:800}.tl span{font-size:24px;display:block}.tl small{color:var(--ink2);font-size:12px;font-weight:700;display:block}.tl.game{background:#fff6dc;border-color:#f3dc9a;box-shadow:0 4px #f3dc9a}.week{text-align:center;max-width:640px;color:var(--ink2);background:#e4ecff;border-radius:18px;margin:0 auto;padding:14px 20px;font-weight:700}.games{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.game{background:var(--card);border:2px solid var(--line);box-shadow:0 6px 0 var(--line);border-radius:22px;padding:22px}.game .ic{letter-spacing:2px;font-size:34px}.game h3{margin:6px 0;font-size:21px}.game p{color:var(--ink2);margin:0;font-size:14.5px}#lessen{background:linear-gradient(#fff8ee,#eef4ff)}.worlds{gap:22px;display:grid}.world{background:var(--card);border:2px solid var(--line);box-shadow:0 6px 0 var(--line);border-radius:26px;grid-template-columns:230px 1fr;align-items:center;gap:20px;padding:22px 24px;display:grid;position:relative}.world.freew:before{content:"GRATIS TE PROBEREN";background:var(--sun);color:var(--ink);letter-spacing:.6px;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:800;position:absolute;top:-11px;left:24px}.world-info .wnum{letter-spacing:1.4px;text-transform:uppercase;opacity:.8;font-size:12px;font-weight:800}.world-info h3{margin:2px 0 4px;font-size:25px}.world-info p{color:var(--ink2);margin:0;font-size:14px}.world-info .emoji{font-size:30px}.lessons{flex-wrap:wrap;align-items:stretch;gap:12px;display:flex}.lesson{text-align:center;background:var(--wc);color:#fff;width:118px;box-shadow:0 5px 0 var(--wd);border:0;border-radius:18px;padding:12px 10px 10px;transition:transform .12s;position:relative}.lesson:hover:not(.locked){transform:translateY(-3px)}.lesson .ln{font-family:"Baloo 2";font-size:30px;font-weight:800;line-height:1}.lesson .lt{justify-content:center;align-items:center;min-height:30px;margin-top:3px;font-size:12.5px;font-weight:800;line-height:1.2;display:flex}.lesson .stars{letter-spacing:1px;margin-top:3px;font-size:13px}.lesson .stars .off{opacity:.35}.lesson .meta{opacity:.85;margin-top:1px;font-size:11px;font-weight:700}.lesson.toets{color:var(--ink);background:linear-gradient(160deg,#ffd75e,#ffb627);box-shadow:0 5px #d48f00}.lesson.toets .ln{font-size:28px}.lesson.locked{color:#9b927f;cursor:not-allowed;background:#e9e4da;box-shadow:0 5px #d4ccbc}.lesson.locked .stars{display:none}.lesson .lock{font-size:12px;position:absolute;top:6px;right:8px}.lesson .resume{background:var(--ink);color:#fff;white-space:nowrap;border-radius:99px;padding:2px 7px;font-size:9.5px;font-weight:800;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.aud{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.aud .card{color:var(--ink);border-radius:24px;padding:28px}.aud h3{margin:8px 0;font-size:24px}.aud ul{color:var(--ink2);margin:10px 0 0;padding-left:18px}.aud li{margin:4px 0}.prices{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;display:grid}.price{border:2px solid var(--line);box-shadow:0 6px 0 var(--line);background:#fff;border-radius:24px;flex-direction:column;padding:28px;display:flex}.price.best{border-color:var(--sea);box-shadow:0 6px 0 var(--sea-d);position:relative}.price.best:before{content:"Meest gekozen";background:var(--sea);color:#fff;border-radius:99px;padding:4px 12px;font-size:12px;font-weight:800;position:absolute;top:-13px;left:24px}.price h3{font-size:22px}.price .amt{margin:8px 0 2px;font-family:"Baloo 2";font-size:40px;font-weight:800}.price .amt small{color:var(--ink2);font-family:Nunito;font-size:16px}.price ul{flex:1;margin:14px 0 22px;padding:0;list-style:none}.price li{color:var(--ink2);padding:5px 0 5px 26px;position:relative}.price li:before{content:"✓";color:var(--mint);font-weight:800;position:absolute;left:0}.note{color:var(--ink2);text-align:center;margin-top:18px;font-size:13px}.faq{max-width:760px;margin:0 auto}details{border:2px solid var(--line);background:#fff;border-radius:18px;margin-bottom:12px;padding:16px 20px}summary{cursor:pointer;justify-content:space-between;font-size:17px;font-weight:800;list-style:none;display:flex}summary:after{content:"+";color:var(--sea);font-size:22px;line-height:1}details[open] summary:after{content:"–"}details p{color:var(--ink2);margin:10px 0 0}footer{background:var(--ink);color:#c9d2e6;padding:40px 0;font-size:14px}footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}footer .logo{color:#fff}footer button{color:#c9d2e6;background:0 0;border:1px dashed #6b7899;border-radius:8px;padding:6px 10px;font-size:12px}#trainer{z-index:50;background:var(--paper);display:none;position:fixed;inset:0;overflow:auto}#trainer.open{display:block}.tr-top{border-bottom:1px solid var(--line);z-index:5;background:#fff;align-items:center;gap:14px;padding:12px 22px;display:flex;position:sticky;top:0}.tr-top .ttl{font-family:"Baloo 2";font-size:21px;font-weight:800;line-height:1.1}.tr-top .ttl small{color:var(--ink2);letter-spacing:.8px;text-transform:uppercase;font-family:Nunito;font-size:12px;font-weight:800;display:block}.tr-top .sp{flex:1}.stepbar{gap:6px;max-width:1040px;margin:0 auto;padding:12px 22px;display:flex;overflow-x:auto}.chip{border:2px solid var(--line);color:var(--ink2);background:#fff;border-radius:99px;flex:none;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;font-weight:800;display:flex}.chip.done{color:#1f8f6c;background:#e3f7ef;border-color:#b5ead6}.chip.now{background:var(--sea);border-color:var(--sea);color:#fff}.tr-body{max-width:1000px;margin:0 auto;padding:4px 22px 30px}#stage{min-height:360px;position:relative}.sthead{align-items:center;gap:14px;margin:6px 0 14px;display:flex}.sthead svg{flex:none;width:58px;height:58px}.sthead h3{font-size:26px}.sthead p{color:var(--ink2);margin:2px 0 0;font-weight:700}.mini{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.mini span{border:2px solid var(--line);color:var(--ink2);background:#fff;border-radius:12px;padding:5px 12px;font-size:14px;font-weight:700}.mini b{color:var(--ink);font-family:"Baloo 2";font-size:18px}.progress{background:#eee4d3;border-radius:99px;height:10px;margin-bottom:12px;overflow:hidden}.progress i{background:linear-gradient(90deg,var(--mint),var(--sea));border-radius:99px;width:0;height:100%;transition:width .15s;display:block}.textbox{border:3px solid var(--line);letter-spacing:.5px;white-space:pre-wrap;word-break:break-word;background:#fff;border-radius:22px;max-height:270px;padding:20px 24px;font-family:JetBrains Mono,monospace;font-size:24px;line-height:1.7;overflow:hidden}body.big .textbox{font-size:34px}.ch{color:#a8a092;border-radius:4px}.ch.ok{color:var(--ink)}.ch.fixed{color:var(--coral)}.ch.cur{background:var(--sun);color:var(--ink);box-shadow:0 3px #e0a800}.ch.cur.sp{background:#ffe9a3}.ch.bad{background:#ffd2cc;animation:.25s shake}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.finger{text-align:center;color:var(--ink2);min-height:24px;margin:12px 0 10px;font-weight:800}.finger b{color:var(--ink);background:var(--fc);border-radius:99px;padding:2px 10px}.kb{border:2px solid var(--line);-webkit-user-select:none;user-select:none;background:#fff;border-radius:22px;gap:6px;max-width:860px;margin:0 auto;padding:14px;display:grid}.kr{gap:6px;display:flex}.k{background:var(--fc,#eef0f4);height:46px;color:var(--ink);border-radius:10px;flex:1 1 0;place-items:center;min-width:0;font-size:15px;font-weight:800;transition:transform 80ms,background .15s;display:grid;position:relative;box-shadow:0 3px #0000001f}.k.w15{flex-grow:1.5}.k.w18{flex-grow:1.8}.k.w22{flex-grow:2.2}.k.w25{flex-grow:2.5}.k.space{flex-grow:7}.k.mod{color:#8b93a6;background:#f1f2f5;font-size:12px}.k.home:before{content:"";background:#00000073;border-radius:2px;width:12px;height:2px;position:absolute;bottom:7px}.k.next{outline:4px solid var(--ink);outline-offset:1px;z-index:2;animation:1s infinite pulse;transform:translateY(-3px)}@keyframes pulse{50%{outline-color:var(--sea)}}.k.press{box-shadow:none;transform:translateY(2px)}.k.dim{opacity:.3}.f0{--fc:var(--f0)}.f1{--fc:var(--f1)}.f2{--fc:var(--f2)}.f3{--fc:var(--f3)}.f4{--fc:var(--f4)}.f5{--fc:var(--f5)}.f6{--fc:var(--f6)}.f7{--fc:var(--f7)}.f8{--fc:var(--f8)}.blind .k .lbl{opacity:0;transition:opacity .2s}.blind .k.reveal .lbl{opacity:1}.blind .k{height:60px}.k.crab:after{content:"🦀";font-size:34px;animation:.2s cubic-bezier(.3,1.8,.5,1) popin;position:absolute}.k.hit:after{content:"💥";font-size:30px;animation:.2s popin;position:absolute}.k.wrong{background:#ff5b5b!important}@keyframes popin{0%{transform:scale(0)}}.hud{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.hud span{border:2px solid var(--line);color:var(--ink2);background:#fff;border-radius:12px;padding:5px 12px;font-weight:700}.hud b{color:var(--ink);font-family:"Baloo 2";font-size:19px}.rain{background:linear-gradient(#cfe8ff 0%,#eaf5ff 70%);border:3px solid #b9d9f7;border-radius:22px;height:400px;position:relative;overflow:hidden}.rain .sea{background:repeating-linear-gradient(90deg,#3d8de8 0 30px,#4a98ef 30px 60px);border-top:4px solid #2f6fed;height:46px;position:absolute;bottom:0;left:0;right:0}.bub{white-space:nowrap;background:#fff;border:3px solid #8fc4f5;border-radius:99px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:22px;font-weight:700;position:absolute;transform:translate(-50%);box-shadow:0 4px #b9d9f7}.bub.letter{place-items:center;width:54px;height:54px;padding:0;font-size:26px;display:grid}.bub .t{color:var(--mint)}.bub.target{border-color:var(--sun);box-shadow:0 4px #e0a800}.bub.pop{animation:.25s forwards bpop}@keyframes bpop{to{opacity:0;transform:translate(-50%)scale(1.6)}}.splash{font-size:30px;animation:.5s forwards bpop;position:absolute;bottom:40px;transform:translate(-50%)}.blocks{grid-template-columns:auto 1fr;align-items:start;gap:24px;display:grid}.blocks canvas{background:#1b2742;border:4px solid #2d3b5e;border-radius:18px;display:block}.ctrls{gap:12px;display:grid}.ctrl{border:2px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:10px 14px;font-size:17px;font-weight:800;display:flex}.cap{background:var(--fc,#eef0f4);border-radius:12px;place-items:center;min-width:54px;height:54px;padding:0 10px;font-family:JetBrains Mono;font-size:24px;font-weight:700;display:grid;box-shadow:0 4px #00000026}.cap.flash{box-shadow:none;transform:translateY(3px)}.bmsg{min-height:26px;color:var(--coral);font-weight:800}.track{background:linear-gradient(#bfe3ff,#8fcaf5);border-radius:18px;margin-bottom:12px;padding:8px 54px 8px 8px;position:relative}.lane{height:46px;position:relative}.lane+.lane{border-top:2px dashed #ffffffb3}.sw{width:40px;height:40px;font-size:32px;line-height:40px;transition:left .12s linear;position:absolute;top:3px}.flag{font-size:30px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.lane small{color:#1d4fc2;font-size:11px;font-weight:800;position:absolute;top:12px;right:-46px}.between,.gstart{z-index:4;background:#fff8eeed;border-radius:22px;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.between .box,.gstart .box{border:2px solid var(--line);text-align:center;width:100%;max-width:520px;box-shadow:0 8px 0 var(--line);background:#fff;border-radius:26px;padding:28px 30px;animation:.3s cubic-bezier(.3,1.6,.5,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.8)}}.box h3{margin-bottom:6px;font-size:28px}.box p{color:var(--ink2);margin:6px 0}.rs{color:var(--ink2);flex-wrap:wrap;justify-content:center;gap:26px;margin:14px 0 18px;font-weight:700;display:flex}.rs b{color:var(--ink);font-family:"Baloo 2";font-size:30px;line-height:1.1;display:block}.hint{color:var(--ink2);background:#f4efe5;border-radius:8px;margin-top:10px;padding:4px 10px;font-size:13px;font-weight:800;display:inline-block}.bigstars{letter-spacing:6px;font-size:50px}.bigstars .off{filter:grayscale();opacity:.3}.keyshow{justify-content:center;gap:14px;margin:16px 0;display:flex}.keyshow div{text-align:center;color:var(--ink2);font-size:13px;font-weight:800}.keyshow .cap{width:76px;height:76px;margin:0 auto 6px;font-size:36px}.plan{text-align:left;color:var(--ink2);grid-template-columns:1fr 1fr;gap:4px 16px;margin:12px 0;padding:0;font-size:14px;font-weight:700;list-style:none;display:grid}.introcard{border:2px solid var(--line);max-width:720px;box-shadow:0 6px 0 var(--line);text-align:center;background:#fff;border-radius:26px;margin:0 auto 16px;padding:26px 30px}.introcard h3{font-size:32px}.diploma{background:linear-gradient(#fffdf5,#fff6dc);border:6px double #d4a017;border-radius:18px;margin-top:8px;padding:26px}.diploma h4{margin:4px 0;font-family:"Baloo 2";font-size:30px}.diploma .nm{color:var(--sea);border-bottom:2px solid #d4a017;margin:6px 0;padding:0 20px;font-family:"Baloo 2";font-size:36px;display:inline-block}input.name{font:inherit;border:2px solid var(--line);border-radius:12px;width:100%;margin:10px 0;padding:10px 14px;font-size:18px}.capswarn{background:var(--coral);color:#fff;z-index:80;border-radius:12px;padding:10px 18px;font-weight:800;display:none;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.touch-note{border:2px solid var(--sun);background:#fff3d6;border-radius:14px;margin:10px 0;padding:10px 14px;font-weight:700;display:none}.confetti{z-index:90;pointer-events:none;width:10px;height:14px;animation:linear forwards fall;position:fixed;top:-20px}@keyframes fall{to{transform:translateY(110vh)rotate(720deg)}}.k.crab:after{content:attr(data-e)}.kb.night{background:#1b2742;border-color:#2d3b5e}.kb.spooky{background:#3b2a5c;border-color:#4e3a78}.rain .bub.active{z-index:3;border-color:var(--sun)!important;box-shadow:0 0 0 5px var(--sun),0 0 18px 6px #ffc83db3!important}.bub.nope{animation:.25s bshake}@keyframes bshake{25%{transform:translate(calc(-50% - 6px))}75%{transform:translate(calc(6px - 50%))}}.rain.ballon{background:linear-gradient(#8fd3ff,#eaf7ff);border-color:#a9dcff}.rain.ballon .bub{color:#fff;box-shadow:none;background:#ff8a7a;border-color:#ff6b5b;border-radius:50% 50% 46% 46%/58% 58% 42% 42%}.rain.ballon .bub:not(.letter){border-radius:40px}.rain.ballon .bub:after{content:"";background:#9aa6bd;width:2px;height:22px;position:absolute;top:100%;left:50%}.rain.ballon .bub .t{color:#ffe08a}.rain.ballon .bub.active{border-color:var(--sun)}.rain.meteoor{background:radial-gradient(circle at 30% 20%,#33427a,#0d1530);border-color:#2d3b5e}.rain.meteoor .bub{background:#ffb155;border-color:#ff6b5b;box-shadow:0 -10px 16px #ff8c3c8c}.rain.meteoor .bub .t{color:#fff}.rain .planet{background:linear-gradient(#5fbf7a,#2f8f55);border-top:4px solid #7fdc8f;border-radius:50% 50% 0 0/30px 30px 0 0;height:46px;position:absolute;bottom:0;left:0;right:0}.rain .sky{background:repeating-linear-gradient(90deg,#fff 0 20px,#d9efff 20px 40px);height:8px;position:absolute;top:0;left:0;right:0}.track.space{background:linear-gradient(#1b2742,#3a2d6b)}.track.space .lane small{color:#ffd84d}.track.snow{background:linear-gradient(#fff,#d6ecff)}.river{background:repeating-linear-gradient(100deg,#4aa3f0 0 40px,#58adf2 40px 80px);border:3px solid #2f6fed;border-radius:22px;height:250px;position:relative;overflow:hidden}.strip{justify-content:center;gap:18px;display:flex;position:absolute;top:110px;left:0;right:0}.stone{color:#fff;background:#a7a29a;border-radius:50%;flex:none;place-items:center;width:96px;height:66px;font-family:JetBrains Mono;font-size:20px;font-weight:700;transition:transform .15s;display:grid;position:relative;box-shadow:0 6px #7d776e}.stone.next{color:var(--ink);background:#ffc83d;transform:scale(1.12);box-shadow:0 6px #d49a00}.stone.on{background:#8f8a82}.stone.bank{background:#7fdc8f;border-radius:18px;box-shadow:0 6px #4fa865}.stone .t{color:var(--mint)}.stone .me{width:62px;height:62px;position:absolute;bottom:40px}.stone .croc{font-size:46px;position:absolute;bottom:34px}.stone.nope{animation:.25s shake}.croc-warn{text-align:center;min-height:26px;margin-top:10px;font-weight:800}#navUser{align-items:center;gap:8px;margin-left:auto;display:flex;position:relative}nav .links+#navUser{margin-left:0}.userchip{border:2px solid var(--line);background:#fff;border-radius:99px;align-items:center;gap:6px;padding:5px 14px 5px 8px;font-size:15px;font-weight:800;display:flex}.userchip .av{font-size:22px}.umenu{border:2px solid var(--line);box-shadow:0 8px 0 var(--line);z-index:30;background:#fff;border-radius:16px;min-width:230px;padding:6px;display:none;position:absolute;top:50px;right:0}.umenu.open{display:block}.umenu button{text-align:left;background:0 0;border:0;border-radius:10px;width:100%;padding:10px 12px;font-size:15px;font-weight:700;display:block}.umenu button:hover{background:#f4efe5}.who{border:2px solid var(--line);background:#fff;border-radius:14px;padding:8px 14px;font-weight:700;display:inline-block;font-size:15px!important}.modal{z-index:100;background:#1b27428c;place-items:center;padding:16px;display:none;position:fixed;inset:0;overflow:auto}.modal.open{display:grid}.mbox{background:#fff;border-radius:26px;width:100%;max-width:450px;max-height:calc(100vh - 32px);padding:28px;animation:.25s pop;position:relative;overflow:auto;box-shadow:0 10px #00000026}.mbox.wide{max-width:920px}.mbox h3{margin-bottom:6px;font-size:28px}.mbox p{color:var(--ink2)}.mclose{background:#f4efe5;border:0;border-radius:10px;width:34px;height:34px;font-size:16px;position:absolute;top:14px;right:16px}.field{margin:10px 0;font-size:14px;font-weight:800;display:block}.field input{width:100%;font:inherit;border:2px solid var(--line);border-radius:12px;margin-top:5px;padding:11px 13px;font-weight:600;display:block}.field input:focus,.pinbox:focus,.pinset input:focus{border-color:var(--sea);outline:none}.err{color:var(--coral);min-height:20px;margin:4px 0;font-size:14px;font-weight:800}.choice{border:2px solid var(--line);cursor:pointer;border-radius:14px;align-items:flex-start;gap:10px;margin:8px 0;padding:11px 12px;font-weight:700;display:flex}.choice:has(input:checked){border-color:var(--sea);background:#eef4ff}.choice input{margin-top:4px}.avatars{flex-wrap:wrap;gap:8px;display:flex}.avatars label{border:2px solid var(--line);cursor:pointer;border-radius:14px;place-items:center;width:50px;height:50px;font-size:28px;display:grid}.avatars input{display:none}.avatars label:has(input:checked){border-color:var(--sea);background:#eef4ff}.btn.wide{justify-content:center;width:100%;margin-top:6px}.small{text-align:center;color:var(--ink2);font-size:13.5px}.proto{color:#8a6a00;background:#fff3d6;border-radius:12px;margin-top:14px;padding:8px 12px;font-size:12.5px;font-weight:700}.players{flex-wrap:wrap;justify-content:center;gap:18px;margin:18px 0 4px;display:flex}.player{text-align:center;background:0 0;border:0;font-size:15px;font-weight:800}.player .av{border:3px solid var(--line);background:#fff6dc;border-radius:24px;place-items:center;width:90px;height:90px;margin:0 auto 6px;font-size:48px;transition:transform .12s;display:grid}.player:hover .av{border-color:var(--sea);transform:translateY(-4px)}.badge{background:var(--mint);color:#fff;vertical-align:2px;border-radius:99px;padding:1px 8px;font-size:11px;font-weight:800}.pinbox{text-align:center;letter-spacing:18px;border:2px solid var(--line);border-radius:16px;width:200px;height:64px;margin:16px auto 4px;font-size:34px;font-weight:800;display:block}.pinbox.nope{animation:.25s shake}.pinset{background:#f8f4ec;border-radius:14px;margin:8px 0;padding:14px}.pinset input{width:120px;font:inherit;border:2px solid var(--line);text-align:center;letter-spacing:6px;border-radius:10px;padding:8px 12px;font-size:18px}.tabs{border-bottom:2px solid var(--line);gap:4px;margin:12px 0 16px;display:flex;overflow-x:auto}.tab{color:var(--ink2);white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-2px;padding:10px 14px;font-weight:800}.tab.on{color:var(--sea);border-color:var(--sea)}.kids{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;display:grid}.kid{border:2px solid var(--line);border-radius:20px;padding:18px}.kid .top{align-items:center;gap:12px;display:flex}.kid .top .av{font-size:40px}.kpis{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.kpis div{text-align:center;color:var(--ink2);background:#f8f4ec;border-radius:12px;padding:8px;font-size:12px;font-weight:700}.kpis b{color:var(--ink);font-family:"Baloo 2";font-size:22px;display:block}.bars{align-items:flex-end;gap:6px;height:64px;margin:8px 0 2px;display:flex}.bars div{background:var(--sea);border-radius:6px 6px 0 0;flex:1}.barlbl{color:var(--ink2);gap:6px;font-size:11px;font-weight:700;display:flex}.barlbl span{text-align:center;flex:1}.wk{gap:6px;margin-top:6px;display:flex}.wk .cap{border-radius:9px;min-width:36px;height:36px;font-size:16px}.hist{margin:6px 0 0;padding:0;font-size:13px;list-style:none}.hist li{border-bottom:1px dashed var(--line);justify-content:space-between;gap:8px;padding:5px 0;display:flex}.setrow{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.setrow p{margin:3px 0 0;font-size:13px;font-weight:600}.setrow select{font:inherit;border:2px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;font-weight:700}.setrow select:disabled{opacity:.5}.switch{flex:none;width:54px;height:30px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch span{cursor:pointer;background:#d8d2c5;border-radius:99px;transition:all .2s;position:absolute;inset:0}.switch span:before{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:all .2s;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--mint)}.switch input:checked+span:before{transform:translate(24px)}.switch input:disabled+span{opacity:.5;cursor:not-allowed}.field select{width:100%;font:inherit;border:2px solid var(--line);background:#fff;border-radius:12px;margin-top:5px;padding:11px 13px;font-weight:700;display:block}.order{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 0;display:flex}.order p{margin:2px 0 0;font-size:13px}.order>b{white-space:nowrap}.order.disc{color:var(--mint);font-size:14px;font-weight:800}.order.disc s{color:var(--ink2);font-weight:600}.order.total{border-bottom:0;font-size:18px;font-weight:800}.planbox{background:#eef4ff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;padding:14px 16px;display:flex}.planbox p{margin:2px 0 0;font-size:13px}.prices{grid-template-columns:repeat(3,1fr)}.limchip{border:2px solid var(--sun);background:#fff3d6;border-radius:99px;padding:4px 12px;font-size:13px;font-weight:800;display:none}@media (max-width:900px){.hero .wrap,.world,.blocks,.aud,.prices{grid-template-columns:1fr}.games{grid-template-columns:1fr 1fr}nav .links{display:none}#navUser{margin-left:auto!important}.userchip{font-size:13px}.hero-art{order:-1}.hero-art .blob{width:300px;height:300px}.textbox{font-size:19px}.k{height:36px;font-size:12px}.lesson{width:calc(33% - 8px)}}@media (pointer:coarse){.touch-note{display:block}}