@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";:root{--bg: #ffd9ec;--bg2: #fff0f8;--pink: #ff5fa8;--pink-d: #e0388a;--pink-l: #ffb3d9;--lilac: #b48cff;--lilac-l: #e6d8ff;--gold: #ffc94d;--mint: #a8ecd6;--plum: #7a1f52;--white: #fffafd;--radius: 28px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:Fredoka,"Baloo 2",Comic Sans MS,system-ui,sans-serif;color:var(--plum);background:radial-gradient(circle at 12% 18%,#fff 0 3px,transparent 4px),radial-gradient(circle at 78% 12%,#fff 0 2px,transparent 3px),radial-gradient(circle at 40% 70%,#fff 0 3px,transparent 4px),radial-gradient(circle at 90% 80%,#fff 0 2px,transparent 3px),radial-gradient(ellipse at 50% -10%,var(--bg2),transparent 60%),linear-gradient(180deg,var(--bg) 0%,#ffc2e0 100%);background-size:180px 180px,240px 240px,200px 200px,260px 260px,auto,auto;background-attachment:fixed;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible,input:focus-visible{outline:4px solid var(--lilac);outline-offset:3px}.app{min-height:100dvh;display:flex;justify-content:center}.app.center{align-items:center}.screen{width:100%;max-width:620px;padding:14px 16px 40px;display:flex;flex-direction:column;align-items:center;gap:14px}.btn{background:var(--pink);color:#fff;font-weight:700;font-size:1.15rem;padding:12px 22px;border-radius:999px;box-shadow:0 6px 0 var(--pink-d);transition:transform .08s,box-shadow .08s}.btn:active{transform:translateY(5px);box-shadow:0 1px 0 var(--pink-d)}.btn.alt{background:var(--lilac);box-shadow:0 6px #8a5fe0}.btn.alt:active{box-shadow:0 1px #8a5fe0}.btn.big{font-size:1.5rem;padding:14px 34px}.btn:disabled{opacity:.5}.row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.round-btn{width:52px;height:52px;border-radius:50%;font-size:1.6rem;background:var(--white);box-shadow:0 5px 0 var(--pink-l)}.round-btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--pink-l)}.stars-pill{background:var(--gold);color:#7a4a00;font-weight:700;font-size:1.2rem;padding:8px 16px;border-radius:999px;box-shadow:0 4px #e0a52a}.topbar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.topbar-title{margin:0;font-size:1.5rem;color:var(--pink-d);text-align:center;flex:1}.fairy{display:flex;align-items:center;gap:10px;width:100%}.fairy-face{font-size:2.6rem;width:66px;height:66px;flex:none;display:grid;place-items:center;background:var(--white);border-radius:50%;box-shadow:0 5px 0 var(--pink-l);animation:float 3.2s ease-in-out infinite}.bubble{position:relative;background:var(--white);padding:12px 16px;border-radius:22px;font-weight:600;font-size:1.1rem;box-shadow:0 4px 0 var(--pink-l)}.bubble:before{content:"";position:absolute;left:-9px;top:50%;margin-top:-9px;border:9px solid transparent;border-right-color:var(--white);border-left:0}@keyframes float{50%{transform:translateY(-6px) rotate(-3deg)}}.login-card{background:var(--white);border-radius:40px;padding:28px 24px;width:min(92vw,420px);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;box-shadow:0 10px 0 var(--pink-l)}.crown-big{font-size:5rem;animation:float 3s ease-in-out infinite}.hint{margin:0;font-size:1.2rem;font-weight:500}.name-input{width:100%;text-align:center;font:inherit;font-size:1.5rem;font-weight:600;color:var(--plum);padding:12px;border-radius:22px;border:4px solid var(--pink-l);background:#fff;-webkit-user-select:text;user-select:text}.logo{margin:4px 0 0;text-align:center;line-height:1}.logo-text{font-size:clamp(2.4rem,11vw,3.6rem);font-weight:700;letter-spacing:.01em;text-shadow:0 3px 0 #fff,0 6px 0 rgba(224,56,138,.25)}.logo-text span{display:inline-block;transform:rotate(var(--r))}.home-top{width:100%;display:flex;justify-content:space-between;align-items:center}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;margin-top:4px}.tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:18px 8px 16px;border-radius:var(--radius);background:var(--tc);box-shadow:0 8px 0 var(--ts);transition:transform .1s,box-shadow .1s}.tile:active{transform:translateY(7px);box-shadow:0 1px 0 var(--ts)}.tile-emoji{font-size:3.4rem;line-height:1.1}.tile-title{font-weight:700;font-size:1.2rem;color:var(--plum)}.tile-sub{font-size:.95rem;font-weight:500;opacity:.8}.c1{--tc: #ffb3d9;--ts: #f083b9}.c2{--tc: #e6d8ff;--ts: #b9a0f0}.c3{--tc: #ffe08a;--ts: #e8bb3f}.c4{--tc: #ffc4dd;--ts: #ee8fb8}.c5{--tc: #d5c6ff;--ts: #a98ae8}.c6{--tc: #ffd0e6;--ts: #ee98c0}.abc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:100%}.abc-tile{display:flex;flex-direction:column;align-items:center;padding:8px 0 6px;border-radius:20px;background:var(--white);box-shadow:0 5px 0 var(--pink-l);transition:transform .08s}.abc-tile:active{transform:translateY(4px);box-shadow:0 1px 0 var(--pink-l)}.abc-tile.sel{background:var(--pink-l)}.abc-l{font-size:1.7rem;font-weight:700;color:var(--pink-d);line-height:1.1}.abc-e{font-size:1.5rem}.big-card{width:100%;background:var(--white);border-radius:36px;padding:14px;text-align:center;display:flex;align-items:center;justify-content:space-around;box-shadow:0 8px 0 var(--pink-l);animation:pop .35s cubic-bezier(.3,1.6,.5,1)}.big-letter{font-size:4.6rem;font-weight:700;color:var(--pink)}.big-emoji{font-size:5rem}.big-word{font-size:1.4rem;font-weight:600}@keyframes pop{0%{transform:scale(.7);opacity:0}}.match-board{display:flex;gap:22px;width:100%;justify-content:center}.col{display:flex;flex-direction:column;gap:14px;flex:1;max-width:240px}.match-letter,.match-pic{min-height:104px;border-radius:26px;background:var(--white);box-shadow:0 7px 0 var(--pink-l);display:flex;align-items:center;justify-content:center;flex-direction:column;transition:transform .1s,background .3s}.match-letter{font-size:3.4rem;font-weight:700;color:var(--pink-d);gap:0;flex-direction:row;align-items:baseline}.match-letter small{font-size:2rem;margin-left:4px;opacity:.8}.match-letter.sel{background:var(--pink);color:#fff;transform:scale(1.06);box-shadow:0 7px 0 var(--pink-d)}.match-letter.done,.match-pic.done{box-shadow:0 3px #00000014;transform:translateY(4px)}.pic{font-size:3.6rem;line-height:1.1}.word{font-size:1.1rem;font-weight:600}.word b{color:var(--pink-d);font-size:1.3rem}.dots{display:flex;gap:8px}.dots span{width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px var(--pink-l)}.dots .on{background:var(--pink);box-shadow:none}.dots .cur{background:var(--gold);box-shadow:none;transform:scale(1.3)}.speaker{margin:4px 0}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.option{min-height:128px;border-radius:28px;background:var(--white);box-shadow:0 7px 0 var(--pink-l);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .1s,background .3s}.option:active{transform:translateY(5px);box-shadow:0 2px 0 var(--pink-l)}.option.good{background:var(--mint);box-shadow:0 7px #6cc9a9;transform:scale(1.06)}.option .pic{font-size:3.8rem}.options.letters .option{min-height:110px}.option.letter{font-size:3.6rem;font-weight:700;color:var(--pink-d)}.spell-pic{background:var(--white);border-radius:36px;padding:10px 30px;box-shadow:0 8px 0 var(--pink-l);display:flex;align-items:center;gap:10px}.spell-pic .pic{font-size:6rem}.tiny{font-size:1.6rem}.spell-word{display:flex;gap:12px}.spell-slot{width:78px;height:92px;display:grid;place-items:center;border-radius:22px;background:var(--lilac-l);font-size:3.2rem;font-weight:700;color:var(--plum);box-shadow:0 6px #c3aaf0}.spell-slot.hole{background:#fff;color:var(--pink);border:4px dashed var(--pink);animation:blink 1.2s infinite}.spell-slot.filled{background:var(--mint);box-shadow:0 6px #6cc9a9;animation:pop .35s cubic-bezier(.3,1.6,.5,1)}@keyframes blink{50%{background:#fff0f8}}.memory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.mem-card{aspect-ratio:1 / 1.05;border-radius:26px;font-size:3.2rem;font-weight:700;background:linear-gradient(135deg,var(--lilac),var(--pink));box-shadow:0 7px 0 var(--pink-d);display:grid;place-items:center;transition:transform .25s,background .25s;color:#fff}.mem-card.up{background:var(--white);color:var(--pink-d);box-shadow:0 7px 0 var(--pink-l);transform:rotateY(0) scale(1.03)}.mem-card.found{background:var(--mint);color:var(--plum);box-shadow:0 3px #6cc9a9}.letter-strip{display:flex;gap:8px;overflow-x:auto;width:100%;padding:4px 2px 10px;scrollbar-width:none}.letter-strip::-webkit-scrollbar{display:none}.chip{flex:none;width:46px;height:46px;border-radius:50%;background:var(--white);font-weight:700;font-size:1.3rem;color:var(--pink-d);box-shadow:0 4px 0 var(--pink-l)}.chip.sel{background:var(--pink);color:#fff;box-shadow:0 4px 0 var(--pink-d)}.trace-wrap{width:min(100%,420px);background:var(--white);border-radius:36px;box-shadow:0 8px 0 var(--pink-l);padding:6px}.trace-canvas{width:100%;height:auto;display:block;touch-action:none;border-radius:30px}.meter{width:min(100%,420px);height:16px;border-radius:999px;background:#fff;overflow:hidden}.meter div{height:100%;background:linear-gradient(90deg,var(--lilac),var(--pink));transition:width .2s}.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%}.sticker{aspect-ratio:1;border-radius:26px;display:grid;place-items:center;font-size:3rem}.sticker.on{background:var(--white);box-shadow:0 6px 0 var(--pink-l);animation:pop .4s cubic-bezier(.3,1.6,.5,1) backwards}.sticker.off{background:#ffffff73;filter:grayscale(1);opacity:.6}.shake{animation:shake .45s}@keyframes shake{20%,60%{transform:translate(-9px)}40%,80%{transform:translate(9px)}}.celebrate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#ffbee1d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden}.celebrate-card{background:var(--white);border-radius:40px;padding:26px 22px;text-align:center;width:min(90vw,380px);box-shadow:0 10px 0 var(--pink-l);animation:pop .5s cubic-bezier(.3,1.6,.5,1);position:relative}.celebrate-card h2{margin:6px 0;color:var(--pink-d);font-size:1.9rem}.celebrate-emoji{font-size:5rem;animation:float 2s ease-in-out infinite}.earned{font-size:1.8rem;font-weight:700;margin:0 0 14px;color:#c58a00}.confetti{position:absolute;top:-40px;animation:fall linear infinite}@keyframes fall{to{transform:translateY(115vh) rotate(360deg)}}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:30;background:var(--gold);color:#6b4300;font-weight:700;font-size:1.3rem;text-align:center;padding:10px 26px;border-radius:28px;box-shadow:0 6px #e0a52a;animation:drop .5s cubic-bezier(.3,1.6,.5,1)}.toast-emoji{font-size:3rem}@keyframes drop{0%{transform:translate(-50%,-140%)}}@media (max-width: 380px){.abc-grid{grid-template-columns:repeat(4,1fr)}.spell-slot{width:64px;height:78px;font-size:2.6rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.crown-pill{background:var(--lilac-l);color:var(--plum);box-shadow:0 4px #c3aaf0}.btn.gold{background:var(--gold);color:#6b4300;box-shadow:0 6px #e0a52a}.btn.gold:active{box-shadow:0 1px #e0a52a}.contest-tile{width:100%;display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--radius);text-align:left;transition:transform .1s,box-shadow .1s}.contest-tile:active{transform:translateY(6px)}.contest-tile.locked{background:#fff9;box-shadow:0 7px 0 var(--pink-l)}.contest-tile.open{background:linear-gradient(110deg,#ffd76a,#ffb3d9,#ffd76a);background-size:200% 100%;animation:shimmer 3s linear infinite;box-shadow:0 8px #e0a52a}.contest-icon{font-size:3rem}.contest-info{flex:1;display:flex;flex-direction:column;gap:4px}.contest-info b{font-size:1.25rem}.contest-info small{font-size:.95rem;font-weight:500}.mini-meter{display:block;height:12px;border-radius:99px;background:#fff;overflow:hidden}.mini-meter span{display:block;height:100%;background:linear-gradient(90deg,var(--lilac),var(--pink))}@keyframes shimmer{to{background-position:-200% 0}}.sticker-count{font-size:1.4rem;font-weight:700;color:var(--pink-d)}.crowns-box{width:100%;text-align:center;background:var(--white);border-radius:28px;padding:12px;box-shadow:0 6px 0 var(--pink-l)}.crowns-title{font-weight:700;color:var(--pink-d);font-size:1.2rem}.crowns-row{font-size:2rem;line-height:1.5}.track{position:relative;width:100%;height:130px;margin:6px 0 16px}.track-line{position:absolute;left:10%;right:10%;top:82px;height:10px;border-radius:99px;opacity:.6;background:repeating-linear-gradient(90deg,var(--pink) 0 14px,transparent 14px 26px)}.node{position:absolute;top:60px;transform:translate(-50%);width:54px;height:54px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:1.7rem;box-shadow:0 5px 0 var(--pink-l)}.node small{position:absolute;bottom:-22px;font-size:.95rem;font-weight:700;color:var(--pink-d)}.node.cur{background:var(--gold);box-shadow:0 5px #e0a52a;animation:pulse 1.4s ease-in-out infinite}.node.done{background:var(--mint);box-shadow:0 5px #6cc9a9}@keyframes pulse{50%{transform:translate(-50%) scale(1.12)}}.avatar{position:absolute;top:-2px;transform:translate(-50%);font-size:3.2rem;transition:left 1.6s cubic-bezier(.5,0,.3,1)}.av{display:inline-block}.av.walk{animation:walk .5s ease-in-out infinite}.av.fly{animation:fly 1.6s ease-in-out infinite}.av.gallop{animation:gallop .45s ease-in-out infinite}@keyframes walk{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-8px) rotate(6deg)}}@keyframes fly{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-16px) rotate(4deg)}}@keyframes gallop{0%,to{transform:translateY(0) scaleX(1)}50%{transform:translateY(-12px) scaleX(1.06)}}.level-card{width:100%;text-align:center;background:var(--white);border-radius:34px;padding:18px 16px 22px;box-shadow:0 8px 0 var(--pink-l);display:flex;flex-direction:column;align-items:center;gap:6px}.level-card h2{margin:0;color:var(--pink-d);font-size:1.6rem}.level-card p{margin:0 0 8px;font-weight:500;font-size:1.1rem}.level-emoji{font-size:4rem}.level-label{background:var(--lilac-l);border-radius:99px;padding:6px 16px;font-weight:700}.avatar-pick{display:grid;gap:12px;width:100%}.avatar-btn{display:flex;align-items:center;gap:14px;background:#fff;border-radius:28px;padding:10px 18px;box-shadow:0 7px 0 var(--pink-l);font-weight:600;font-size:1.2rem;text-align:left}.avatar-btn span:first-child{font-size:3rem}.avatar-btn.sel{background:var(--pink-l);transform:scale(1.03)}.contest-play{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.hearts{font-size:2rem;display:flex;gap:8px}.hearts .lost{filter:grayscale(1);opacity:.6}.prompt{margin:0;font-size:1.35rem;font-weight:600;text-align:center}.big-q{font-size:7rem;font-weight:700;line-height:1.25;padding:0 44px;color:var(--pink);background:#fff;border-radius:36px;box-shadow:0 8px 0 var(--pink-l)}.big-q.emoji{font-size:6rem}.options.four{grid-template-columns:1fr 1fr}.option:disabled{opacity:.35;transform:none;box-shadow:0 2px 0 var(--pink-l);cursor:default}.won-text{font-size:1.2rem;font-weight:500;margin:0 0 14px}