:root{--ink:#253455;--muted:#74839a;--purple:#8062e8;--teal:#21bcae;--cream:#fffaf0;--pink:#ff7b99;--sun:#ffc947;--blue:#75c7f1;--paper:#ffffff;--shadow:0 20px 60px rgba(55,74,121,.10);--line:#e6e9f4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Nunito,ui-rounded,"Trebuchet MS",system-ui,sans-serif;background:radial-gradient(circle at 5% 0%,#fff2c3 0,transparent 26%),radial-gradient(circle at 100% 20%,#dbf4fc 0,transparent 36%),#f5f8ff;min-height:100vh}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:4px solid #ffa14a;outline-offset:3px}button:disabled{cursor:default;opacity:.52}a{text-decoration:none;color:inherit}p,h1,h2,h3{margin-top:0}.app-shell{max-width:1200px;margin:0 auto;padding:18px 30px 60px}.screen{display:none}.screen.active{display:block}.top-bar{min-height:66px;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.brand{display:flex;gap:10px;align-items:center;font-weight:900;letter-spacing:.5px;font-size:16px;line-height:1.1;white-space:nowrap}.brand b{color:var(--purple)}.brand small{display:block;color:#91a0b4;font-size:9px;letter-spacing:2.2px;margin-top:4px}.brand-mark{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:linear-gradient(145deg,#8a78ff,#6fcad7);box-shadow:0 8px 22px #8062e842;color:#fff;font-size:29px}.settings{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.settings button{border:0}.language-toggle{display:flex;gap:3px;background:white;border:1px solid #eae7f1;padding:4px;border-radius:18px;box-shadow:0 5px 16px #63718d12}.language-toggle button{border-radius:13px;background:transparent;color:#78839a;font-size:12px;font-weight:900;padding:9px 12px}.language-toggle button.selected{background:#ebe5ff;color:#6549c5}.setting{border:1px solid #e7e9ef!important;background:#fff;border-radius:13px;padding:10px 10px;font-weight:800;font-size:12px;white-space:nowrap}.setting b{color:#1aa991;font-size:10px}.setting[aria-pressed=false] b{color:#e57b82}.volume-set{display:flex;align-items:center;gap:5px;background:#fff;padding:8px 11px;border-radius:12px;border:1px solid #e7e9ef}.volume-set input{width:65px;accent-color:var(--purple)}.hero-banner{min-height:380px;display:grid;grid-template-columns:1.05fr .95fr;gap:4px;overflow:hidden;border-radius:35px;background:linear-gradient(118deg,#eee5ff 0%,#e1f5fc 55%,#fff0bf 100%);position:relative;border:1px solid #ebeafa;box-shadow:var(--shadow)}.hero-banner:after{content:"";position:absolute;right:-150px;bottom:-205px;background:#ffe9a9aa;width:380px;height:380px;border-radius:50%}.hero-content{position:relative;z-index:2;padding:44px 0 35px 48px}.eyebrow{display:inline-block;background:#ffffffc9;color:#7860c5;border:1px solid #ffffffc9;padding:8px 13px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:1.1px}.hero-content h1{font-size:clamp(41px,5.1vw,70px);line-height:1.06;letter-spacing:-2.5px;font-weight:900;margin:18px 0 8px;max-width:520px}.hero-content h1 span{color:#7358d7}.hero-content h1 .exclam{color:#ff8192}.tagline{font-weight:900;color:#916bd2;font-size:16px}.hero-description{max-width:450px;line-height:1.65;color:#596984;font-weight:700;margin:10px 0 18px;font-size:13px}.hero-chips{display:flex;gap:9px;flex-wrap:wrap}.hero-chips>span{display:inline-flex;align-items:center;gap:4px;background:#fffafdf0;box-shadow:0 5px 12px #a1a2ba15;border-radius:12px;padding:9px 11px;font-size:11px;font-weight:800}.hero-chips b{font-size:15px;color:#6553b1}.currency-big{display:flex;gap:10px;align-items:center;margin-top:14px}.currency-flag{font-size:25px;background:#ffffff9e;padding:8px;border-radius:12px}.currency-big small{display:block;color:#6d7e99;font-size:10px;font-weight:800}.currency-big strong{font-size:15px;color:#594fa6}.hero-drawing{min-height:350px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:18px}.hero-drawing svg{width:100%;max-width:550px;height:auto;filter:drop-shadow(0px 18px 16px #8682a222)}.section-title{margin:34px 0 17px}.mini-kicker{color:#8a69da;font-size:11px;letter-spacing:2px;font-weight:900}.section-title h2{font-size:27px;margin:3px 0 3px}.section-title p{font-weight:700;font-size:13px;color:var(--muted);margin:0}.world-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.world-card{border:1px solid #ebeefa;border-radius:23px;background:white;padding:13px 13px 18px;box-shadow:0 9px 28px #697fb90f;min-width:0;position:relative;transition:transform .18s}.world-card:hover{transform:translateY(-5px)}.world-picture{height:132px;border-radius:17px;position:relative;display:grid;place-items:center;overflow:hidden;margin-bottom:13px}.world-picture:before{content:"";position:absolute;width:130px;height:130px;border:9px solid #ffffff6b;border-radius:50%;top:-45px;right:-30px}.world-picture .world-emoji{font-size:67px;filter:drop-shadow(0 8px 4px #00000010);z-index:1}.world-picture .corner-emoji{font-size:28px;position:absolute;bottom:8px;right:14px;transform:rotate(15deg)}.world-card h3{font-size:15px;margin:0 0 5px;line-height:1.15;font-weight:900}.world-card p{font-size:11px;line-height:1.45;color:var(--muted);margin:0;font-weight:700}.world-number{position:absolute;top:23px;left:22px;color:#fff;background:#ffffff77;padding:4px 7px;border-radius:8px;font-size:10px;font-weight:900}.launch-panel{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:22px;padding:20px 23px;border-radius:23px;background:#fff;box-shadow:0 9px 30px #657ac511;border:1px solid var(--line)}.launch-left{display:flex;gap:12px;align-items:center}.launch-icon{width:52px;height:52px;background:#fff2d4;display:grid;place-items:center;border-radius:16px;font-size:27px}.launch-left strong{font-size:16px}.launch-left p{font-size:12px;margin:4px 0 0;color:var(--muted);font-weight:700}.launch-actions{display:flex;align-items:end;gap:12px}.level-field{display:grid;gap:4px}.level-field span{font-size:9px;color:#8490a7;letter-spacing:1.1px;font-weight:900}.level-field select{border:1px solid #e3e5f2;background:#fbfaff;border-radius:13px;padding:14px 10px;font-size:13px;font-weight:800;color:#524c78}.button{border:none;border-radius:15px;padding:14px 21px;font-size:13px;font-weight:900;letter-spacing:.2px;min-height:47px}.primary{background:linear-gradient(130deg,#7b66eb,#a55ae7);color:#fff;box-shadow:0 9px 18px #8062e833}.primary:hover{filter:brightness(1.04)}.outlined{border:2px solid #e6e0fc;color:#7156c9;background:#fff}.footer-note{text-align:center;color:#8d98ad;font-size:11px;font-weight:700;margin:25px 0 0}.game-toolbar{display:flex;justify-content:space-between;align-items:center;gap:17px;margin:12px 0 18px}.back-button{border:0;background:#fff;border-radius:14px;padding:11px 15px;font-weight:900;color:#6e6c91}.progress-group{width:min(380px,50%);text-align:center;font-size:11px;letter-spacing:1px;color:#827e9d;font-weight:900}.progress-track{margin-top:7px;height:11px;background:#e8e8f6;border-radius:20px;overflow:hidden}.progress-track>div{height:100%;width:0%;background:linear-gradient(90deg,#58cbbb,#7a72f0);border-radius:20px;transition:width .4s}.stars-counter{background:#fff0bd;border-radius:15px;color:#9e742b;padding:10px 14px;min-width:83px;text-align:center;font-weight:900}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:17px;align-items:start}.mission-card{min-width:0;background:#fff;border:1px solid #e6e9f4;border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.mission-top{padding:17px 22px 0;display:flex;align-items:center;justify-content:space-between;gap:8px}.world-pill{padding:9px 13px;border-radius:999px;background:#f1ebff;color:#6c55bb;font-size:11px;font-weight:900}.listen-button{border:0;background:#e9faf8;border-radius:13px;padding:10px 12px;color:#158e87;font-size:11px;font-weight:900}.mission-art{height:196px;background:linear-gradient(135deg,#d5f6ef,#e5e8fc 58%,#fff2b8);display:grid;place-items:center;overflow:hidden;position:relative;margin:15px 20px 0;border-radius:20px}.mission-art svg{max-width:540px;width:100%;height:100%}.mission-body{padding:21px 27px 25px}.mission-body h2{font-size:clamp(22px,3vw,30px);line-height:1.2;margin:0 0 7px;font-weight:900;letter-spacing:-.5px}.question-detail{font-size:14px;color:#6f7f95;font-weight:700;line-height:1.6;margin:0 0 17px}.task-content{min-height:175px}.bank-display,.price-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f5f4ff;border:1px solid #e8e5ff;padding:14px 16px;border-radius:17px;margin-bottom:13px}.bank-display small,.price-banner small{display:block;font-size:11px;color:#7882a1;font-weight:900}.bank-display strong,.price-banner strong{font-size:25px;color:#5c4ab7;font-weight:900}.chip-row{display:flex;flex-wrap:wrap;gap:9px}.money-chip{position:relative;border:2px solid #cbd3e8;border-radius:13px;background:linear-gradient(125deg,#f1fff5,#d9f2ea);min-height:52px;padding:8px 11px;box-shadow:0 4px 0 #d5e7dc;color:#326f62;font-weight:900;font-size:14px}.money-chip.coin{background:linear-gradient(125deg,#fff3b8,#ffd363);border-color:#f2cb66;color:#957124;border-radius:999px;min-width:62px}.money-chip:active{transform:translateY(2px)}.money-chip .money-sub{display:block;font-size:9px;font-weight:800;opacity:.6;letter-spacing:.4px}.wallet-controls{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-top:16px}.button.secondary{background:#eef1fa;color:#657493}.button.check-button{background:#2ac2a8;color:#fff}.wallet-pick{min-height:36px;font-size:13px;color:#64718e;font-weight:800}.shop-grid,.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-card,.option-card{position:relative;border-radius:18px;border:2px solid #e2e9f3;background:#fff;min-width:0;padding:12px;display:flex;align-items:center;gap:12px;text-align:left;color:var(--ink);font-weight:800;transition:background .15s,transform .15s}.shop-card:hover,.option-card:hover{transform:translateY(-2px);border-color:#c8baf4}.shop-card.chosen{background:#eefff9;border-color:#20b89f}.product-icon{display:grid;place-items:center;background:#f0f5ff;border-radius:14px;width:51px;height:55px;min-width:51px;font-size:31px}.product-info{min-width:0;line-height:1.25;font-size:13px}.product-info small{display:block;margin-top:5px;font-size:12px;color:#785ed4}.shop-card .tick{position:absolute;right:9px;top:7px;color:#15b998;font-size:17px}.shop-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:13px}.shop-stat{background:#eef9f7;border-radius:14px;padding:10px 12px}.shop-stat small{display:block;font-weight:800;color:#81919c;font-size:10px}.shop-stat b{font-size:18px;color:#348a84}.shop-stat.warning{background:#fff0ea}.shop-stat.warning b{color:#c16e58}.cart-summary{margin-top:13px;background:#f6f7ff;border-radius:12px;color:#58657d;padding:12px;font-size:12px;font-weight:800;display:flex;justify-content:space-between;gap:10px}.checkout-button{margin-top:13px;width:100%;border:0;border-radius:14px;background:#25b9b0;color:#fff;padding:14px;font-weight:900;font-size:13px}.receipt{background:#fffdf4;border:2px dashed #efd897;padding:14px 17px;border-radius:16px;margin-bottom:14px}.receipt-row{display:flex;justify-content:space-between;gap:8px;font-weight:800;font-size:13px;padding:5px 0}.receipt-row.total{border-top:1px dashed #ddcb93;margin-top:6px;padding-top:12px;font-size:18px}.option-card{min-height:82px}.option-card .option-emoji{font-size:29px}.option-card .option-text{font-size:16px}.option-card.selected-correct{border-color:#2abf9f;background:#e9fff3}.option-card.selected-wrong{border-color:#ff9fa3;background:#fff0f0}.priority-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.priority-card{background:#fff;border:3px solid #e6e7f5;border-radius:18px;padding:17px 12px;text-align:center;font-weight:900;min-height:156px;display:grid;justify-items:center;align-content:center;gap:7px}.priority-card .priority-emoji{font-size:57px;filter:drop-shadow(0 5px 3px #0001)}.priority-card .priority-price{font-size:12px;color:#8a6cd7}.priority-card.selected-correct{background:#effff4;border-color:#3bc6a8}.priority-card.selected-wrong{background:#fff5f2;border-color:#f99e9c}.savings-meter{background:#eef0f9;border-radius:15px;height:19px;overflow:hidden;margin:14px 0}.savings-meter>div{height:100%;background:linear-gradient(90deg,#6fca9a,#4fcfd0);border-radius:15px;transition:width .3s}.saving-numbers{display:flex;justify-content:space-between;gap:13px;font-size:12px;font-weight:900;color:#647496}.saving-numbers b{display:block;font-size:20px;color:#6a51cd}.feedback{display:none;border:1px solid #a8e8d0;background:#edfff6;padding:14px 17px;border-radius:17px;margin-top:17px;line-height:1.45}.feedback.visible{display:block}.feedback.error{border-color:#ffd4a6;background:#fff9ef}.feedback b{display:block;font-size:17px;color:#2c8e71}.feedback.error b{color:#ce8a3c}.feedback div{color:#587369;font-size:13px;margin-top:3px;font-weight:700}.feedback.error div{color:#957850}.mission-footer{display:flex;justify-content:space-between;align-items:center;gap:11px;margin-top:18px}.attempt-note{color:#8c9bb2;font-size:11px;font-weight:800}.next-button{background:#feac4f;color:#fff;padding:13px 28px}.side-column{display:grid;gap:15px}.side-card{padding:19px 17px;border-radius:23px;background:#fff;box-shadow:0 9px 30px #657ac512;border:1px solid #e8eafa}.side-title{font-size:11px;color:#7f88a5;letter-spacing:1.4px;font-weight:900}.hero-side{text-align:center}.side-mascot{font-size:74px;padding:8px 0}.side-card strong{font-size:23px;color:#7460cc}.side-card small{display:block;color:#98a0b4;font-size:11px;line-height:1.4;font-weight:700}.world-row{display:flex;align-items:center;gap:8px;margin-top:14px}.world-row-icon{font-size:20px}.world-row-body{flex:1}.world-row-name{font-size:11px;font-weight:800;display:flex;justify-content:space-between;gap:6px}.world-progress{height:7px;border-radius:12px;background:#f0eef7;overflow:hidden;margin-top:5px}.world-progress>div{height:100%;background:#7edcc7}.tip-card{background:#fff8e8}.tip-card p{color:#8b7658;font-size:12px;font-weight:700;line-height:1.6;margin:12px 0 0}.result-hero{text-align:center;padding:38px 10px 20px}.result-trophy{font-size:88px;filter:drop-shadow(0px 8px 8px #bd9b5322);animation:bob 2s infinite}.result-hero h2{font-size:39px;margin:12px 0 7px}.result-hero p{color:#7c8aa4;font-weight:700;font-size:14px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:830px;margin:16px auto}.result-stats>div{background:#fff;border-radius:20px;border:1px solid #e7eafa;text-align:center;padding:20px 12px;box-shadow:0 10px 25px #657ac512}.result-stats strong{display:block;color:#765ad8;font-size:34px}.result-stats span{display:block;color:#93a0b5;font-size:11px;font-weight:800}.result-panel{background:#fff;border:1px solid #e5e9f4;box-shadow:var(--shadow);padding:24px;max-width:830px;border-radius:25px;margin:22px auto}.result-panel h3{margin:0 0 19px;font-size:21px}.skill-line{display:grid;grid-template-columns:160px minmax(0,1fr) 45px;gap:12px;align-items:center;margin:15px 0;font-size:12px;font-weight:900}.skill-line .track{background:#eeeefa;height:13px;overflow:hidden;border-radius:20px}.skill-line .track div{height:100%;border-radius:20px;background:linear-gradient(90deg,#6bdac4,#8370ea)}.skill-line b{text-align:right;color:#6d5bc1}.result-note{margin-top:19px;padding:15px;background:#fff7e5;border-radius:15px;color:#8a7150;font-size:13px;font-weight:800;line-height:1.5}.result-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:12}.confetti i{position:absolute;width:9px;height:14px;border-radius:2px;animation:confetti 1.15s ease-out forwards}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);opacity:0;background:#2c3559;color:#fff;padding:12px 19px;border-radius:15px;box-shadow:0 12px 30px #25345533;z-index:25;transition:all .2s;font-size:12px;font-weight:800;pointer-events:none}.toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes confetti{to{transform:translate(var(--dx),105vh) rotate(720deg);opacity:0}}@keyframes bob{50%{transform:translateY(-6px)}}
@media(max-width:1020px){.app-shell{padding:12px 17px 45px}.top-bar{align-items:flex-start}.settings{justify-content:flex-end}.hero-content{padding-left:27px}.world-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-layout{grid-template-columns:minmax(0,1fr) 215px}}@media(max-width:720px){.app-shell{padding:10px 12px 35px}.top-bar{flex-direction:column;align-items:stretch;gap:12px}.settings{justify-content:space-between}.language-toggle{flex:1;justify-content:center}.language-toggle button{flex:1;padding:9px 6px}.setting{padding:9px}.volume-set{display:none}.hero-banner{display:flex;flex-direction:column;min-height:0;border-radius:25px}.hero-content{padding:27px 22px 0;text-align:center}.hero-content h1{font-size:45px;letter-spacing:-1.8px}.hero-description{margin:10px auto 17px}.hero-chips{justify-content:center}.currency-big{justify-content:center}.hero-drawing{padding:0 18px 8px;min-height:0;height:228px}.hero-drawing svg{height:235px;width:auto;max-width:100%}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.world-picture{height:112px}.launch-panel{flex-direction:column;align-items:stretch;padding:18px}.launch-actions{flex-direction:column;align-items:stretch}.launch-actions .button{width:100%}.level-field{width:100%}.game-layout{grid-template-columns:1fr}.side-column{grid-template-columns:1fr 1fr}.tip-card{display:none}.game-toolbar{gap:7px}.mission-art{height:165px;margin:12px 12px 0}.mission-body{padding:18px 15px}.mission-top{padding:13px 13px 0}.mission-body h2{font-size:24px}.side-mascot{font-size:50px}.result-hero h2{font-size:30px}.skill-line{grid-template-columns:125px minmax(0,1fr) 37px;gap:7px}.result-stats{gap:6px}.result-stats strong{font-size:24px}.result-stats>div{padding:15px 6px}}@media(max-width:370px){.hero-content h1{font-size:39px}.hero-chips>span{padding:7px 8px;font-size:10px}.world-card{padding:9px}.option-grid,.shop-grid{gap:7px}.option-card{padding:8px;gap:5px;min-height:71px}.option-card .option-text{font-size:13px}.shop-card{padding:7px;gap:7px}.product-icon{min-width:42px;width:42px}.side-column{grid-template-columns:1fr 1fr}.settings{gap:3px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}