html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}@media (min-width: 1500px){html{font-size:17px}}@media (min-width: 1900px){html{font-size:19px}}@media (min-width: 2400px){html{font-size:21px}}@media (min-width: 3200px){html{font-size:24px}}@media (min-width: 4800px){html{font-size:27px}}:root{--ink: #2b2d42;--ink-soft: #556677;--muted: #778899;--blue: #4d96ff;--blue-dark: #2f7fe0;--green: #6bcb77;--green-dark: #4fae5c;--coral: #ff6b6b;--coral-dark: #e04f4f;--yellow: #ffd93d;--orange: #ff9f45;--purple: #7c4dff;--teal: #4ecdc4;--card: rgba(255, 255, 255, .86);--card-border: rgba(255, 255, 255, .85)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:"Baloo 2",Segoe UI,system-ui,sans-serif;font-size:1rem;background:linear-gradient(165deg,#d9edff,#effaff 45%,#fff1e2);background-attachment:fixed;color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overscroll-behavior-y:none;-webkit-user-select:none;user-select:none}#root{touch-action:manipulation;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}input{-webkit-user-select:text;user-select:text}.app{position:relative;z-index:1;flex:1;width:100%;max-width:68rem;margin:0 auto;display:flex;flex-direction:column;padding-top:.875rem;padding-bottom:calc(2.5rem + env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.screen{display:flex;flex-direction:column;gap:.875rem}.decor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(80px);filter:blur(7vw);opacity:.5;animation:blob-drift 26s ease-in-out infinite alternate}.blob-1{width:40vw;height:40vw;min-width:420px;min-height:420px;background:#b7d6ff;top:-12vw;left:-10vw}.blob-2{width:36vw;height:36vw;min-width:380px;min-height:380px;background:#ffdfb2;bottom:-12vw;right:-8vw;animation-delay:-9s;animation-duration:32s}.blob-3{width:26vw;height:26vw;min-width:320px;min-height:320px;background:#cdefdb;bottom:8vh;left:24vw;animation-delay:-17s;animation-duration:38s}.de{position:absolute;opacity:.55;animation:drift 18s ease-in-out infinite alternate;will-change:transform}.de-1{left:4%;top:12%;font-size:2.6rem;animation-duration:16s}.de-2{left:12%;top:66%;font-size:1.8rem;animation-duration:20s;animation-delay:-3s}.de-3{left:22%;top:26%;font-size:1.5rem;animation-duration:14s;animation-delay:-6s}.de-4{left:88%;top:9%;font-size:2.2rem;animation-duration:24s;animation-delay:-2s}.de-5{left:80%;top:62%;font-size:2rem;animation-duration:18s;animation-delay:-8s}.de-6{left:65%;top:6%;font-size:1.7rem;animation-duration:22s;animation-delay:-11s}.de-7{left:92%;top:40%;font-size:2.4rem;animation-duration:17s;animation-delay:-5s}.de-8{left:30%;top:82%;font-size:1.9rem;animation-duration:21s;animation-delay:-13s}.de-9{left:55%;top:86%;font-size:1.6rem;animation-duration:19s;animation-delay:-7s}.de-10{left:70%;top:44%;font-size:1.6rem;animation-duration:23s;animation-delay:-15s}.btn{border-radius:999px;font-weight:800;font-size:1.2rem;padding:.75rem 1.5rem;box-shadow:0 5px #2b2d4224,0 14px 28px #2b2d421a;transition:transform .08s,box-shadow .12s,opacity .08s}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #2b2d4224,0 6px 14px #2b2d4214}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:linear-gradient(180deg,#83dd8e,var(--green));color:#fff;box-shadow:0 5px 0 var(--green-dark),0 16px 30px #6bcb7759}.btn.primary:active:not(:disabled){box-shadow:0 2px 0 var(--green-dark),0 6px 14px #6bcb7740}.btn.secondary{background:linear-gradient(180deg,#fff,#f2f8ff);color:var(--blue);border:3px solid #cfe6ff}.btn.secondary:active:not(:disabled){box-shadow:0 2px #d8e8fb,0 6px 14px #2b2d4214}.btn.big{font-size:1.45rem;padding:1rem 2rem}.btn.danger{background:#fff;color:var(--coral-dark);border:3px solid #ffc9c9;align-self:flex-start}.btn.link{color:var(--muted);box-shadow:none;font-weight:700}.icon-btn{min-width:3rem;height:3rem;padding:0 .65rem;border-radius:999px;background:linear-gradient(180deg,#fff,#f2f8ff);font-size:1.3rem;font-weight:800;color:var(--ink-soft);box-shadow:0 4px #2b2d421a,0 8px 18px #2b2d4214;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s,box-shadow .12s}.chip{background:var(--card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:999px;padding:.375rem .875rem;font-weight:800;box-shadow:0 3px #2b2d420f,0 8px 18px #2b2d420f}.home-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding-top:.5rem}.brand{display:flex;align-items:center;gap:.875rem}.brand h1{margin:0;font-size:2rem;line-height:1.1;background:linear-gradient(92deg,var(--purple),var(--blue) 45%,var(--coral));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-icon{font-size:2.4rem;background:var(--card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:1.3rem;padding:.4rem .65rem;transform:rotate(-6deg);box-shadow:0 6px #2b2d4214,0 12px 26px #2b2d421a;display:inline-block}.tagline{margin:0;color:var(--muted);font-weight:600}.header-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.stars-chip{color:#b8860b;background:linear-gradient(180deg,#fffdf3,#fff3cd)}.lang-toggle{display:flex;background:var(--card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:999px;padding:.25rem;box-shadow:0 3px #2b2d420f,0 8px 18px #2b2d420f}.lang-toggle button{padding:.5rem .9rem;min-height:2.75rem;border-radius:999px;font-weight:800;color:#89a;font-size:.9rem;transition:background .15s,color .15s}.lang-toggle button.on{background:linear-gradient(180deg,#6fabff,var(--blue));color:#fff;box-shadow:0 2px 6px #4d96ff66}.level-row{display:flex;gap:.75rem;width:100%;max-width:38rem;margin:.5rem auto 0}.level-chip{flex:1;display:flex;flex-direction:column;gap:.125rem;align-items:center;background:var(--card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:1.2rem;padding:.625rem;border:4px solid transparent;box-shadow:0 5px #2b2d420f,0 12px 26px #2b2d4214;transition:border-color .15s,transform .1s}.level-chip.on{border-color:var(--blue);background:linear-gradient(180deg,#fff,#eef6ff)}.level-chip.locked{opacity:.8;cursor:not-allowed}.level-range{font-weight:800;font-size:1.15rem;color:#3d3d67}.lock-note{font-size:.85rem;font-weight:700;color:#b26a00}.mixed-card{display:flex;flex-direction:column;align-items:center;gap:.125rem;width:100%;max-width:44rem;margin:.5rem auto 0;background:linear-gradient(120deg,var(--purple),var(--blue) 40%,var(--teal) 75%,var(--purple));background-size:300% 300%;animation:gradient-slide 9s ease infinite;color:#fff;border-radius:1.7rem;padding:1rem 1.25rem;box-shadow:0 8px #5a3fd1,0 22px 44px #7c4dff59;transition:transform .1s,box-shadow .15s}.mixed-card:active{transform:translateY(4px);box-shadow:0 4px #5a3fd1,0 10px 22px #7c4dff4d}.mixed-main{display:flex;align-items:center;gap:.75rem}.mixed-emoji{font-size:2.3rem;filter:drop-shadow(0 3px 4px rgba(0,0,0,.2))}.mixed-name{font-size:1.55rem;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.15)}.mixed-arrow{opacity:.9;font-size:1.2rem}.mixed-sub{font-size:.95rem;font-weight:700;opacity:.9}.pick-title{text-align:center;color:var(--ink-soft);margin:.5rem 0 0}.pick-title:before{content:"✨ "}.pick-title:after{content:" ✨"}.activity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.25rem,1fr));gap:.85rem}.activity-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:var(--card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.9);border-radius:1.4rem;padding:1.1rem .625rem;font-weight:800;font-size:1.15rem;color:#3d3d67;box-shadow:0 6px #2b2d4212,0 14px 30px #2b2d4217;transition:transform .14s,box-shadow .14s}.activity-card:active{transform:translateY(3px)}.act-emoji{font-size:2.5rem;filter:drop-shadow(0 3px 3px rgba(43,45,66,.15))}.tone-0{background:linear-gradient(165deg,#fff0f3,#fffa)}.tone-1{background:linear-gradient(165deg,#fff8e6,#fffa)}.tone-2{background:linear-gradient(165deg,#effaf1,#fffa)}.tone-3{background:linear-gradient(165deg,#eef6ff,#fffa)}.tone-4{background:linear-gradient(165deg,#f5efff,#fffa)}.tone-5{background:linear-gradient(165deg,#fff3e9,#fffa)}.tone-6{background:linear-gradient(165deg,#e9f9f7,#fffa)}.tone-7{background:linear-gradient(165deg,#fff0f7,#fffa)}.parents-btn{align-self:center;margin-top:.75rem;background:var(--card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--muted);border-radius:999px;padding:.625rem 1.4rem;font-weight:800;box-shadow:0 4px #2b2d420f,0 10px 22px #2b2d4214}@media (hover: hover){.icon-btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 6px #2b2d4214,0 12px 24px #2b2d421f}.level-chip:not(.locked):hover{transform:translateY(-2px)}.activity-card:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:0 11px #2b2d420f,0 22px 44px #2b2d4224}.btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 0 var(--green-dark),0 20px 38px #6bcb7766}.btn.secondary:hover:not(:disabled){transform:translateY(-2px)}.choice:not(.dim):not(.right):not(.wrong):hover{transform:translateY(-3px);box-shadow:0 9px #cfe6ff,0 16px 32px #4d96ff38}.compare-card:not(.dim):not(.right-ans):not(.wrong-ans):hover{transform:translateY(-4px)}.equal-btn:not(.dim):not(.right-ans):not(.wrong-ans):hover{transform:translateY(-3px);box-shadow:0 11px #e3f0fd,0 20px 40px #2b2d421f}.parade-pick:not(.used):not(.flash):hover{transform:translateY(-3px);box-shadow:0 9px #cfe6ff,0 16px 32px #4d96ff38}.brand-icon:hover{animation:wiggle .5s ease}}.screen.session{flex:1}.session-header{display:flex;align-items:center;gap:.75rem}.icon-btn.quit.armed{background:linear-gradient(180deg,#ff8a8a,var(--coral));color:#fff}.progress-wrap{flex:1;display:flex;flex-direction:column;gap:.25rem;align-items:center}.progress{width:100%;height:1rem;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;overflow:hidden;border:3px solid #fff;box-shadow:inset 0 2px 4px #2b2d4212,0 4px 10px #2b2d420d}.progress-fill{height:100%;background:linear-gradient(90deg,var(--yellow),var(--orange),var(--coral));box-shadow:0 0 14px #ff9f458c;border-radius:999px;transition:width .4s}.progress-text{font-weight:700;font-size:1rem;color:var(--ink-soft)}.streak-chip{color:#e2580c;background:linear-gradient(180deg,#fffdf9,#fff0e4);animation:pop-in .3s}.question-area{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.875rem;padding-bottom:1.5rem;animation:slide-in .3s}.question{display:flex;flex-direction:column;gap:.875rem}.instruction{text-align:center;font-size:clamp(1.3rem,2.4vw,1.85rem);color:#3d3d67;margin:0;font-weight:800}.choices-wrap{display:flex;flex-direction:column;align-items:center;gap:.75rem}.choices{display:flex;flex-wrap:wrap;gap:.875rem;justify-content:center}.choice{min-width:5.25rem;padding:.875rem 1.25rem;font-size:2.2rem;font-weight:800;color:var(--blue);background:linear-gradient(180deg,#fff,#f4faff);border-radius:1.4rem;border:4px solid #bfe0ff;box-shadow:0 6px #cfe6ff,0 12px 26px #4d96ff24;transition:transform .1s,box-shadow .14s,background .2s,color .2s}.choice:active{transform:translateY(3px)}.choice.right{background:linear-gradient(180deg,#83dd8e,var(--green));color:#fff;border-color:var(--green-dark);box-shadow:0 6px 0 var(--green-dark),0 16px 34px #6bcb7766;animation:pop-in .3s}.choice.wrong{background:linear-gradient(180deg,#ff8a8a,var(--coral));color:#fff;border-color:var(--coral-dark);box-shadow:0 6px 0 var(--coral-dark),0 14px 30px #ff6b6b59}.choice.dim{opacity:.45}.shake{animation:shake .4s}.feedback{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.4rem;border-radius:999px;font-size:1.3rem;font-weight:800;animation:pop-in .25s}.feedback.good{background:linear-gradient(180deg,#83dd8e,var(--green));color:#fff;box-shadow:0 5px 0 var(--green-dark),0 14px 28px #6bcb7759}.feedback.bad{background:linear-gradient(180deg,#fff8ea,#ffefd2);color:#b26a00;box-shadow:0 5px #ecd9b0,0 12px 24px #b26a0026}.fb-emoji{font-size:1.4rem}.object-grid{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;max-width:44rem;margin:0 auto}.obj{position:relative;font-size:2.6rem;padding:.25rem .4rem;border-radius:1rem;transition:background .15s,transform .1s}.obj:active{transform:scale(1.12)}.obj.tapped{background:#ffffffd9}.obj-badge{position:absolute;top:-.375rem;right:-.375rem;background:linear-gradient(180deg,#6fabff,var(--blue));color:#fff;border-radius:50%;width:1.6rem;height:1.6rem;display:grid;place-items:center;font-size:.95rem;font-weight:800;border:2px solid #fff;box-shadow:0 3px 6px #4d96ff66;animation:pop-in .2s}.story-card{position:relative;background:var(--card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:3px solid #dbeeff;border-radius:1.4rem;padding:1.25rem 1.5rem;max-width:34rem;margin:.75rem auto;box-shadow:0 6px #2b2d420d,0 16px 32px #2b2d4214}.story-card:after{content:"";position:absolute;left:50%;bottom:-1rem;transform:translate(-50%);border:1rem solid transparent;border-top-color:#fff;border-bottom:none}.story-text{margin:0;text-align:center;font-size:1.35rem;font-weight:700;color:#3d3d67;line-height:1.55}.story-object-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.9rem;color:var(--muted);font-weight:700}.story-object-name{font-size:1.1rem}.more-rows{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:40rem;margin:0 auto}.more-row{display:flex;align-items:center;gap:.75rem;background:#ffffffbf;border:3px solid #e3edf8;border-radius:1.2rem;padding:.6rem .875rem}.more-row.big{border-color:#bfe0ff;background:linear-gradient(180deg,#f0f8ff,#e2f0fd)}.more-name{font-weight:800;color:#3d3d67;white-space:nowrap;display:flex;align-items:center;gap:.3rem}.more-items{display:flex;flex-wrap:wrap;gap:.25rem;flex:1;max-width:17rem}.more-count{font-size:1.6rem;font-weight:800;color:var(--blue);background:#fff;border:3px solid #dbeeff;border-radius:.9rem;padding:.1rem .7rem;margin-left:auto}.equation{display:flex;gap:.75rem;justify-content:center;align-items:center;font-size:2.6rem;font-weight:800;color:var(--ink);flex-wrap:wrap}.eq-num{background:var(--card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:1.2rem;padding:.25rem 1.125rem;border:4px solid #dbeeff;box-shadow:0 5px #2b2d420d}.eq-op{color:var(--blue)}.eq-num.mystery{color:var(--orange);border-color:#ffe3c2}.pic-row{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.pic-group{display:flex;flex-wrap:wrap;gap:.25rem;max-width:18rem;padding:.625rem;border-radius:1.2rem;justify-content:center}.pic-group.a{background:#fff2f6e6;outline:3px dashed #ffc7dd}.pic-group.b{background:#eef7ffe6;outline:3px dashed #bfe0ff}.pic-emoji{font-size:2rem;line-height:1.25;filter:drop-shadow(0 2px 2px rgba(43,45,66,.12))}.pic-emoji.crossed{opacity:.35;text-decoration:line-through;text-decoration-color:var(--coral);text-decoration-thickness:3px;filter:grayscale(.6)}.pic-op{font-size:2.2rem;font-weight:800;color:var(--blue)}.ten-frame-box{display:grid;grid-template-columns:repeat(5,1fr);gap:.625rem;background:var(--card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.875rem;border-radius:1.4rem;border:4px solid #dbeeff;box-shadow:0 8px #2b2d420d,0 18px 38px #2b2d421a;width:min(26rem,94%);margin:0 auto}.frame-cell{aspect-ratio:1;border-radius:50%;background:#eef4fb;border:3px solid #d7e6f7}.frame-cell.filled{background:radial-gradient(circle at 35% 30%,#7fb3ff,var(--blue) 70%);border-color:var(--blue);box-shadow:0 4px 10px #4d96ff66;animation:pop-in .3s}.frame-hint{text-align:center;font-size:1.6rem;font-weight:800;color:var(--ink-soft)}.number-line{width:100%;overflow-x:auto;padding:.25rem .125rem .5rem}.nl-inner{position:relative;min-width:40rem;padding-top:4.4rem}.frog{position:absolute;top:.25rem;font-size:2.6rem;line-height:1;transform:translate(-50%);transition:left .42s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 5px 4px rgba(43,45,66,.22))}.ticks{display:flex;gap:.125rem}.tick{flex:1;text-align:center;font-weight:800;font-size:1.25rem;color:var(--ink-soft);padding:.625rem 0;border-radius:.75rem;border-top:4px solid #cfe3f7;background:linear-gradient(#fff0,#fff9)}.tick.active{color:var(--blue)}.tick.landing{background:linear-gradient(180deg,#83dd8e,var(--green));color:#fff;border-top-color:var(--green-dark);animation:pulse .9s infinite}.hops-note{text-align:center;font-size:1.5rem;font-weight:800;color:var(--blue)}.seq-row{display:flex;gap:.625rem;justify-content:center;flex-wrap:wrap}.seq-box{min-width:4.75rem;padding:1rem .625rem;text-align:center;font-size:2.2rem;font-weight:800;background:var(--card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:1.2rem;border:4px solid #dbeeff;box-shadow:0 5px #2b2d420d}.seq-box.gap{border-color:#ffd28f;background:linear-gradient(180deg,#fffdf6,#fff3da);color:var(--orange);animation:pulse 1.4s infinite}.compare-row{display:flex;gap:1rem;justify-content:center;align-items:stretch;width:100%;max-width:46rem;margin:0 auto}.compare-mid,.equal-btn{align-self:center}.equal-btn{width:5.5rem;min-height:5.5rem;border-radius:1.4rem;font-size:2.6rem;font-weight:800;line-height:1;color:var(--ink-soft);background:linear-gradient(180deg,#fff,#f2f8ff);border:5px solid #dbeeff;box-shadow:0 8px #e3f0fd,0 18px 38px #2b2d4214;transition:transform .12s,background .2s,box-shadow .14s}.equal-btn:active{transform:translateY(3px)}.equal-btn.right-ans{background:linear-gradient(180deg,#83dd8e,var(--green));color:#fff;border-color:var(--green-dark);box-shadow:0 8px 0 var(--green-dark),0 18px 38px #6bcb7766}.equal-btn.wrong-ans{background:linear-gradient(180deg,#ff8a8a,var(--coral));color:#fff;border-color:var(--coral-dark);box-shadow:0 8px 0 var(--coral-dark),0 18px 38px #ff6b6b59}.equal-btn.dim{opacity:.45}.compare-card{flex:1;background:var(--card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:1.6rem;border:5px solid #dbeeff;padding:1rem;display:flex;align-items:center;justify-content:center;min-height:10rem;box-shadow:0 8px #e3f0fd,0 18px 38px #2b2d421a;transition:transform .12s,background .2s,box-shadow .14s}.compare-card:active{transform:translateY(3px)}.compare-group{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;max-width:15rem}.compare-num{font-size:4.5rem;font-weight:800;color:var(--blue)}.compare-card.right-ans{background:linear-gradient(180deg,#83dd8e,var(--green));border-color:var(--green-dark);box-shadow:0 8px 0 var(--green-dark),0 18px 38px #6bcb7766}.compare-card.right-ans .compare-num{color:#fff}.compare-card.wrong-ans{background:linear-gradient(180deg,#ff8a8a,var(--coral));border-color:var(--coral-dark);box-shadow:0 8px 0 var(--coral-dark),0 18px 38px #ff6b6b59}.compare-card.wrong-ans .compare-num{color:#fff}.compare-card.dim{opacity:.45}.mental-eq{display:flex;gap:.75rem;justify-content:center;align-items:center;flex-wrap:wrap}.mental-num{background:var(--card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:4px solid #dbeeff;border-radius:1.4rem;padding:.25rem 1.5rem;font-size:clamp(2.6rem,7vw,4.2rem);font-weight:800;color:#3d3d67;line-height:1.3;box-shadow:0 5px #2b2d420d}.mental-num.mystery{color:var(--orange);border-color:#ffe3c2;background:linear-gradient(180deg,#fffdf6,#fff3da)}.mental-op{font-size:clamp(2.2rem,6vw,3.6rem);font-weight:800;color:var(--blue)}.hint-btn{border-radius:999px;background:linear-gradient(180deg,#fff,#fff8ea);color:#b26a00;border:3px solid #ffe3c2;padding:.4rem 1.1rem;font-weight:800;font-size:1rem;box-shadow:0 4px #ffe9c9;align-self:center;transition:transform .1s,background .15s}.hint-btn:active{transform:translateY(2px)}.hint-btn.on{background:linear-gradient(180deg,#fff3da,#ffe9c9)}.dots-hint{display:flex;gap:.9rem;justify-content:center;align-items:center;flex-wrap:wrap;animation:slide-in .25s;background:#ffffffbf;border-radius:1.2rem;padding:.75rem 1rem}.dots{display:flex;flex-wrap:wrap;gap:.35rem;max-width:12rem;justify-content:center}.dot{width:1.15rem;height:1.15rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7fb3ff,var(--blue));box-shadow:0 2px 4px #4d96ff59}.dots-a .dot{background:radial-gradient(circle at 35% 30%,#ff9fbe,#f368a9);box-shadow:0 2px 4px #f368a959}.dot.crossed{background:#e8edf4;box-shadow:inset 0 0 0 2px #ffb3b3;opacity:.55}.dice-row{display:flex;gap:1.25rem;justify-content:center}.die{width:clamp(6.5rem,18vw,8.5rem);aspect-ratio:1;background:linear-gradient(180deg,#fff,#eef5fd);border:4px solid #dbeeff;border-radius:1.5rem;box-shadow:0 8px #2b2d420f,0 18px 36px #2b2d421f;display:grid;grid-template-columns:repeat(3,1fr);padding:.9rem;gap:.15rem;animation:pop-in .35s}.pip{border-radius:50%;background:radial-gradient(circle at 35% 30%,#7fb3ff,var(--blue));box-shadow:0 3px 6px #4d96ff59;margin:14%}.die-cover{width:clamp(6.5rem,18vw,8.5rem);aspect-ratio:1;border-radius:1.5rem;border:4px dashed #ffd28f;background:linear-gradient(180deg,#fffdf6,#fff3da);display:grid;place-items:center;font-size:3rem;font-weight:800;color:var(--orange);box-shadow:0 8px #2b2d420a;animation:pop-in .3s}.bond-wrap{display:flex;flex-direction:column;align-items:center}.bond-total{font-size:2.2rem;font-weight:800;color:#fff;background:linear-gradient(180deg,#83dd8e,var(--green));border-radius:1.2rem;padding:.25rem 1.4rem;box-shadow:0 5px 0 var(--green-dark),0 12px 24px #6bcb7759}.bond-roof{width:11rem;height:2.6rem;border:.3rem solid #bfe0ff;border-bottom:none;border-radius:10rem 10rem 0 0}.bond-parts{display:flex;gap:5.5rem}.bond-part{font-size:1.9rem;font-weight:800;background:linear-gradient(180deg,#fff,#f2f8ff);border:4px solid #dbeeff;border-radius:1.1rem;padding:.3rem 1.1rem;color:#3d3d67;box-shadow:0 5px #2b2d420d}.bond-part.mystery{color:var(--orange);border-color:#ffd28f;background:linear-gradient(180deg,#fffdf6,#fff3da);animation:pulse 1.4s infinite}.equation.small{font-size:1.7rem;gap:.5rem}.parade-line{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:flex-start;min-height:4.2rem;background:#ffffffbf;border:3px dashed #cfe3f7;border-radius:1.2rem;padding:.5rem .75rem}.parade-engine{font-size:2.3rem;filter:drop-shadow(0 3px 3px rgba(43,45,66,.2))}.parade-chip{font-size:1.5rem;font-weight:800;background:linear-gradient(180deg,#6fabff,var(--blue));color:#fff;border-radius:.9rem;padding:.35rem .8rem;box-shadow:0 4px 0 var(--blue-dark);animation:pop-in .25s}.parade-pool{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.parade-pick{min-width:4.5rem;padding:.7rem 1rem;font-size:2rem;font-weight:800;color:var(--blue);background:linear-gradient(180deg,#fff,#f4faff);border:4px solid #bfe0ff;border-radius:1.2rem;box-shadow:0 6px #cfe6ff;transition:transform .1s,opacity .2s,background .15s}.parade-pick:active{transform:translateY(3px)}.parade-pick.used{display:none}.parade-pick.flash{background:linear-gradient(180deg,#ff8a8a,var(--coral));color:#fff;border-color:var(--coral-dark);box-shadow:0 6px 0 var(--coral-dark);animation:shake .4s}.screen.end{flex:1;align-items:center;justify-content:center;text-align:center;gap:1rem}.end-headline{font-size:clamp(2.2rem,4.5vw,3.2rem);margin:0;background:linear-gradient(92deg,var(--purple),var(--blue) 45%,var(--coral));-webkit-background-clip:text;background-clip:text;color:transparent;animation:pop-in .4s}.end-score{font-size:1.5rem;font-weight:700;color:var(--ink-soft);margin:0}.star-row{display:flex;gap:1rem}.star{font-size:4.4rem;line-height:1}.star.earned{animation:star-pop .5s both;filter:drop-shadow(0 0 1.4rem rgba(255,217,61,.85))}.star.empty{color:#cdd6e0;opacity:.6}.end-stars-label{font-size:1.4rem;font-weight:800;color:#b8860b;margin:0}.end-actions{display:flex;gap:.875rem;flex-wrap:wrap;justify-content:center}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}.parents-gate{max-width:24rem;margin:3rem auto;background:var(--card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:2px solid rgba(255,255,255,.9);border-radius:1.6rem;padding:1.75rem;display:flex;flex-direction:column;gap:.875rem;align-items:center;box-shadow:0 10px #2b2d420d,0 24px 48px #2b2d421f;text-align:center}.parents-gate h1{margin:0;font-size:1.5rem;color:#3d3d67}.gate-q{margin:0;font-size:1.6rem;font-weight:800}.gate-input{font-size:1.6rem;font-weight:800;text-align:center;width:9.5rem;padding:.625rem;border-radius:.9rem;border:4px solid #dbeeff;background:#fff;font-family:inherit}.gate-error{color:var(--coral-dark);font-weight:700;min-height:1.4em;margin:0}.dash-header{display:flex;align-items:center;gap:.75rem;padding-top:.5rem}.dash-header h1{flex:1;margin:0;font-size:1.6rem;color:#3d3d67}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.625rem}.stat-card{background:var(--card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.9);border-radius:1.2rem;padding:.875rem;text-align:center;box-shadow:0 5px #2b2d420a,0 12px 26px #2b2d4212}.stat-value{font-size:1.8rem;font-weight:800;color:var(--blue)}.stat-label{font-size:.9rem;font-weight:700;color:var(--muted)}.dash-section{background:var(--card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.9);border-radius:1.4rem;padding:1rem;box-shadow:0 5px #2b2d420a,0 12px 26px #2b2d4212;display:flex;flex-direction:column;gap:.625rem}.dash-title{font-size:1.1rem;font-weight:800;color:#3d3d67;margin:0}.dash-note{margin:0;color:var(--muted);font-weight:600;font-size:.95rem}.empty{text-align:center;color:var(--muted);font-weight:700;margin:.5rem 0}.kind-row{display:flex;align-items:center;gap:.625rem}.kind-label{width:9rem;display:flex;align-items:center;gap:.375rem;font-weight:700;font-size:.95rem;color:#456}.kind-bar{flex:1;height:1.1rem;background:#e8eef6;border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 3px #2b2d4214}.kind-fill{display:block;height:100%;background:linear-gradient(90deg,#83dd8e,var(--green-dark));border-radius:999px;transition:width .4s}.kind-pct{width:3rem;text-align:right;font-weight:800;color:#456;font-size:.95rem}.day-chart{display:flex;gap:.375rem;overflow-x:auto;padding-bottom:.25rem}.day-col{flex:1;min-width:1.125rem;display:flex;flex-direction:column;gap:.25rem}.day-bars{height:7rem;display:flex;flex-direction:column;justify-content:flex-end;gap:1px}.day-bar{background:#d9e2ee;border-radius:5px 5px 0 0;min-height:0}.day-bar.correct{background:linear-gradient(180deg,#83dd8e,var(--green-dark))}.day-label{text-align:center;font-size:.7rem;font-weight:700;color:#89a}.unlocked-chip{align-self:flex-start;color:#3d8b4f;background:linear-gradient(180deg,#f4fdf6,#e2f6e8)}@keyframes pop-in{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes star-pop{0%{transform:scale(0) rotate(-30deg);opacity:0}60%{transform:scale(1.3) rotate(8deg);opacity:1}to{transform:scale(1) rotate(0)}}@keyframes slide-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes drift{0%{transform:translateY(0) rotate(-6deg)}to{transform:translateY(-3rem) rotate(8deg)}}@keyframes blob-drift{0%{transform:translate(0) scale(1)}to{transform:translate(3vw,2vw) scale(1.12)}}@keyframes gradient-slide{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes wiggle{0%,to{transform:rotate(-6deg)}25%{transform:rotate(4deg) scale(1.08)}75%{transform:rotate(-12deg) scale(1.08)}}@media (prefers-reduced-motion: reduce){.decor,.decor *,.mixed-card,.seq-box.gap,.tick.landing{animation:none!important}}@media (max-width: 700px){.de:nth-child(n+9){display:none}.blob{filter:blur(70px);opacity:.4}}@media (max-width: 520px){.app{padding:.625rem .625rem 2.25rem}.brand h1{font-size:1.5rem}.brand-icon{font-size:2rem}.tagline{font-size:.9rem}.choice{min-width:4.125rem;font-size:1.8rem;padding:.625rem .875rem}.obj-emoji,.obj{font-size:2.2rem}.pic-emoji{font-size:1.7rem}.pic-group{max-width:11rem}.compare-num{font-size:3.4rem}.compare-card{min-height:8.5rem}.seq-box{min-width:3.5rem;font-size:1.8rem;padding:.75rem .5rem}.nl-inner{min-width:35rem}.equation{font-size:2.1rem}.star{font-size:3.4rem}.end-headline{font-size:2.1rem}.kind-label{width:7.5rem}.story-text{font-size:1.15rem}.more-items{max-width:12rem}.more-count{font-size:1.3rem}.more-name{font-size:.9rem}.mental-num{padding:.15rem 1rem}.equal-btn{width:4.5rem;min-height:4.5rem;font-size:2rem}.bond-parts{gap:3rem}.bond-roof{width:7.5rem;height:2rem}.parade-pick{min-width:3.5rem;font-size:1.7rem;padding:.5rem .7rem}.parade-line{min-height:3.6rem}}