.impara-vue-root[data-v-57ebdc11]{z-index:1;position:absolute;inset:0}:root{--primary:#6c63ff;--primary-light:#a29bfe;--accent:#ffd166;--accent-dark:#f4a836;--success:#06d6a0;--success-bg:#e6faf3;--error:#ef476f;--error-bg:#fde8ee;--card-bg:#fff;--text:#2d3436;--text-light:#636e72;--radius:18px;--shadow:0 4px 16px #0000001a;--shadow-lg:0 12px 40px #0000002e}*{box-sizing:border-box;margin:0;padding:0}html{overscroll-behavior:none;height:100%;overflow:hidden}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%) 0 0/400% 400%;height:100%;min-height:100dvh;font-family:Nunito,sans-serif;animation:15s infinite gradientShift;overflow:hidden}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.bg-shapes{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-shape{opacity:.07;background:#fff;border-radius:50%;animation:20s ease-in-out infinite floatShape;position:absolute}.bg-shape:first-child{width:300px;height:300px;animation-duration:25s;top:-50px;left:-50px}.bg-shape:nth-child(2){width:200px;height:200px;animation-duration:20s;animation-delay:-5s;top:60%;right:-40px}.bg-shape:nth-child(3){width:150px;height:150px;animation-duration:22s;animation-delay:-10s;bottom:-30px;left:30%}.bg-shape:nth-child(4){width:250px;height:250px;animation-duration:28s;animation-delay:-7s;top:20%;right:20%}@keyframes floatShape{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-30px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(20px,10px)scale(1.02)}}.screen{z-index:1;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s,transform .5s;display:flex;position:absolute;inset:0}.screen.hidden{opacity:0;pointer-events:none;transform:scale(.95)}#hub-screen{text-align:center;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:max(20px, calc(env(safe-area-inset-top) + 12px)) max(18px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));box-sizing:border-box;justify-content:flex-start;align-items:center;overflow:hidden auto}.hub-icon{filter:drop-shadow(0 10px 20px #0003);margin-bottom:16px;font-size:70px;animation:3s ease-in-out infinite logoFloat;display:block}@keyframes logoFloat{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-15px)rotate(3deg)}}.hub-title{color:#fff;text-shadow:0 4px 12px #00000040;text-transform:uppercase;letter-spacing:2px;margin-bottom:6px;font-family:Fredoka,sans-serif;font-size:clamp(2rem,7vw,3.2rem);font-weight:700}.hub-subtitle{color:#fffc;text-transform:uppercase;letter-spacing:1px;margin-bottom:36px;font-size:clamp(.95rem,3vw,1.2rem);font-weight:600}.game-selector{flex-wrap:wrap;justify-content:center;gap:24px;max-width:700px;display:flex}.game-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;text-align:center;color:#fff;background:#ffffff21;border:2px solid #fff3;border-radius:24px;flex-direction:column;align-items:center;gap:10px;width:280px;padding:28px 24px;transition:transform .25s,box-shadow .25s,border-color .25s,background .25s;display:flex}.game-card:hover{background:#ffffff2e;border-color:#ffffff80;transform:translateY(-6px)scale(1.02);box-shadow:0 16px 48px #0003}.game-card:active{transform:translateY(-2px)scale(.99)}.game-card-icon{margin-bottom:4px;font-size:3.2rem;display:block}.game-card-title{text-transform:uppercase;letter-spacing:1px;font-family:Fredoka,sans-serif;font-size:1.3rem;font-weight:700}.game-card-desc{color:#ffffffbf;font-size:.85rem;font-weight:600;line-height:1.4}.game-card-badge{text-transform:uppercase;letter-spacing:.5px;background:#fff3;border-radius:20px;margin-top:4px;padding:4px 12px;font-size:.7rem;font-weight:700}#game-screen{padding:max(10px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));overscroll-behavior:none;box-sizing:border-box;justify-content:flex-start;align-items:stretch;width:100%;height:100%;min-height:0;max-height:100dvh;overflow:hidden}#game-screen .game-header{align-self:center;width:100%;max-width:960px}#game-screen .game-board{flex:1 1 0;align-self:center;width:100%;max-width:880px;min-height:0;overflow:hidden}.game-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 20px;display:flex}.header-left{align-items:center;gap:10px;display:flex}.btn-back{color:#fff;cursor:pointer;text-shadow:0 1px 2px #0003;background:#ffffff6b;border:2px solid #ffffffbf;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.35rem;font-weight:800;transition:background .2s,transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 3px 14px #0003,inset 0 0 0 1px #ffffff40}.btn-back:hover{background:#ffffff94;border-color:#fff;transform:scale(1.08);box-shadow:0 5px 20px #00000040}.btn-back:active{transform:scale(.96)}.btn-fullscreen{color:#fff;cursor:pointer;background:#ffffff47;border:2px solid #ffffff80;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;min-width:40px;height:40px;padding:0 10px;font-size:1.15rem;font-weight:700;line-height:1;transition:background .2s,transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 2px 10px #0000001f}.btn-fullscreen:hover{background:#ffffff73;border-color:#ffffffbf;transform:scale(1.06);box-shadow:0 4px 14px #0000002e}.btn-fullscreen:active{transform:scale(.98)}.btn-fullscreen .fs-i-close,.btn-fullscreen.is-fullscreen .fs-i-open{display:none}.btn-fullscreen.is-fullscreen .fs-i-close{display:inline}.btn-fullscreen--hub{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:2;position:absolute}.level-badge{color:#fff;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;display:flex}.badge-num{background:var(--accent);color:#1a1a2e;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;font-weight:700;display:flex}.syll-info{color:#ffffffb3;font-size:.8rem;font-weight:600}.progress-bar-container{flex:1;max-width:220px;margin:0 16px}.progress-bar{background:#fff3;border-radius:10px;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--success),#00e5a0);border-radius:10px;width:0%;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.stars-display{gap:3px;font-size:1.1rem;display:flex}.star{opacity:.3;transition:opacity .3s,transform .3s}.star.earned{opacity:1;transform:scale(1.15)}.game-board{flex:1 1 0;grid-template-rows:auto repeat(5,minmax(0,1fr));grid-template-columns:1fr 1fr;gap:18px 100px;width:100%;max-width:880px;min-height:0;padding:0 4px;display:grid;position:relative;overflow:hidden}.svg-layer{pointer-events:none;z-index:5;position:absolute;inset:0}.col-label{color:#fffc;text-align:center;text-transform:uppercase;letter-spacing:1.5px;padding:4px 0;font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:600}.img-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);cursor:grab;touch-action:none;border:3px solid #0000;justify-content:center;align-items:center;gap:14px;min-height:0;padding:14px 16px;transition:border-color .25s,transform .25s,box-shadow .25s,background .3s;display:flex;position:relative}.img-card:active{cursor:grabbing}.img-card:hover:not(.matched):not(.dragging){border-color:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.img-card.selected{border-color:var(--primary);box-shadow:var(--shadow-lg),0 0 0 4px #6c63ff26;background:#f0edff;transform:scale(1.03)}.img-card.dragging{opacity:.3;border-color:var(--primary);transform:scale(.95)}.img-card .emoji-wrap{border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:102px;min-width:102px;height:102px;font-size:4.25rem;display:flex}.img-card .card-label{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.img-card .card-hint{color:var(--text-light);letter-spacing:2px;text-transform:uppercase;font-size:.95rem;font-weight:700}.img-card .matched-word{color:var(--success);text-transform:uppercase;font-family:Fredoka,sans-serif;font-size:1.15rem;font-weight:600;display:none}.img-card.matched .card-hint{display:none}.img-card.matched .matched-word{display:block}.img-card.matched{border-color:var(--success);background:var(--success-bg)}.img-card.wrong-flash{border-color:var(--error);animation:.5s wrongPulse}@keyframes wrongPulse{0%,to{background:var(--card-bg)}30%{background:var(--error-bg)}}.match-check{font-size:1.3rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;right:10px;transform:translateY(-50%)scale(0)}.img-card.matched .match-check{transform:translateY(-50%)scale(1)}.count-answers-area{flex:none;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1fr 1fr;align-content:stretch;gap:16px;width:100%;max-width:420px;min-height:0;margin-top:8px;padding:10px;display:grid}.voice-count-full .count-answers-area{max-width:100%}.count-answer-btn{background:var(--card-bg);color:var(--text);box-shadow:var(--shadow);cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:3px solid #0000;border-radius:22px;min-height:110px;font-family:Fredoka,sans-serif;font-size:clamp(2rem,7.5vw,3rem);font-weight:700;transition:transform .2s,box-shadow .2s,opacity .3s,background .25s}.count-answer-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);border-color:var(--primary-light);transform:scale(1.04)}.count-answer-btn:active:not(:disabled){transform:scale(.98)}.count-answer-btn:disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.35);transform:none}.count-answer-btn.correct{background:var(--success-bg);border-color:var(--success);color:var(--success);box-shadow:0 8px 28px #06d6a059}.count-answer-btn.picked-wrong{border-color:var(--error);background:var(--error-bg)}#game-screen.voice-count-phase-objects{justify-content:flex-start;min-height:0;padding:12px 16px;overflow:hidden}#game-screen.voice-count-phase-objects .game-board{flex:1 1 0;width:100%;max-width:none;min-height:0;overflow:hidden}.game-board.voice-count-mode{flex-direction:column;flex:1 1 0;width:100%;max-width:none;min-height:0;padding:8px;display:flex;position:relative;overflow:hidden}.game-board.voice-count-mode .svg-layer{display:none}.voice-count-full{border-radius:var(--radius);width:100%;min-height:0;box-shadow:var(--shadow-lg);background:#fffffff0;border:3px solid #ffffff8c;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px 16px;display:flex}.voice-count-full-hint{color:var(--text-light);text-align:center;text-transform:uppercase;letter-spacing:1px;flex-shrink:0;max-width:480px;margin-bottom:18px;font-family:Fredoka,sans-serif;font-size:1.05rem;font-weight:600;line-height:1.35}.voice-count-full-grid{flex-wrap:wrap;flex:1;place-content:center;gap:clamp(18px,3.8vw,28px);width:100%;min-height:0;padding:10px;display:flex;overflow:hidden}.voice-count-object{width:clamp(88px,17vw,120px);min-width:88px;height:clamp(88px,17vw,120px);min-height:88px;box-shadow:var(--shadow);touch-action:manipulation;background:var(--card-bg);border:3px solid #0000;border-radius:24px;justify-content:center;align-items:center;font-size:clamp(3.15rem,11vw,4.35rem);line-height:1;transition:opacity .3s,transform .25s,filter .3s,box-shadow .25s;display:flex;position:relative}.voice-count-object:not(.counted){border-color:var(--primary);cursor:pointer;box-shadow:var(--shadow-lg),0 0 0 3px #6c63ff26}.voice-count-object:not(.counted):hover{transform:translateY(-3px)scale(1.02)}.voice-count-object.counted{border-color:var(--success);background:var(--success-bg);opacity:.52;filter:grayscale(.4);box-shadow:none;pointer-events:none;cursor:default;transform:scale(.92)}.voice-num-toast{z-index:840;color:#ff1744;-webkit-text-stroke:4px #fff;text-shadow:0 0 20px #ff174499,0 8px 24px #0003;pointer-events:none;opacity:0;will-change:opacity,transform;font-family:Fredoka,sans-serif;font-size:clamp(4.5rem,20vw,7.25rem);font-weight:800;position:fixed;top:42%;left:50%;transform:translate(-50%,-50%)scale(.88)}@keyframes voiceNumToastSequence{0%{opacity:0;animation-timing-function:ease-out;transform:translate(-50%,-50%)scale(.88)}20%{opacity:1;animation-timing-function:linear;transform:translate(-50%,-50%)scale(1)}80%{opacity:1;animation-timing-function:ease-in;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.94)}}.voice-num-toast.voice-num-toast--run{animation:2s forwards voiceNumToastSequence}.voice-listen-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:860;opacity:0;pointer-events:none;background:#00000080;justify-content:center;align-items:center;padding:16px;transition:opacity .35s;display:flex;position:fixed;inset:0}.voice-listen-overlay.visible{opacity:1;pointer-events:all}.voice-listen-card{text-align:center;width:100%;max-width:428px;box-shadow:var(--shadow-lg);background:#fff;border-radius:26px;padding:32px 28px;animation:.4s cubic-bezier(.34,1.4,.64,1) voiceCardIn}@keyframes voiceCardIn{0%{opacity:0;transform:scale(.85)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.voice-listen-ring-wrap{width:min(158px,42vw);height:min(158px,42vw);margin:0 auto 18px;position:relative}.voice-listen-ring-svg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.voice-ring-bg{fill:none;stroke:#6c63ff2e;stroke-width:8px}.voice-ring-fg{fill:none;stroke:var(--primary);stroke-width:8px;stroke-linecap:round;stroke-dasharray:263.89;stroke-dashoffset:263.89px}.voice-listen-center-visual{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.voice-wave-bars{justify-content:center;align-items:flex-end;gap:4px;height:34px;padding-bottom:2px;display:flex}.voice-wave-bars span{background:linear-gradient(180deg,#8b5cf6,var(--primary));transform-origin:bottom;border-radius:3px;width:5px;min-height:6px;animation:.55s ease-in-out infinite voiceWaveBar;display:block}.voice-listen-overlay--live .voice-wave-bars span{animation-play-state:running}.voice-listen-overlay--idle .voice-wave-bars span{opacity:.45;animation-play-state:paused;transform:scaleY(.4)}.voice-wave-bars span:first-child{height:14px;animation-delay:0s}.voice-wave-bars span:nth-child(2){height:22px;animation-delay:80ms}.voice-wave-bars span:nth-child(3){height:28px;animation-delay:.16s}.voice-wave-bars span:nth-child(4){height:20px;animation-delay:.1s}.voice-wave-bars span:nth-child(5){height:16px;animation-delay:40ms}@keyframes voiceWaveBar{0%,to{transform:scaleY(.28)}50%{transform:scaleY(1)}}.voice-mouth-mini{flex-direction:column;justify-content:center;align-items:center;width:34px;height:20px;display:flex;position:relative}.voice-mouth-mini:before{content:"";background:linear-gradient(#4a3fae,#6c63ff);border-radius:0 0 14px 14px;width:18px;height:9px;animation:.45s ease-in-out infinite voiceMouthOpen;box-shadow:inset 0 -2px #0000001f}.voice-mouth-mini:after{content:"";box-sizing:border-box;background:#fff;border:2px solid #6c63ff73;border-bottom:none;border-radius:50%;width:22px;height:5px;position:absolute;top:1px}.voice-listen-overlay--idle .voice-mouth-mini:before{animation:none;transform:scaleY(.65)}@keyframes voiceMouthOpen{0%,to{transform:scaleY(.72)}50%{transform:scaleY(1)}}.voice-listen-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.voice-listen-title{display:none}.voice-listen-sub{color:var(--text-light);margin-bottom:10px;font-family:Nunito,sans-serif;font-size:1.05rem;font-weight:600;line-height:1.4}.voice-listen-transcript{color:var(--text);text-align:center;word-break:break-word;-webkit-overflow-scrolling:touch;background:#6c63ff14;border:2px dashed #6c63ff47;border-radius:14px;min-height:2.9em;max-height:6.5em;margin-bottom:14px;padding:12px 14px;font-family:Nunito,sans-serif;font-size:clamp(.95rem,3.2vw,1.15rem);font-weight:700;line-height:1.45;overflow-y:auto}.voice-listen-transcript.voice-listen-transcript--empty{color:var(--text-light);opacity:.85;border-style:dotted;font-style:italic;font-weight:600}.voice-listen-bypass{background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:50px;width:100%;margin-top:8px;padding:16px 22px;font-family:Fredoka,sans-serif;font-size:1.08rem;font-weight:600}.voice-listen-bypass:hover{filter:brightness(1.06)}.voice-count-quiz-wrap{width:100%;max-width:520px;margin:0 auto;padding:8px}.voice-count-quiz-hint{color:#ffffffe6;text-align:center;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-family:Fredoka,sans-serif;font-size:.85rem;font-weight:600}.word-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);cursor:default;color:var(--text);text-transform:uppercase;letter-spacing:1px;border:3px solid #0000;justify-content:center;align-items:center;min-height:0;padding:16px 18px;font-family:Fredoka,sans-serif;font-size:clamp(1.12rem,3.2vw,1.45rem);font-weight:600;transition:border-color .25s,transform .25s,box-shadow .25s,opacity .3s,background .3s;display:flex;position:relative}.word-card.drop-hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg),0 0 0 4px #6c63ff1f;transform:scale(1.03)}.word-card.matched{background:var(--success-bg);border-color:var(--success);cursor:default;opacity:.5;pointer-events:none}.word-card.wrong-shake{animation:.4s cardShake}@keyframes cardShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)rotate(-2deg)}40%{transform:translate(8px)rotate(2deg)}60%{transform:translate(-5px)rotate(-1deg)}80%{transform:translate(5px)rotate(1deg)}}.drag-ghost{z-index:1000;background:var(--card-bg);border:3px solid var(--primary);pointer-events:none;white-space:nowrap;border-radius:22px;justify-content:center;align-items:center;min-width:70px;min-height:70px;padding:14px 18px;font-size:3.5rem;display:flex;position:fixed;transform:translate(-50%,-50%)scale(1.12)rotate(-3deg);box-shadow:0 20px 60px #00000040}.conn-line{fill:none;stroke-linecap:round}.conn-line.correct{stroke:var(--success);stroke-width:5px;filter:drop-shadow(0 0 6px #06d6a080)}.conn-line.correct.drawn{animation:2s ease-in-out infinite linePulse}.conn-glow{fill:none;stroke-linecap:round;stroke:var(--success);stroke-width:14px;opacity:.15;filter:blur(4px)}.conn-line.wrong{stroke:var(--error);stroke-width:4px;opacity:.7;stroke-dasharray:8 6;filter:drop-shadow(0 0 4px #ef476f66)}@keyframes linePulse{0%,to{filter:drop-shadow(0 0 6px #06d6a066);stroke-width:5px}50%{filter:drop-shadow(0 0 14px #06d6a0b3);stroke-width:6px}}@keyframes fadeOut{to{opacity:0}}.feedback-popup{z-index:800;pointer-events:none;text-shadow:0 6px 22px #0003,0 0 40px #ffffff59;white-space:nowrap;text-transform:uppercase;letter-spacing:.02em;font-family:Fredoka,sans-serif;font-size:clamp(2.85rem,11vw,5.25rem);font-weight:800;position:fixed;top:46%;left:50%;transform:translate(-50%,-50%)scale(0)}.feedback-popup.show-correct{color:var(--success);filter:drop-shadow(0 0 28px #06d6a08c);animation:3.1s cubic-bezier(.34,1.56,.64,1) forwards feedbackPop}.feedback-popup.show-wrong{color:var(--error);filter:drop-shadow(0 0 24px #ef476f73);animation:2.6s forwards feedbackWrong}@keyframes feedbackPop{0%{opacity:1;transform:translate(-50%,-50%)scale(0)rotate(-12deg)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.55)rotate(4deg)}22%{opacity:1;transform:translate(-50%,-50%)scale(1.12)rotate(0)}72%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}to{opacity:0;transform:translate(-50%,-50%)scale(.45)}}@keyframes feedbackWrong{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}10%{opacity:1;transform:translate(-50%,-50%)scale(1.45)}18%{transform:translate(-62%,-50%)scale(1.08)}26%{transform:translate(-38%,-50%)scale(1.08)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.42)}}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:900;opacity:0;pointer-events:none;background:#0000008c;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.overlay.visible{opacity:1;pointer-events:all}.overlay-card{text-align:center;box-shadow:var(--shadow-lg);background:#fff;border-radius:28px;width:90%;max-width:400px;padding:36px 44px;transition:transform .5s cubic-bezier(.34,1.56,.64,1);transform:scale(.8)translateY(20px)}.overlay.visible .overlay-card{transform:scale(1)translateY(0)}.overlay-emoji{margin-bottom:8px;font-size:3.5rem;animation:.6s ease-in-out infinite alternate celebBounce;display:block}@keyframes celebBounce{0%{transform:translateY(0)scale(1)}to{transform:translateY(-8px)scale(1.05)}}.overlay-title{color:var(--text);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-family:Fredoka,sans-serif;font-size:1.8rem;font-weight:700}.overlay-subtitle{color:var(--text-light);margin-bottom:8px;font-size:1rem;font-weight:600}.overlay-stars{justify-content:center;gap:8px;margin:14px 0;font-size:2rem;display:flex}.overlay-stars .star-icon{opacity:.2;filter:grayscale();transition:opacity .3s,transform .4s cubic-bezier(.34,1.56,.64,1),filter .3s;transform:scale(1)}.overlay-stars .star-icon.earned{opacity:1;filter:grayscale(0);transform:scale(1.15)}.overlay-btn{cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:50px;margin-top:6px;padding:14px 40px;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.overlay-btn:hover{transform:translateY(-2px)}.overlay-btn:active{transform:translateY(0)}.btn-next{background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;box-shadow:0 6px 24px #6c63ff66}.btn-restart{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#1a1a2e;box-shadow:0 6px 24px #ffd16666}.btn-menu{color:var(--text-light);box-shadow:none;background:#0000000f;margin-top:12px;padding:10px 28px;font-size:.95rem;display:block}.btn-menu:hover{background:#0000001a}#overlay-complete .overlay-card{max-width:440px}#overlay-complete .overlay-next-hint{color:#b2bec3;letter-spacing:.02em;min-height:1.35em;margin:10px 0 4px;font-family:Nunito,sans-serif;font-size:.88rem;font-weight:600}#overlay-complete .btn-next{width:100%;max-width:320px;margin:14px auto 8px;padding:18px 36px;font-size:1.28rem;font-weight:700;display:block;box-shadow:0 10px 32px #6c63ff73}#overlay-complete .btn-next:hover{transform:translateY(-3px);box-shadow:0 14px 36px #6c63ff80}#overlay-complete #btn-menu-complete{color:#b2bec3;box-shadow:none;text-underline-offset:3px;text-transform:none;letter-spacing:.02em;background:0 0;border:none;margin-top:20px;padding:8px 16px;font-size:.82rem;font-weight:600;text-decoration:underline}#overlay-complete #btn-menu-complete:hover{color:var(--text-light);background:#0000000a;text-decoration:underline;transform:none}#confetti-canvas{z-index:950;pointer-events:none;position:fixed;inset:0}.burst-particle{pointer-events:none;z-index:100;border-radius:50%;width:8px;height:8px;position:fixed}.burst-particle.burst-lg{border-radius:50%;width:14px;height:14px}@media (width<=600px){.game-header{margin-bottom:8px;padding:8px 14px}.game-board{gap:10px 40px}.img-card{gap:10px;padding:10px 12px}.img-card .emoji-wrap{border-radius:16px;width:72px;min-width:72px;height:72px;font-size:2.9rem}.word-card{padding:12px 14px;font-size:1.06rem}.col-label{font-size:.75rem}.game-selector{flex-direction:column;justify-content:flex-start;align-items:center;gap:16px;width:100%;max-width:min(700px,100%)}.game-card{width:100%;max-width:320px;padding:20px}.count-answers-area{gap:12px;min-height:200px}.count-answer-btn{min-height:94px;font-size:clamp(1.72rem,9vw,2.45rem)}#overlay-complete .btn-next{max-width:100%;padding:16px 24px;font-size:1.12rem}}@media (height<=750px){#game-screen{padding:8px 12px}.game-header{margin-bottom:6px;padding:6px 14px}.game-board{gap:8px 60px}.img-card{border-radius:14px;gap:10px;padding:8px 12px}.img-card .emoji-wrap{width:68px;min-width:68px;height:68px;font-size:2.7rem}.word-card{border-radius:14px;padding:9px 13px;font-size:1rem}.col-label{padding:2px 0;font-size:.7rem}.count-answer-btn{min-height:86px}}@media (height<=650px){.game-board{gap:6px 40px}.img-card .emoji-wrap{width:50px;min-width:50px;height:50px;font-size:2rem}.img-card{padding:5px 10px}.word-card{padding:5px 10px;font-size:.9rem}.count-answer-btn{min-height:76px;font-size:1.58rem}}.syllable-root{flex-direction:column;flex:1 1 0;gap:clamp(4px,1dvh,10px);width:100%;min-height:0;display:flex;overflow:hidden}.game-board.syllable-mode{flex-direction:column;flex:1 1 0;align-self:center;gap:0;width:100%;max-width:min(680px,96vw);min-height:0;padding:4px 8px;display:flex;position:relative;overflow:hidden}.game-board.syllable-mode .svg-layer{display:none}.syllable-image-wrap{background:var(--card-bg);border-radius:var(--radius);width:100%;min-height:0;max-height:min(38dvh,280px);box-shadow:var(--shadow-lg);border:3px solid #ffffff8c;flex:1 1 0;justify-content:center;align-items:center;padding:8px 12px;display:flex;overflow:hidden}.syllable-emoji-wrap{width:min(38vw,160px);min-width:0;max-width:min(32dvh,220px);height:min(38vw,160px);min-height:0;max-height:min(32dvh,220px);box-shadow:var(--shadow);border:3px solid #ffffffa6;border-radius:22px;flex-shrink:1;justify-content:center;align-items:center;font-size:clamp(2.75rem,11vw,5.5rem);line-height:1;display:flex}.syllable-word-area{flex-wrap:nowrap;flex:none;justify-content:center;align-items:center;gap:8px;width:100%;min-height:0;display:flex}.syllable-slots-row{border-radius:var(--radius);background:#ffffff38;border:2px solid #ffffff61;flex-wrap:wrap;flex:auto;justify-content:center;align-items:center;gap:10px;min-width:0;min-height:64px;max-height:26dvh;padding:10px 12px;display:flex;overflow:hidden}.syllable-reset-btn{cursor:pointer;color:#fff;width:56px;height:56px;box-shadow:var(--shadow);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#ffffff38;border:3px solid #ffffff8c;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:Fredoka,sans-serif;font-size:2.2rem;font-weight:800;line-height:1;transition:transform .2s,background .2s,border-color .2s;display:flex}.syllable-reset-btn:hover{background:#ffffff61;border-color:#ffffffbf;transform:scale(1.07)}.syllable-reset-btn:active{transform:scale(.96)}.syllable-slot{min-width:76px;height:72px;box-shadow:var(--shadow);color:var(--text-light);text-transform:uppercase;background:#fff;border:3px solid #6c63ff4d;border-radius:18px;justify-content:center;align-items:center;padding:0 14px;font-family:Fredoka,sans-serif;font-size:clamp(1.35rem,4.5vw,1.75rem);font-weight:700;transition:border-color .2s,transform .2s,box-shadow .2s,background .2s;display:flex}.syllable-slot.active{border-color:var(--primary);box-shadow:var(--shadow-lg);color:var(--primary);transform:scale(1.04)}.syllable-slot.has-syll{color:var(--text);background:#fff;border-color:#6c63ff8c}.syllable-slot.filled{border-style:solid;border-color:var(--success);background:var(--success-bg);color:var(--success);animation:.75s cubic-bezier(.34,1.56,.64,1) both slotWinPop}@keyframes slotWinPop{0%{transform:scale(.94)}55%{transform:scale(1.06)}to{transform:scale(1)}}.syllable-slot.wrong-compose{animation:.65s both slotWrongShake;border-color:var(--error)!important;background:var(--error-bg)!important;color:var(--error)!important}@keyframes slotWrongShake{0%,to{transform:translate(0)}20%{transform:translate(-10px)rotate(-2deg)}40%{transform:translate(10px)rotate(2deg)}60%{transform:translate(-6px)rotate(-1deg)}80%{transform:translate(6px)rotate(1deg)}}.syllable-slot.drop-hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg);border-style:solid;transform:scale(1.05)}.syllable-slot.wrong-pulse,.syllable-chip.wrong-pulse{animation:.5s wrongPulse}.syllable-bank-label{color:#ffffffe0;text-align:center;text-transform:uppercase;letter-spacing:.06em;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:none;margin-top:2px;font-family:Fredoka,sans-serif;font-size:clamp(.62rem,2.6vw,.82rem);font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.syllable-bank{border-radius:var(--radius);background:#ffffff1a;border:2px solid #ffffff38;flex-wrap:wrap;flex:0 auto;place-content:flex-start center;align-items:center;gap:10px 12px;min-height:0;max-height:min(34dvh,260px);padding:12px 10px;display:flex;overflow:hidden}.syllable-chip{background:var(--card-bg);min-width:68px;box-shadow:var(--shadow);color:var(--text);text-transform:uppercase;cursor:grab;touch-action:none;border:3px solid #0000;border-radius:16px;padding:14px 16px;font-family:Fredoka,sans-serif;font-size:clamp(1.22rem,4.2vw,1.58rem);font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s,opacity .25s}.syllable-chip:hover:not(.used):not(.dragging){box-shadow:var(--shadow-lg);border-color:var(--primary-light);transform:translateY(-4px)}.syllable-chip:active{cursor:grabbing}.syllable-chip.dragging{opacity:.35;border-color:var(--primary);transform:scale(.94)}.syllable-chip.used{opacity:0;pointer-events:none;transform:scale(.5)}.syllable-chip.selected{border-color:var(--primary);box-shadow:var(--shadow-lg),0 0 0 3px #6c63ff1f;background:#f0edff}.drag-ghost.syllable-ghost{text-transform:uppercase;border-radius:16px;padding:14px 20px;font-family:Fredoka,sans-serif;font-size:clamp(1.22rem,4.2vw,1.65rem);font-weight:700}@media (width<=600px){.syllable-slot{min-width:72px;height:64px;padding:0 12px;font-size:1.2rem}.syllable-chip{min-width:60px;padding:12px 14px;font-size:1.1rem}.syllable-slots-row{gap:8px;min-height:56px;max-height:30dvh;padding:8px 10px}.syllable-reset-btn{width:50px;height:50px;font-size:2rem}}@media (height<=700px){.syllable-image-wrap{max-height:32dvh;padding:6px}.syllable-emoji-wrap{font-size:clamp(2.4rem,9vw,4.2rem)}.syllable-bank{max-height:30dvh;padding:8px}}#app{height:100%;min-height:100dvh;position:relative}.impara-vue-root{height:100%;min-height:100%}