:root{--bg: #14171c;--bg-card: #20242c;--ink: #e8e6e3;--ink-dim: #8a8e96;--accent: #a78bfa;--accent-ink: #1a1426;--good: #06d6a0;--bad: #ef476f;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;overscroll-behavior:none}.bg-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.bg-parallax{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate3d(calc(var(--bg-mx, 0) * -14px),calc(var(--bg-my, 0) * -14px),0);transition:transform .6s ease-out;will-change:transform}.bg-img{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s ease;animation:bg-idle 70s ease-in-out infinite alternate}.bg-img.active{opacity:.6}@keyframes bg-idle{0%{transform:translate3d(-1.2%,-1%,0) scale(1.04)}to{transform:translate3d(1.2%,1%,0) scale(1.07)}}.bg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 0%,rgba(20,23,28,.55) 75%,rgba(20,23,28,.9) 100%),linear-gradient(180deg,#14171c59,#14171c8c)}.app,.rbar,.rcoll,.prompt-btn,.reveal-card{position:relative;z-index:1}.prompt-btn,.rbar,.rcoll,.reveal-card{z-index:6}.app{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:1rem 5.5rem 1.5rem 6rem;position:relative}.prompt-btn{position:fixed;top:1rem;left:1rem;z-index:6;font-size:2rem;font-weight:800;line-height:1;border:0;border-radius:1rem;width:4.5rem;height:4.5rem;background:var(--accent);color:var(--accent-ink);cursor:pointer;box-shadow:0 5px #00000059,0 10px 22px #a78bfa33;display:grid;place-items:center}.fs-btn{position:fixed;top:1rem;left:6rem;z-index:6;width:3rem;height:3rem;border:0;border-radius:.85rem;background:#20242cb3;color:var(--ink-dim);font-size:1.4rem;line-height:1;cursor:pointer;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s ease,color .15s ease,transform .08s ease}.fs-btn:hover{background:#20242ce6;color:var(--ink)}.fs-btn:active{transform:translateY(1px)}.prompt-btn.hero{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(60vmin,24rem);height:min(60vmin,24rem);font-size:clamp(8rem,30vmin,14rem);border-radius:2rem;box-shadow:0 18px #0006,0 40px 80px #a78bfa4d}.reveal-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:clamp(16rem,48vmin,30rem);height:clamp(16rem,48vmin,30rem);font-size:clamp(8rem,30vmin,20rem);font-weight:900;line-height:1;padding:0;border-radius:2.5rem;background:var(--good);color:#082b1f;box-shadow:0 30px 80px #0000008c;z-index:9;pointer-events:none}.reveal-card.bad{background:var(--bad);color:#2e0512}.lr-choices{display:grid;grid-template-columns:repeat(2,clamp(10rem,32vw,20rem));gap:1.5rem;justify-content:center}.lr-card{display:grid;place-items:center;line-height:1;aspect-ratio:1;width:100%;height:100%;min-width:0;font-size:clamp(6rem,22vw,14rem);font-weight:800;padding:0;border:0;border-radius:2rem;background:var(--bg-card);color:var(--ink);cursor:pointer;box-shadow:0 8px #0006,0 16px 40px #0006}.lr-card svg,.reveal-card svg{width:.7em;height:.7em;display:block}.lr-card:active{transform:translateY(3px)}.lr-card.good{background:var(--good);color:#082b1f}.lr-card.bad{background:var(--bad);color:#2e0512}.count-row{display:flex;flex-wrap:wrap;gap:.5rem .75rem;justify-content:center;align-items:center;max-width:min(700px,90%)}.count-emoji{font-size:clamp(2.5rem,7vw,4rem);line-height:1}.math-row{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;justify-content:center;max-width:min(800px,95%);font-size:clamp(2.5rem,7vw,4rem);font-weight:900;color:var(--accent)}.math-group{display:flex;flex-wrap:wrap;gap:.25rem;background:var(--bg-card);padding:.5rem .7rem;border-radius:1rem;min-width:3rem;min-height:3rem;align-items:center;justify-content:center}.math-apple{font-size:clamp(1.6rem,4.5vw,2.4rem);line-height:1}.math-op{font-size:clamp(2rem,6vw,3.5rem)}.math-q{font-size:clamp(2.5rem,7vw,4rem);color:var(--ink)}.choices{display:grid;grid-template-columns:repeat(2,clamp(9rem,26vw,16rem));gap:1.25rem;justify-content:center}.letter-card{display:flex;align-items:center;justify-content:center;line-height:1;aspect-ratio:1;width:100%;height:100%;min-width:0;font-size:clamp(4rem,14vw,9rem);font-weight:800;padding:0;border:0;border-radius:1.75rem;background:var(--bg-card);color:var(--ink);box-shadow:0 8px #0006,0 16px 40px #0006;cursor:pointer;transition:transform .08s ease}.letter-card:active{transform:translateY(3px);box-shadow:0 3px #0006}.letter-card.good{background:var(--good);color:#fff}.letter-card.bad{background:var(--bad);color:#fff}.rcoll{position:fixed;top:6.5rem;left:1rem;bottom:1rem;width:4rem;display:flex;flex-direction:column-reverse;align-items:center;gap:.35rem;z-index:5;overflow-y:auto;overflow-x:hidden;pointer-events:none}.rcoll::-webkit-scrollbar{width:0}.rcoll-sticker{background:var(--bg-card);border-radius:.75rem;padding:.25rem .35rem .15rem;box-shadow:0 3px 8px #0000004d;display:flex;align-items:center;justify-content:center}.rbar{position:fixed;top:1rem;right:1rem;bottom:1rem;width:3.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:5}.rbar-chips{display:flex;flex-direction:column;gap:.35rem;width:100%}.rbar-chip{display:flex;flex-direction:column;align-items:center;background:var(--bg-card);padding:.35rem .25rem;border-radius:.85rem;box-shadow:0 3px 8px #0000004d;font-variant-numeric:tabular-nums}.rbar-chip-icon{font-size:1rem;line-height:1}.rbar-chip-value{font-size:1.4rem;font-weight:800;line-height:1.1;color:var(--ink)}.rbar-chip.best .rbar-chip-icon{color:var(--accent)}.rbar-chip.streak{background:var(--accent)}.rbar-chip.streak .rbar-chip-value{color:var(--accent-ink)}.rbar-chip.coin{background:linear-gradient(180deg,#fbbf24,#d97706);box-shadow:0 3px 10px #fbbf2459,0 1px 2px #0006}.rbar-chip.coin .rbar-chip-value{color:#2a1a04}.rbar-chip.coin .rbar-chip-icon{filter:drop-shadow(0 1px 0 rgba(0,0,0,.25))}.rbar-track{flex:1;width:100%;display:flex;flex-direction:column-reverse;gap:.35rem;background:var(--bg-card);padding:.35rem;border-radius:1rem;box-shadow:0 4px 14px #00000059;overflow:hidden}.rbar-seg{flex:1;position:relative;border-radius:.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.rbar-seg-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.5rem;box-shadow:0 0 12px var(--seg-color),0 0 24px var(--seg-color)}.hint{font-size:1.1rem;color:var(--ink-dim);font-weight:600}.draw-stage{position:relative;width:clamp(18rem,64vmin,32rem);height:clamp(18rem,64vmin,32rem);background:var(--bg-card);border-radius:1.5rem;box-shadow:0 8px #0006,0 16px 40px #0006;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}.draw-stage-wide{width:clamp(22rem,90vw,50rem);height:clamp(14rem,36vmin,22rem)}.draw-template{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:clamp(12rem,48vmin,22rem);font-weight:900;line-height:1;color:#ffffff1a;pointer-events:none;user-select:none;-webkit-user-select:none}.draw-template-name{font-size:clamp(5rem,22vmin,12rem);letter-spacing:.1em}.draw-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:crosshair;touch-action:none;display:block}.draw-controls{display:flex;gap:1rem;align-items:center;justify-content:center}.draw-side-btn,.draw-done-btn{border:0;border-radius:1rem;cursor:pointer;display:grid;place-items:center;line-height:1;font-family:inherit}.draw-side-btn{width:3.5rem;height:3.5rem;background:var(--bg-card);color:var(--ink);font-size:1.7rem;box-shadow:0 4px #0006,0 8px 20px #0000004d}.draw-side-btn:disabled{opacity:.35;cursor:not-allowed}.draw-done-btn{width:5.5rem;height:5.5rem;background:var(--good);color:#082b1f;font-size:3rem;font-weight:900;box-shadow:0 6px #0006,0 14px 32px #06d6a059}.draw-done-btn:disabled{opacity:.5;cursor:not-allowed}.read-prompt{font-size:clamp(5rem,18vmin,11rem);font-weight:900;letter-spacing:.04em;line-height:1;color:var(--accent);text-shadow:0 6px 20px rgba(167,139,250,.35);padding:.25rem 0}.read-grid{display:grid;grid-template-columns:repeat(2,clamp(8rem,24vmin,14rem));grid-template-rows:repeat(2,clamp(8rem,24vmin,14rem));gap:1.25rem;justify-content:center}.read-card{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;padding:clamp(.75rem,2vmin,1.25rem);border:0;border-radius:1.5rem;background:var(--bg-card);box-shadow:0 8px #0006,0 16px 40px #0006;cursor:pointer;transition:transform .08s ease,background .15s ease,opacity .25s ease,box-shadow .15s ease}.read-card:active{transform:translateY(3px);box-shadow:0 3px #0006}.read-card:disabled{cursor:default}.read-card img{width:100%;height:100%;object-fit:contain;pointer-events:none;display:block}.read-card-right{background:var(--good);box-shadow:0 8px #0006,0 16px 50px #06d6a080}.read-card-wrong{background:var(--bad);box-shadow:0 8px #0006,0 16px 50px #ef476f80}.read-card-reveal{outline:3px solid var(--good);outline-offset:-3px}.read-card-dim{opacity:.35}.cscene{display:flex;flex-wrap:wrap;gap:.65rem 1.1rem;justify-content:center;align-items:center;max-width:min(640px,88%);background:var(--bg-card);border-radius:1.5rem;padding:1.1rem 1.4rem;box-shadow:0 6px #0000004d}.cscene-item{font-size:clamp(2.2rem,6vw,3.4rem);line-height:1;display:inline-block}.cscene-kind{display:inline-flex;align-items:center;justify-content:center;font-size:clamp(2.6rem,8vw,4rem);line-height:1;background:var(--bg-card);border-radius:1rem;padding:.18em .3em;margin:0 .15em;vertical-align:middle;box-shadow:0 4px #0000004d,0 0 18px #a78bfa59}.hits-row{display:flex;gap:.45rem;font-size:clamp(1.4rem,4vw,2rem)}.whack-grid{display:grid;grid-template-columns:repeat(2,clamp(8rem,26vw,12rem));gap:1.25rem 2.25rem;justify-content:center}.whack-hole{position:relative;height:clamp(7.5rem,24vw,10rem);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding-bottom:.4rem}.whack-hole:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:92%;height:1.5rem;background:#00000080;border-radius:50%}.whack-mole{position:relative;z-index:1;border:0;cursor:pointer;background:var(--bg-card);border-radius:1.3rem 1.3rem .5rem .5rem;padding:.45rem 1rem .8rem;min-width:6.5rem;display:flex;flex-direction:column;align-items:center;gap:.05rem;box-shadow:0 4px #00000059}.whack-mole-face{font-size:clamp(1.7rem,5vw,2.4rem);line-height:1}.whack-mole-val{font-size:clamp(2rem,6vw,3rem);font-weight:900;color:var(--ink);line-height:1.1}.rain-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.rain-drop{position:absolute;top:0;pointer-events:auto;border:0;cursor:pointer;width:clamp(5.5rem,17vw,7.5rem);aspect-ratio:1;border-radius:50%;background:var(--bg-card);color:var(--ink);font-size:clamp(2.2rem,8vw,3.4rem);font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 5px #0000004d,0 0 24px #a78bfa40}.readdraw-reveal{flex-direction:column;gap:.6rem}.reveal-img{width:58%;height:58%;object-fit:contain}.readdraw-word{font-size:clamp(2rem,7vmin,3.4rem);font-weight:900}.pet{position:fixed;right:6.5rem;bottom:.9rem;z-index:5;border:0;background:transparent;cursor:pointer;font-size:clamp(2.8rem,9vw,4.2rem);line-height:1;filter:drop-shadow(0 4px 6px rgba(0,0,0,.45));padding:.25rem}.pet-body{display:inline-block}.pet-acc{position:absolute;font-size:.45em;pointer-events:none}.pet-bow{top:-.1em;left:-.05em;transform:rotate(-18deg)}.pet-crown{top:-.45em;left:50%;transform:translate(-50%)}.pet-zzz{position:absolute;top:-.5em;right:-.4em;font-size:.5em;pointer-events:none}.pet-yum{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:.55em;pointer-events:none}.parent{min-height:100vh;box-sizing:border-box;padding:1rem;background:#14171c;color:#e8eaed;overflow-y:auto}.parent header{display:flex;justify-content:space-between;align-items:center}.parent button{font:inherit;padding:.5rem .9rem;border-radius:.4rem;border:1px solid #3a414c;background:#232830;color:inherit;cursor:pointer}.parent-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}.parent-tabs button.active{background:#3b6ea8;border-color:#6aa3e0;font-weight:700}.parent-icon{position:fixed;left:.4rem;bottom:.4rem;z-index:6;width:2rem;height:2rem;padding:0;border:0;background:transparent;color:#fff;opacity:.12;font-size:1rem;cursor:default;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.lock-gate{display:flex;flex-direction:column;gap:.8rem;align-items:center;max-width:20rem;margin:20vh auto 0;padding:1.5rem;background:#1d2229;border-radius:.8rem}.lock-gate p{font-size:2rem;margin:0}.lock-gate input{font-size:1.6rem;width:6rem;text-align:center}.parent h2{font-size:1.1rem;margin:1.5rem 0 .3rem}.parent [role=alert]{color:#ff8a80;font-weight:700}.rec-grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr))}.rec-cell{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;padding:.5rem;border-radius:.5rem;border:2px solid #3a414c;background:#1d2229}.rec-cell.recorded{border-color:#4caf50;background:#1c2a20}.rec-cell.recorded .rec-label:after{content:" ✓";color:#4caf50}.rec-label{flex:1 0 100%;font-size:1.3rem;font-weight:700}.parent .rec-cell button{padding:.4rem .7rem}.parent .rec-cell button:disabled{opacity:.35;cursor:not-allowed}.parent .rec-cell button.rec-live{background:#c62828;border-color:#ff5252;animation:rec-pulse 1s infinite}@keyframes rec-pulse{50%{opacity:.6}}.names-form{display:flex;gap:.4rem}.names-form input{font:inherit;font-size:1.3rem;padding:.4rem;text-transform:uppercase}.names-list{padding-left:1.2rem}.names-list li{margin:.3rem 0;font-size:1.2rem}.pills{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.pills button.active{background:#2e5aa8;border-color:#6b9bff}.stat-cards{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr))}.stat-card{padding:.6rem;border-radius:.5rem;background:#1d2229;border:2px solid #3a414c}.stat-card h3{margin:0 0 .2rem;font-size:1rem}.stat-card p{margin:.1rem 0}.stat-card .stat-big{font-size:1.8rem;font-weight:700}.missed{border-collapse:collapse;width:100%;max-width:32rem}.missed th,.missed td{padding:.3rem .6rem;border-bottom:1px solid #3a414c;text-align:left}.recent{list-style:none;padding:0;font-size:.95rem}.recent li{padding:.15rem 0;border-bottom:1px solid #2a3038}.gallery-grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}.gallery-grid .thumb{padding:0;background:#fff;border-radius:.4rem;overflow:hidden}.gallery-grid img{display:block;width:100%;height:auto}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1rem;background:#000000e6}.lightbox img{max-width:90vw;max-height:65vh;background:#fff;border-radius:.5rem}.wallet-big{font-size:2rem;font-weight:700}.backup,.settings{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;max-width:32rem}.backup h2,.settings h2{margin-bottom:0}.backup p{margin:0}.backup input[type=checkbox]{width:1.3rem;height:1.3rem;vertical-align:middle}.settings label{display:flex;justify-content:space-between;align-items:center;gap:.8rem;width:100%}.backup-confirm input,.settings input{font:inherit;font-size:1.2rem;padding:.3rem .4rem}.settings input[type=number]{width:7rem}.kid-name,.backup-confirm input,.settings-confirm input{text-transform:uppercase}.backup-confirm,.settings-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.6rem;border-radius:.5rem;border:2px solid #c62828;background:#2a1c1c}.backup-confirm p{flex:1 0 100%;color:#ff8a80;font-weight:700}.parent .backup button:disabled,.parent .settings button:disabled{opacity:.35;cursor:not-allowed}.backup-confirm input::placeholder,.settings-confirm input::placeholder{text-transform:none;font-size:1rem}