:root{--bg:#f2f6f1;--card:#fff;--ink:#253041;--muted:#6b7686;--line:#dfe6ea;--pri:#3aa66b;--pri-d:#2b8754;--acc:#ff8a3d;--acc-d:#e06d22;--ok:#2fae63;--okbg:#e3f7ea;--bad:#e2604f;--badbg:#fde9e6;--warn:#f2a93b;--warnbg:#fff4e0;--fire:#fff0e5;--forest:#e8f5e4;--ice:#e6f1fb;--boss:#f0e8fa}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);min-height:100vh;font-family:Trebuchet MS,Segoe UI,Verdana,sans-serif;font-size:20px}button{font:inherit;cursor:pointer;color:inherit;border:none;border-radius:14px}svg{max-width:100%;height:auto}.hidden{display:none!important}.ico{vertical-align:-.25em;flex:none;width:1.2em;height:1.2em;display:inline-block}header{border-bottom:2px solid var(--line);z-index:20;background:#fff;align-items:center;gap:16px;padding:10px 20px;display:flex;position:sticky;top:0}.logo{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:22px;font-weight:700;display:flex}.hdr-dragon{align-items:center;gap:10px;margin-left:12px;display:flex}.hdr-dragon .xpbar{background:#e8edf0;border-radius:8px;width:150px;height:12px;overflow:hidden}.hdr-dragon .xpbar i{background:linear-gradient(90deg,#7bd88f,#3aa66b);border-radius:8px;height:100%;transition:width .5s;display:block}.hdr-dragon .st{color:var(--muted);font-size:15px}.spacer{flex:1}.crystals{background:#eef4ff;border-radius:20px;padding:6px 14px;font-size:22px;font-weight:700}.crystals.bump{animation:.5s bump}.hbtn{white-space:nowrap;background:#f1f4f6;padding:8px 14px;font-size:17px}.logo,.crystals,.hdr-dragon .st{white-space:nowrap}@media (width<=1350px){body:not(.no-profile) .logo-t{display:none}}.hbtn:hover{background:#e4e9ee}main{max-width:1280px;margin:0 auto;padding:20px}.btn{padding:12px 22px;font-size:20px;font-weight:700;transition:transform 80ms,background .15s}.btn:active{transform:scale(.97)}.btn.pri{background:var(--pri);color:#fff;box-shadow:0 4px 0 var(--pri-d)}.btn.pri:hover{background:#43b876}.btn.acc{background:var(--acc);color:#fff;box-shadow:0 4px 0 var(--acc-d)}.btn.ghost{background:#eef1f4}.btn.ghost:hover{background:#e2e7ec}.btn.big{padding:16px 34px;font-size:26px}.btn:disabled{opacity:.45;cursor:default;box-shadow:none}.card{background:var(--card);border-radius:24px;padding:26px;box-shadow:0 4px 18px #1e324614}.frac{vertical-align:middle;flex-direction:column;align-items:center;margin:0 .12em;font-weight:700;line-height:1.05;display:inline-flex}.frac>span:first-child{border-bottom:.12em solid;padding:0 .18em .04em}.frac>span:last-child{padding:.04em .18em 0}.svt{fill:#253041;font-family:inherit;font-size:20px;font-weight:700}.svt.sm{font-size:16px}.hero{align-items:center;gap:26px;margin-bottom:22px;display:flex}.hero .bubble{max-width:620px;position:relative}.block{border-radius:26px;margin-bottom:20px;padding:18px 22px 22px}.block h2{margin:0 0 14px;font-size:24px}.block-A{background:var(--fire)}.block-B{background:var(--forest)}.block-C{background:var(--ice)}.block-D{background:var(--boss)}.block-E{background:#e6f4fb}.block-F{background:#f3edfd}.isl-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.isl{text-align:center;background:#fff;border:3px solid #0000;border-radius:20px;padding:14px;transition:transform .12s,box-shadow .12s;position:relative;box-shadow:0 3px 10px #0000000f}.isl:not(.locked):hover{transform:translateY(-3px);box-shadow:0 8px 18px #0000001a}.isl .em{font-size:40px;line-height:1.2}.isl .num{color:var(--muted);font-size:14px;font-weight:700;position:absolute;top:8px;left:12px}.isl .tt{justify-content:center;align-items:center;min-height:44px;font-size:17px;font-weight:700;display:flex}.isl .stars{letter-spacing:2px;color:#d6dbe0;font-size:22px}.isl .stars b{color:#ffbf1f;font-weight:400}.isl .lv{color:var(--muted);font-size:13px}.isl.locked{opacity:.5;cursor:not-allowed;filter:grayscale(.8)}.isl.locked:after{content:"";background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M8 10.5V7a4 4 0 0 1 8 0v3.5' stroke='%238a96a3' stroke-width='2.6' fill='none'/><rect x='4.5' y='10' width='15' height='11.5' rx='2.5' fill='%23ffbf1f'/><circle cx='12' cy='14.8' r='1.8' fill='%238a5a00'/><path d='M12 15v3.2' stroke='%238a5a00' stroke-width='1.6' stroke-linecap='round'/></svg>") 50%/contain no-repeat;width:24px;height:24px;position:absolute;top:8px;right:10px}.isl.rec{border-color:var(--acc);animation:1.6s infinite glow}.isl.rec:before{content:"Сюда!";background:var(--acc);color:#fff;border-radius:10px;padding:2px 10px;font-size:13px;font-weight:700;position:absolute;top:-12px;right:12px}.bubble{background:#fff;border:3px solid #cfe3d6;border-radius:22px;padding:14px 18px;font-size:21px;line-height:1.35;box-shadow:0 3px 10px #0000000d}.bubble.pop{animation:.35s pop}.bubble.good{background:var(--okbg);border-color:#9ddcb5}.bubble.oops{background:var(--warnbg);border-color:#f5c98b}.play-top{align-items:center;gap:16px;margin-bottom:16px;display:flex}.prog{flex-wrap:wrap;flex:1;justify-content:center;gap:8px;display:flex}.prog i{background:#e2e8ec;border:3px solid #fff;border-radius:50%;width:26px;height:26px;display:inline-block;box-shadow:0 0 0 2px #e2e8ec}.prog i.cur{box-shadow:0 0 0 3px var(--acc);background:#fff}.prog i.ok{background:var(--ok);box-shadow:0 0 0 2px var(--ok)}.prog i.meh{background:var(--warn);box-shadow:0 0 0 2px var(--warn)}.prog i.bad{background:#f3a79c;box-shadow:0 0 0 2px #f3a79c}.lvtag{color:var(--muted);background:#fff;border-radius:12px;padding:6px 12px;font-size:15px}.play-main{grid-template-columns:240px 1fr 230px;align-items:start;gap:20px;display:grid}.buddy{flex-direction:column;align-items:center;gap:10px;display:flex;position:sticky;top:90px}.buddy .bubble{width:100%;font-size:19px}.boss-box{text-align:center;width:100%}.boss-box .troll{font-size:72px;line-height:1}.boss-box.hit .troll{animation:.5s shake}.hp{background:#eee;border-radius:10px;height:16px;margin-top:6px;overflow:hidden}.hp i{background:linear-gradient(90deg,#e2604f,#ff9a5a);height:100%;transition:width .4s;display:block}.task{min-height:420px}.task .q{margin-bottom:14px;font-size:34px;font-weight:700;line-height:1.35}.task .q.long{font-size:25px;font-weight:400}.visual{flex-wrap:wrap;justify-content:center;gap:16px;margin:10px 0 16px;display:flex}.visual:empty{display:none}.hintbox{background:#fffbea;border:2px dashed #f2cf6b;border-radius:16px;margin:10px 0;padding:14px;font-size:19px}.hintbox .visual{margin:10px 0 0}.steps{flex-direction:column;gap:10px;margin:8px 0 14px;display:flex}.steps:empty{display:none}.step{background:#f5f8fa;border:2px solid #0000;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;font-size:24px;display:flex}.step.active{background:#eef7ff;border-color:#8ec9ff}.step.ok{background:var(--okbg)}.step.given{background:var(--warnbg)}.step.note{background:#fffbea;font-size:19px}.step .mark{font-size:22px}.answer{flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px;font-size:30px;display:flex}.answer .alabel{font-weight:700}.inp{text-align:center;width:120px;color:var(--ink);background:#fff;border:3px solid #c8d3dc;border-radius:14px;outline:none;padding:8px 6px;font-family:inherit;font-size:32px;font-weight:700}.inp.sm{width:100px;padding:6px;font-size:26px}.inp.xs{width:76px}.inp:focus{border-color:#4aa3f0;box-shadow:0 0 0 4px #d6ebfd}.inp.right{border-color:var(--ok);background:var(--okbg)}.inp.wrong{border-color:var(--bad);background:var(--badbg)}.inp:disabled{background:#f4f6f8}.fin{flex-direction:column;align-items:center;gap:6px;display:inline-flex}.fin .fl{background:var(--ink);border-radius:2px;width:100%;height:4px}.shake{animation:.45s shake}.choices{flex-wrap:wrap;gap:14px;display:flex}.choice{background:#fff;border:3px solid #c8d3dc;border-radius:16px;min-width:90px;padding:14px 26px;font-size:28px;font-weight:700}.choice.txt{text-align:left;max-width:360px;font-size:21px;font-weight:400}.choice:hover{background:#f2f9ff;border-color:#4aa3f0}.choice.right{border-color:var(--ok);background:var(--okbg)}.choice.wrong{border-color:var(--bad);background:var(--badbg)}.step .choice{min-width:64px;padding:8px 20px;font-size:24px}.tools{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.tools button{background:#f1f4f6;padding:10px 16px;font-size:18px}.tools button:hover{background:#e4e9ee}.explain{background:#f4f8ff;border:2px solid #bfdcf7;border-radius:18px;margin-top:18px;padding:16px 18px;font-size:22px}.explain .right{color:var(--pri-d);margin-bottom:8px;font-size:26px;font-weight:700}.ex div{margin:4px 0}.next-row{align-items:center;gap:12px;margin-top:18px;display:flex}.keypad{background:#fff;border-radius:22px;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;display:grid;position:sticky;top:90px;box-shadow:0 4px 18px #1e324614}.keypad button{background:#f1f5f8;border-radius:14px;padding:14px 0;font-size:30px;font-weight:700;box-shadow:0 3px #d5dde3}.keypad button:hover{background:#e5edf3}.keypad button:active{transform:translateY(2px);box-shadow:0 1px #d5dde3}.keypad .kok{background:var(--pri);color:#fff;box-shadow:0 3px 0 var(--pri-d)}.keypad .kok:hover{background:#43b876}.objs{text-align:center;font-size:52px;line-height:1.15}.objs.small{font-size:24px}.objs.mid{font-size:44px}.objs.row{white-space:nowrap;text-align:left}.objs .ob{text-align:center;vertical-align:top;width:1.3em;display:inline-block;position:relative}.objs .ob b{color:var(--muted);font-size:16px;line-height:1;display:block}.ob.fresh:before{content:"";border:3px dashed #ffbf1f;border-radius:12px;position:absolute;inset:-2px 1px}.ob.gone{opacity:.4}.ob.gone:after{content:"";background:#e2604f;border-radius:3px;height:5px;position:absolute;top:45%;left:8%;right:8%;transform:rotate(-35deg)}.qbox{color:#e06d22;text-align:center;background:#fff4e0;border:3px dashed #ff8a3d;border-radius:12px;width:1.1em;height:1.1em;font-size:.8em;font-weight:700;line-height:1.05em;display:inline-block}.cmp{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.track{gap:6px;display:flex}.track span{background:#fff;border:3px solid #c8d3dc;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-size:30px;font-weight:700;display:flex}.track span.q{color:#e06d22;background:#fff4e0;border-style:dashed;border-color:#ff8a3d}.plusn{color:#e06d22;align-self:center;font-size:52px;font-weight:700}.bigdigit{color:#e0609e;font-size:110px;font-weight:700;line-height:1}.dir{color:var(--muted);text-align:center;width:100%;font-size:18px}.svt.big{font-size:40px}.choice.pic{justify-content:center;align-items:center;min-width:110px;padding:8px 14px;display:flex}.choice.big{min-width:110px;padding:6px 26px;font-size:56px}.collect{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:30px;width:100%;display:flex}.tray{text-align:center;border:3px dashed #c8d3dc;border-radius:18px;max-width:340px;min-height:80px;padding:8px;font-size:46px;line-height:1.2}.tray .ob,.bk-in .ob{cursor:grab;text-align:center;width:1.25em;display:inline-block}.basket{text-align:center;border-radius:24px;min-width:200px;padding:40px 10px 4px;font-size:150px;line-height:1;position:relative}.basket.over,.tray.over{background:#fff4e0}.bk-in{flex-wrap:wrap-reverse;justify-content:center;font-size:30px;line-height:1;display:flex;position:absolute;bottom:58%;left:8%;right:8%}.block-G{background:#fdeef6}.block-H{background:#e6f4fb}.block-J{background:#f3edfd}.block-K{background:#eef0f3}.block-L{background:#fdeef6}.block-M{background:#e8f5e4}.block-N{background:#fff0e5}.block-O{background:#f0e8fa}.block-P{background:#e4f3f8}.block-Q{background:#fbf3e3}.block-S{background:#efe9fb}.block-U{background:#ece8f3}.block-V{background:#fff0e5}.block-W{background:#e8f3fb}.block-X{background:#eef8e8}.block-Y{background:#f1ebfb}details.sl>summary{cursor:pointer;margin:18px 0 10px;font-size:22px;font-weight:700;list-style-position:inside}details.sl>summary span{color:var(--muted);font-size:15px;font-weight:400}.item .cond{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.25}.item .itempic{margin:0 auto;display:block}.award-pic{justify-content:center;margin:6px 0;font-size:110px;display:flex}body.no-profile #hdrDragon,body.no-profile #crystals,body.no-profile #navMap,body.no-profile #navShop,body.no-profile #navSound,body.no-profile #navSwitch{display:none}.who{flex-wrap:wrap;justify-content:center;gap:28px;margin-top:10px;display:flex}.who-card{background:#fff;border:3px solid #0000;border-radius:26px;width:280px;padding:22px 30px;transition:transform .12s;position:relative;box-shadow:0 4px 18px #1e324614}.who-card:hover{border-color:var(--pri);transform:translateY(-4px)}.who-card .nm{margin-top:6px;font-size:30px;font-weight:700}.who-card .sub{color:var(--muted);font-size:16px}.who-card .ico.big{width:150px;height:150px}.who-card .lk{font-size:26px;position:absolute;top:14px;right:16px}.pin-dots{justify-content:center;gap:14px;margin:6px 0 14px;display:flex}.pin-dots i{border:3px solid #c8d3dc;border-radius:50%;width:22px;height:22px}.pin-dots i.on{background:var(--pri);border-color:var(--pri)}.pin-dots.shake i{border-color:var(--bad)}.pinpad{grid-template-columns:repeat(3,80px);justify-content:center;gap:10px;display:grid}.pinpad button{background:#f1f5f8;border-radius:14px;padding:12px 0;font-size:30px;font-weight:700;box-shadow:0 3px #d5dde3}.pinpad button:hover{background:#e5edf3}.pin-inp{opacity:0;width:1px;height:1px;position:absolute}.ptabs{gap:10px;margin:0 0 6px;display:flex}.ptabs .btn.on{background:var(--pri);color:#fff}.keypad .hint{color:var(--muted);text-align:center;grid-column:1/-1;font-size:13px}.pie.clickable .sector,.bar.clickable .sector{cursor:pointer;transition:fill .15s}.pie.clickable .sector:hover,.bar.clickable .sector:hover{opacity:.85}.bars{flex-direction:column;gap:8px;display:flex}.bars>div{align-items:center;gap:12px;display:flex}.bars .bl{text-align:right;min-width:60px;font-size:24px}.center-wrap{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.intro{grid-template-columns:240px 1fr;align-items:start;gap:24px;max-width:1000px;margin:0 auto;display:grid}.intro .card{font-size:23px;line-height:1.5}.intro h1{margin:0 0 10px;font-size:32px}.intro .example{background:#f7faf8;border-radius:16px;flex-direction:column;align-items:center;gap:10px;margin:16px 0;padding:16px;display:flex}.end-stars{letter-spacing:8px;font-size:70px}.end-stars span{color:#dde2e6;display:inline-block}.end-stars span.on{color:#ffbf1f;animation:.5s both starIn}.end-stars span.on:nth-child(2){animation-delay:.25s}.end-stars span.on:nth-child(3){animation-delay:.5s}.break-ex{max-width:700px;font-size:30px;font-weight:700}.ring{color:var(--pri-d);font-size:60px;font-weight:700}.shop{grid-template-columns:320px 1fr;align-items:start;gap:24px;display:grid}.shop .preview{text-align:center;position:sticky;top:90px}.shop h3{margin:18px 0 10px}.items{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.item{text-align:center;background:#fff;border:3px solid #0000;border-radius:18px;padding:14px;box-shadow:0 3px 10px #0000000f}.item .ic{font-size:40px}.item .nm{min-height:40px;font-size:16px;font-weight:700}.item.on{border-color:var(--pri)}.item button{width:100%;margin-top:8px;padding:8px 12px;font-size:16px}.parent h2{margin:26px 0 12px}.kpis{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.kpi{background:#fff;border-radius:18px;padding:16px;box-shadow:0 3px 10px #0000000d}.kpi b{font-size:30px;display:block}.kpi span{color:var(--muted);font-size:16px}.chart{background:#fff;border-radius:18px;align-items:flex-end;gap:6px;height:160px;padding:16px 16px 34px;display:flex;position:relative}.chart .col{background:#8fd1a6;border-radius:6px 6px 0 0;flex:1;min-height:2px;position:relative}.chart .col span{color:var(--muted);white-space:nowrap;font-size:12px;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.chart .col em{font-size:12px;font-style:normal;position:absolute;top:-20px;left:50%;transform:translate(-50%)}table{border-collapse:collapse;background:#fff;border-radius:18px;width:100%;font-size:17px;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px 12px}th{color:var(--muted);background:#f4f7f9;font-size:15px}.acc-good{color:var(--ok);font-weight:700}.acc-mid{color:#c98a12;font-weight:700}.acc-bad{color:var(--bad);font-weight:700}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:#fff;border:2px solid #f3c2ba;border-radius:14px;padding:6px 12px;font-size:17px}.settings{background:#fff;border-radius:18px;gap:14px;padding:18px;font-size:18px;display:grid}.settings label{align-items:center;gap:10px;display:flex}.settings input[type=text],.settings input[type=email],.settings select{font:inherit;border:2px solid #c8d3dc;border-radius:10px;padding:6px 10px}.settings input[type=checkbox]{width:22px;height:22px}.row-btns{flex-wrap:wrap;gap:10px;display:flex}.modal-bg{z-index:50;background:#1e283773;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:26px;width:92%;max-width:560px;padding:28px 34px;font-size:22px;animation:.3s pop}.modal h2{margin-top:0}.modal .row-btns{justify-content:center;margin-top:18px}#confetti{pointer-events:none;z-index:60;position:fixed;inset:0}@keyframes pop{0%{opacity:.3;transform:scale(.85)}70%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes bump{50%{transform:scale(1.2)}}@keyframes glow{50%{box-shadow:0 0 0 6px #ff8a3d40}}@keyframes starIn{0%{transform:scale(0)rotate(-90deg)}80%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes flick{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.8;transform:scaleX(1.08)}}@keyframes jump{0%,to{transform:translateY(0)}40%{transform:translateY(-22px)}}.dragon{overflow:visible}.dragon.egg{transform-origin:50% 90%;animation:2.2s ease-in-out infinite wobble}.dragon.idle{animation:3s ease-in-out infinite bob}.dragon.happy-jump{animation:.6s jump}.flame{transform-origin:80px 104px;animation:.5s infinite flick}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.75}}.twinkle{animation:1.2s infinite twinkle}@media (width<=1100px){.play-main{grid-template-columns:1fr}.buddy{flex-direction:row;position:static}.buddy .bubble{flex:1}.keypad{max-width:420px;margin:0 auto;position:static}.intro,.shop{grid-template-columns:1fr}.hdr-dragon .xpbar{width:90px}}body.no-auth #navParent{display:none}.auth{flex-direction:column;gap:14px;max-width:540px;margin:30px auto;font-size:18px;display:flex}.auth h1{margin:0 0 4px;font-size:28px}.auth .btn{align-self:flex-start}.fld{flex-direction:column;gap:6px;display:flex}.fld span{color:var(--muted);font-size:16px}.fld input{font:inherit;border:2px solid #c8d3dc;border-radius:12px;outline:none;padding:10px 12px}.fld input:focus{border-color:#4aa3f0;box-shadow:0 0 0 4px #d6ebfd}.fld input[readonly]{background:#f4f6f8}.consent{color:var(--muted);align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex}.consent input{flex:none;width:22px;height:22px;margin-top:2px}.note{color:var(--muted);margin:0;font-size:15px}.err{background:var(--badbg);color:#a63a2b;border-radius:12px;padding:10px 14px;font-size:16px}.kids{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:16px;display:grid}.kid{align-items:center;gap:14px;padding:16px;display:flex}.kid-info{flex-direction:column;flex:1;min-width:0;font-size:16px;display:flex}.kid-info b{font-size:22px}.kid-info span{color:var(--muted)}.kid .row-btns{flex-direction:column;gap:6px}.kid .btn{padding:8px 14px;font-size:16px}.invite{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;font-size:16px;display:flex}.invite input{min-width:260px;font:inherit;border:2px solid #c8d3dc;border-radius:10px;flex:1;padding:6px 10px;font-size:14px}.save-warn{color:#fff;z-index:70;background:#3d4a5c;border-radius:14px;padding:10px 18px;font-size:16px;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.copy-inp{width:100%;min-width:220px;font:inherit;border:2px solid #c8d3dc;border-radius:8px;padding:4px 8px;font-size:13px}.parent td .btn{margin:2px 0;padding:6px 12px;font-size:15px}
