*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--z-bg:0;--z-canvas:1;--z-hud:5;--z-target:6;--z-pet:7;--z-keyboard:10;--z-popup:15;--z-overlay:20;--primary:#8b5cf6;--primary-light:#a78bfa;--primary-dark:#6d28d9;--accent:#ec4899;--accent-light:#f472b6;--success:#34d399;--warning:#fbbf24;--danger:#ef4444;--bg-1:#1e1b4b;--bg-2:#312e81;--bg-3:#4338ca;--card:#ffffff0f;--card-border:#ffffff1f;--text:#f8fafc;--text-dim:#cbd5e1;--text-mute:#ffffff8c;--radius:16px;--radius-sm:10px;--shadow-cta:0 8px 24px #8b5cf673, 0 0 0 1px #ffffff14 inset}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{background:var(--bg-1);width:100%;height:100%;color:var(--text);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:Nunito,sans-serif;overflow:hidden}h1,h2,h3{font-family:Fredoka One,cursive}button{cursor:pointer;border:none;font-family:Nunito,sans-serif;transition:transform .12s,box-shadow .12s,background .15s}button:hover{transform:scale(1.03)}button:active{transform:scale(.97)}:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible,.btn:focus-visible,.key:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}.screen{opacity:0;visibility:hidden;pointer-events:none;z-index:0;flex-direction:column;justify-content:center;align-items:center;padding:16px 0;transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1),visibility .35s;display:flex;position:fixed;inset:0;overflow-y:auto;transform:scale(.96)translateY(12px)}.screen.active{opacity:1;visibility:visible;pointer-events:auto;z-index:1;transform:scale(1)translateY(0)}.menu-bg{z-index:-1;background:radial-gradient(ellipse at 50% 0%, #8b5cf659 0%, transparent 55%), linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 50%, var(--bg-3) 100%);position:absolute;inset:0}.menu-bg:after{content:"";opacity:.5;pointer-events:none;background-image:radial-gradient(2px 2px at 20% 30%,#fff6,#0000),radial-gradient(1.5px 1.5px at 75% 25%,#ffffff4d,#0000),radial-gradient(2px 2px at 60% 70%,#ffffff59,#0000),radial-gradient(1.5px 1.5px at 30% 80%,#ffffff4d,#0000),radial-gradient(1px 1px at 85% 60%,#fff6,#0000);position:absolute;inset:0}.menu-top{z-index:2;justify-content:space-between;align-items:center;width:min(420px,92vw);padding:6px 4px 12px;display:flex}.menu-brand{color:var(--text);letter-spacing:.01em;margin:0;font-family:Fredoka One,cursive;font-size:1.45rem}.streak-prominent{background:var(--card);border:1px solid var(--card-border);min-height:32px;color:var(--warning);border-radius:999px;align-items:center;gap:4px;padding:5px 10px 5px 8px;font-size:.95rem;font-weight:700;transition:background .2s,border-color .2s;display:inline-flex}.streak-prominent .streak-icon{font-size:1rem;line-height:1}.streak-prominent .streak-value{font-variant-numeric:tabular-nums;text-align:center;min-width:1ch;font-size:1rem;font-weight:800}.streak-prominent.streak-hidden{display:none}.streak-prominent.streak-gold{color:var(--warning);background:#fbbf241f;border-color:#fbbf2466}.streak-prominent.streak-at-risk{color:var(--danger);background:#ef444426;border-color:#ef444480;animation:1.4s ease-in-out infinite streakAtRiskPulse}.streak-chip{background:var(--card);border:1px solid var(--card-border);min-height:32px;color:var(--warning);border-radius:999px;align-items:center;gap:4px;padding:5px 10px 5px 8px;font-size:.95rem;font-weight:700;transition:background .2s,border-color .2s;display:inline-flex}.streak-chip .streak-icon{font-size:1rem;line-height:1}.streak-chip .streak-value{font-variant-numeric:tabular-nums;text-align:center;min-width:1ch;font-size:1rem;font-weight:800}.streak-chip.streak-hidden{display:none}.streak-chip.streak-gold{color:var(--warning);background:#fbbf241f;border-color:#fbbf2466}.streak-chip.streak-at-risk{color:var(--danger);background:#ef444426;border-color:#ef444480;animation:1.4s ease-in-out infinite streakAtRiskPulse}@keyframes streakAtRiskPulse{0%,to{box-shadow:0 0 #ef444473}50%{box-shadow:0 0 0 4px #ef444400}}@media (prefers-reduced-motion:reduce){.streak-prominent.streak-at-risk,.streak-chip.streak-at-risk{animation:none}}.progress-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);z-index:2;width:min(420px,92vw);margin:0 0 14px;padding:14px 16px 12px}.progress-row{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.progress-level{color:var(--text);font-family:Fredoka One,cursive;font-size:1.05rem}.progress-next{color:var(--text-dim);text-align:right;flex:1;font-size:.75rem}.progress-bar{background:#ffffff14;border-radius:3px;height:6px;margin-bottom:10px;overflow:hidden}.progress-bar-row{align-items:center;gap:10px;margin-bottom:10px;padding-right:4px;display:flex}.progress-bar-row .progress-bar{flex:auto;margin-bottom:0}.dm-pill{height:28px;color:var(--warning);letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#fbbf242e 0%,#f59e0b38 100%);border:1px solid #fbbf2480;border-radius:999px;flex:none;align-items:center;gap:4px;min-width:44px;min-height:44px;padding:0 10px;font-family:Nunito,sans-serif;font-size:.78rem;font-weight:800;transition:transform .12s,background .2s,border-color .2s;display:inline-flex}.dm-pill:hover{background:linear-gradient(135deg,#fbbf2447 0%,#f59e0b52 100%);border-color:#fbbf24b3;transform:translateY(-1px)}.dm-pill:active{transform:translateY(0)}.dm-pill-icon{font-size:.95rem;line-height:1}.dm-pill-text{line-height:1}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:3px;height:100%;transition:width .4s}.keyboard-mini{border-top:1px solid var(--card-border);flex-wrap:wrap;justify-content:center;gap:3px;margin-top:6px;padding-top:4px;display:flex}.km-key{width:22px;height:22px;color:var(--text-mute);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:5px;justify-content:center;align-items:center;font-family:Nunito,sans-serif;font-size:.7rem;font-weight:700;display:flex}.km-key.mastered{color:var(--text);background:#8b5cf633;border-color:#8b5cf680}.km-key.learning{color:var(--warning);background:#fbbf241f;border-color:#fbbf244d}.pet-hero{pointer-events:none;z-index:2;flex-direction:column;align-items:center;margin:4px 0 12px;display:flex}.pet-hero-stage{justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative}.pet-hero-img{object-fit:contain;filter:drop-shadow(0 6px 18px #0006);width:180px;height:180px;transition:transform .22s;animation:2.4s ease-in-out infinite petHeroIdle}.pet-hero-bubble{color:#3a3441;pointer-events:none;opacity:0;background:#fff;border-radius:12px 12px 12px 4px;max-width:130px;padding:6px 10px;font-size:.75rem;font-weight:700;transition:opacity .22s,transform .22s;position:absolute;top:-2px;right:-10px;transform:translateY(4px)scale(.95);box-shadow:0 2px 10px #00000040}.pet-hero-bubble.visible{opacity:1;transform:translateY(0)scale(1)}.pet-evolution{background:var(--card);border:1px solid var(--card-border);pointer-events:auto;border-radius:999px;gap:6px;margin-top:4px;padding:4px 10px;display:flex}#menu-screen .pet-evolution{display:none}.evo-dot{opacity:.4;filter:grayscale(.6);font-size:.95rem;transition:opacity .22s,transform .22s,filter .22s}.evo-dot.active{opacity:1;filter:none;transform:scale(1.15)}.evo-dot:not(.active){cursor:default}@keyframes petHeroIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.pet-hero.celebrate .pet-hero-img{animation:.7s cubic-bezier(.34,1.56,.64,1) petHeroCelebrate}@keyframes petHeroCelebrate{0%{transform:rotate(0)scale(1)}40%{transform:rotate(15deg)scale(1.18)}70%{transform:rotate(-12deg)scale(1.12)}to{transform:rotate(0)scale(1)}}.pet-hero.warning .pet-hero-img{filter:drop-shadow(0 0 12px #ef444499)drop-shadow(0 6px 18px #0006);animation:.7s ease-in-out petHeroWarning,2.4s ease-in-out .7s infinite petHeroIdle}@keyframes petHeroWarning{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.pet-hero-img,.pet-hero.celebrate .pet-hero-img,.pet-hero.warning .pet-hero-img{animation:none}}.btn-cta-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;letter-spacing:.01em;width:min(420px,92vw);min-height:64px;box-shadow:var(--shadow-cta);z-index:2;border:1px solid #ffffff1f;border-radius:18px;justify-content:center;align-items:center;gap:10px;margin:0 0 12px;padding:16px 24px;font-family:Fredoka One,cursive;font-size:1.4rem;display:flex}.btn-cta-primary:hover{transform:translateY(-1px)scale(1.01);box-shadow:0 10px 28px #ec489980,inset 0 0 0 1px #ffffff1f}.btn-cta-primary .cta-emoji{filter:drop-shadow(0 2px 4px #0003);font-size:1.6rem;line-height:1}.btn-cta-primary .cta-text{line-height:1.1}.btn-daily-secondary{background:var(--card);width:min(420px,92vw);min-height:44px;color:var(--text);border:1px solid var(--card-border);z-index:2;border-radius:12px;justify-content:center;align-items:center;gap:6px;margin:0 0 16px;padding:10px 18px;font-size:.95rem;font-weight:700;display:flex}.btn-daily-secondary:hover{background:#ffffff1a}.btn-daily-moment.btn-daily-secondary{background:var(--card);color:var(--text);animation:none}.btn-daily-moment:not(.btn-daily-secondary){background:linear-gradient(135deg, var(--warning) 0%, #f59e0b 60%, var(--accent) 100%);color:var(--bg-1);cursor:pointer;border:2px solid #ffffff8c;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:1.1rem;font-weight:800;transition:transform .12s,box-shadow .12s;animation:2.4s ease-in-out infinite dailyMomentPulse;display:flex;position:relative;box-shadow:0 6px 20px #fbbf2459}@keyframes dailyMomentPulse{0%,to{box-shadow:0 6px 20px #fbbf2459}50%{box-shadow:0 6px 28px #ec48998c}}.menu-icons,.menu-dock{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);z-index:2;flex-wrap:wrap;justify-content:center;gap:6px;width:min(420px,92vw);margin:0 0 14px;padding:8px 6px;display:flex}.menu-icon,.menu-dock-item{text-align:center;min-width:140px;min-height:48px;color:var(--text);background:0 0;border-radius:10px;flex-direction:column;flex:200px;justify-content:center;align-items:center;gap:2px;padding:10px 14px;font-size:.98rem;font-weight:700;text-decoration:none;display:flex}.menu-icon:hover,.menu-dock-item:hover{background:#ffffff0f}.menu-icon .mi-emoji{font-size:1.4rem;line-height:1}.menu-icon .mi-label{font-size:.72rem}.menu-dock-item-wide{flex-basis:100%;min-width:100%}.menu-dock>.menu-icon{flex:1 1 0;min-width:0;min-height:56px;padding:8px 4px;font-size:.72rem}.menu-bottom{width:min(420px,92vw);color:var(--text-dim);z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:6px 0 8px;font-size:.78rem;transition:opacity .25s,max-height .25s,margin .25s;display:flex}.menu-bottom.menu-bottom-empty{opacity:0;pointer-events:none;max-height:0;margin:0;padding:0;overflow:hidden}.menu-stat{align-items:center;gap:3px;display:inline-flex}.menu-stat .ms-icon{font-size:.85rem}.menu-divider{background:var(--card-border);width:1px;height:12px;display:inline-block}.menu-link{color:var(--text-dim);border-radius:4px;padding:2px 4px;text-decoration:none;transition:color .15s,background .15s}.menu-link:hover{color:var(--text);background:#ffffff0d}.daily-quests{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);z-index:2;width:min(320px,92vw);margin-top:6px;padding:10px 12px}.quests-header{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.8rem;font-weight:700;display:flex}.streak-badge{color:var(--warning);font-size:.72rem}.quests-list{flex-direction:column;gap:4px;display:flex}.quest-item{background:#ffffff0a;border-radius:8px;align-items:center;gap:6px;padding:4px 6px;font-size:.72rem;display:flex}.quest-item.completed{opacity:.5;text-decoration:line-through}.quest-item .quest-icon{font-size:.9rem}.quest-item .quest-text{flex:1}.quest-item .quest-check{color:var(--success);font-weight:800}.level-grid{scrollbar-width:thin;scrollbar-color:#8b5cf64d transparent;flex:1;grid-template-columns:repeat(2,1fr);align-content:start;gap:12px;width:min(560px,92vw);padding:0 12px 16px;display:grid;overflow-y:auto}.level-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:6px;min-height:156px;padding:14px 12px;transition:all .2s;display:flex;position:relative;overflow:hidden}.level-card.play{cursor:pointer}.level-card.play:hover{border-color:var(--primary-light);transform:translateY(-3px);box-shadow:0 6px 18px #8b5cf640}.level-card.completed{background:#34d39914;border-color:#34d39959}.level-card-art{justify-content:center;align-items:center;width:100%;height:64px;margin-bottom:4px;display:flex;position:relative}.level-card-img{object-fit:contain;width:56px;height:56px}.level-card-icon{pointer-events:none;filter:drop-shadow(0 1px 2px #0006);justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:absolute;inset:0}.level-card-img.loading{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff26 50%,#ffffff0d 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.level-progress-ring{width:24px;height:24px;position:absolute;bottom:8px;right:8px}.level-progress-ring svg{transform:rotate(-90deg)}.level-progress-ring circle{fill:none;stroke-width:3px}.level-progress-ring .bg{stroke:#ffffff1a}.level-progress-ring .fill{stroke:var(--success);stroke-linecap:round;transition:stroke-dashoffset .5s ease-out}.level-card-name{font-size:.9rem;font-weight:800}.level-card-sub{color:var(--text-dim);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;max-width:22ch;min-height:1.82em;font-size:.7rem;line-height:1.3;display:-webkit-box;overflow:hidden}.level-card.locked{opacity:.85;pointer-events:none;filter:grayscale(.7);border:1px dashed #94a3b88c}.current-char{color:var(--primary-light);border-bottom:4px solid var(--primary-light);animation:1s step-end infinite cursor-blink}@keyframes cursor-blink{0%,to{border-color:#0000}50%{border-color:var(--primary-light)}}.current-char{color:var(--accent-light);vertical-align:bottom;display:inline-block;position:relative}.current-char:after{content:"";background:var(--accent-light);border-radius:2px;height:3px;animation:1s infinite charBlink;position:absolute;bottom:-2px;left:0;right:0}@keyframes charBlink{0%,to{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion:reduce){.current-char:after{animation:none}}.level-card.locked .level-card-img{opacity:.35}.level-card.locked .level-card-icon{opacity:.35;filter:none}.level-card.locked .level-card-name,.level-card.locked .level-card-sub{opacity:.6}.level-unlock-hint{color:#e2e8f0c7;letter-spacing:.01em;margin-top:2px;font-size:.65rem;font-weight:700}.level-card.locked .level-lock-art{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.level-lock-icon{opacity:.95;filter:drop-shadow(0 1px 2px #00000080);font-size:1.8rem}.level-lock-chip{letter-spacing:.08em;color:#e2e8f0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-transform:uppercase;background:#0f172ad9;border:1px solid #94a3b8b3;border-radius:999px;padding:2px 7px;font-size:.6rem;font-weight:800}.level-check{font-size:1rem;position:absolute;top:6px;right:6px}@media (width<=420px){.level-grid{grid-template-columns:1fr}}.hud{border-bottom:1px solid var(--card-border);z-index:var(--z-hud);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e1b4bb3;justify-content:space-between;align-items:center;padding:8px 14px;display:flex;position:fixed;top:0;left:0;right:0}.hud-left,.hud-center,.hud-right{align-items:center;gap:8px;display:flex}.hud-score,.hud-level,.hud-wpm,.hud-hearts,.hud-focus{display:none}.hud-combo{color:var(--warning);opacity:0;transition:opacity .3s}.hud-combo.active{opacity:1;color:var(--accent);border-color:var(--accent-light)}.difficulty-badge{display:none}.live-hud{z-index:var(--z-hud);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(6px);min-width:96px;color:var(--text);letter-spacing:.01em;pointer-events:none;opacity:.85;font-variant-numeric:tabular-nums;background:#1e1b4b8c;border-radius:10px;flex-direction:column;gap:2px;padding:6px 10px 5px;font-family:Nunito,Inter,system-ui,sans-serif;font-size:.78rem;font-weight:800;line-height:1.2;display:inline-flex;position:fixed;top:56px;left:12px}.live-hud .lh-row{white-space:nowrap;align-items:center;gap:4px;display:flex}.live-hud .lh-emoji{font-size:.85rem;line-height:1}.live-hud .lh-unit{color:var(--text-muted,#e2e8f0b3);font-size:.72rem;font-weight:700}.live-hud .lh-dot{color:var(--text-muted,#e2e8f080);font-weight:700}.live-hud .lh-stats{color:var(--primary-light)}.live-hud .lh-words{color:var(--accent)}.live-hud .lh-progress{background:#8b5cf647;border-radius:999px;width:100%;height:4px;margin-top:3px;overflow:hidden}.live-hud .lh-progress-fill{background:linear-gradient(90deg, var(--primary-light), var(--accent));border-radius:999px;width:0%;height:100%;transition:width .25s ease-out}@media (width<=420px){.live-hud{min-width:88px;padding:5px 8px 4px;font-size:.72rem;top:50px;left:8px}.live-hud .lh-emoji{font-size:.78rem}}.target-word{color:var(--text);text-shadow:0 2px 16px #00000080,0 0 28px #8b5cf659;letter-spacing:.04em;z-index:var(--z-target);text-align:center;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#1e1b4b8c 0%,#312e8159 100%);border:1px solid #8b5cf640;border-radius:22px;padding:18px 36px;font-family:Fredoka One,cursive;font-size:clamp(2.4rem,8vw,4.4rem);position:fixed;top:32%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #00000059,0 0 60px #8b5cf62e}.target-word .tw-char{transition:color .15s,transform .15s;display:inline-block}.target-word .tw-char.typed{color:var(--success);text-shadow:0 0 12px #34d3998c}.target-word .tw-char.next{color:var(--text)}.target-word .tw-char.finger-left.next{text-shadow:0 0 14px #60a5fab3,0 2px 12px #0006}.target-word .tw-char.finger-right.next{text-shadow:0 0 14px #4ade80b3,0 2px 12px #0006}.finger-hint{color:var(--primary-light);z-index:var(--z-target);background:var(--card);border:1px solid var(--card-border);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.95rem;font-weight:700;display:flex;position:fixed;top:calc(32% + 56px);left:50%;transform:translate(-50%)}.finger-hint.hidden{display:none}.finger-hint .fh-arrow{text-align:center;width:14px;height:14px;font-size:.9rem;line-height:14px;display:inline-block}.lesson-info,.target-display{display:none}.difficulty-badge{z-index:var(--z-target);background:var(--card);border:1px solid var(--card-border);color:var(--text-dim);border-radius:999px;padding:3px 12px;font-size:.72rem;font-weight:700;position:fixed;top:50px;left:50%;transform:translate(-50%)}.word-popup{border:1px solid var(--primary-light);z-index:var(--z-popup);text-align:center;opacity:1;visibility:visible;background:#1e1b4bf5;border-radius:20px;padding:18px 28px;transition:opacity .25s,transform .25s,visibility .25s;animation:.5s cubic-bezier(.175,.885,.32,1.275) popIn;position:fixed;top:32%;left:50%;transform:translate(-50%,-50%)scale(1)}.word-popup.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%)scale(.7)}.word-popup-emoji{margin-bottom:4px;font-size:2.4rem;line-height:1}.word-popup-text{color:var(--text);text-shadow:0 0 20px #8b5cf699;font-family:Fredoka One,cursive;font-size:1.8rem}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.virtual-keyboard{z-index:var(--z-keyboard);border-top:1px solid var(--card-border);background:#1e1b4beb;flex-direction:column;align-items:center;gap:2px;padding:4px 2px 6px;display:flex;position:fixed;bottom:0;left:0;right:0}.kb-row{justify-content:center;gap:2px;display:flex}.key{width:30px;height:30px;color:var(--text-dim);cursor:default;background:#ffffff0d;border:1px solid #ffffff14;border-radius:5px;justify-content:center;align-items:center;font-size:.62rem;font-weight:700;transition:all 80ms cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 3px #0f0c2899}.key[data-finger=lp],.key[data-finger=lr],.key[data-finger=lm],.key[data-finger=li]{background:#60a5fa0d}.key[data-finger=rp],.key[data-finger=rr],.key[data-finger=rm],.key[data-finger=ri]{background:#4ade800d}.key.target{border-color:var(--primary-light);color:var(--text);background:#8b5cf659;animation:1s infinite keyPulse;transform:scale(1.1);box-shadow:0 3px #8b5cf680,0 0 18px #8b5cf68c}.key[data-finger=lp].target,.key[data-finger=lr].target,.key[data-finger=lm].target,.key[data-finger=li].target{background:#60a5fa66;border-color:#60a5fa;box-shadow:0 3px #60a5fa80,0 0 18px #60a5fa99}.key[data-finger=rp].target,.key[data-finger=rr].target,.key[data-finger=rm].target,.key[data-finger=ri].target{background:#4ade8066;border-color:#4ade80;box-shadow:0 3px #4ade8080,0 0 18px #4ade8099}.key.correct{border-color:var(--success);color:var(--success);background:#34d3994d;transform:translateY(3px)scale(.92);box-shadow:0 1px #0f0c2899,0 0 18px #34d39999}.key.wrong{border-color:var(--danger);color:var(--danger);background:#ef44444d;animation:.3s shake;transform:translateY(3px)scale(.92);box-shadow:0 1px #0f0c2899,0 0 18px #ef444499}.key.pressed{z-index:2;animation:.2s ease-out keyPress;position:relative;box-shadow:0 3px #0f0c2899,0 0 22px #ffffffb3}.key.flash-wrong{animation:.2s ease-out wrongFlash}@keyframes keyPress{0%{transform:scale(1)}50%{transform:scale(1.18);box-shadow:0 3px #0f0c2899,0 0 28px #ffffffd9}to{transform:scale(1)}}@keyframes wrongFlash{0%{background:#ef4444d9;box-shadow:0 0 30px #ef4444f2}to{background:#ef44444d;box-shadow:0 1px #0f0c2899,0 0 18px #ef444499}}.key-wide{width:34px}.key-space{width:140px;height:28px}.key:after{content:attr(data-finger-label);color:#fff;opacity:0;white-space:nowrap;pointer-events:none;letter-spacing:.02em;background:#8b5cf6e6;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:800;transition:opacity .15s,transform .15s;position:absolute;top:-22px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0006}.key[data-finger=lp]:after,.key[data-finger=rp]:after{background:#ef4444}.key[data-finger=lr]:after,.key[data-finger=rr]:after{background:#f97316}.key[data-finger=lm]:after,.key[data-finger=rm]:after{color:#1e1b4b;background:#eab308}.key[data-finger=li]:after,.key[data-finger=ri]:after{background:#22c55e}.key.target:after{opacity:1;transform:translate(-50%)translateY(-2px)}.key[data-finger]:before{content:"";opacity:.55;pointer-events:none;background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;bottom:3px;left:50%;transform:translate(-50%);box-shadow:0 0 4px}.key[data-finger=lp]:before,.key[data-finger=rp]:before{color:#ef4444}.key[data-finger=lr]:before,.key[data-finger=rr]:before{color:#f97316}.key[data-finger=lm]:before,.key[data-finger=rm]:before{color:#eab308}.key[data-finger=li]:before,.key[data-finger=ri]:before{color:#22c55e}.key[data-key=f]:before,.key[data-key=j]:before{opacity:.85;width:7px;height:7px;bottom:4px;box-shadow:0 0 6px}@keyframes keyPulse{0%,to{transform:scale(1.05)}50%{transform:scale(1.18)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}#practice-screen{padding-bottom:140px}.practice-viewport{text-align:center;margin:1.5rem 0}.practice-char-display{color:var(--text);text-shadow:0 0 32px #8b5cf680;font-family:Fredoka One,cursive;font-size:6rem;line-height:1.1}.practice-hint{color:var(--text-dim);margin-top:.8rem;font-size:1rem}.practice-hint kbd{background:var(--card);border:1px solid var(--card-border);border-radius:6px;padding:2px 8px;font-weight:700}.practice-finger-hint{color:var(--primary-light);margin-top:.4rem;font-size:.9rem;font-weight:700}.practice-progress{align-items:center;gap:10px;margin-top:.8rem;display:flex}.practice-bar{background:#ffffff1a;border-radius:4px;width:180px;height:8px;overflow:hidden}.practice-fill{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:4px;height:100%;transition:width .3s}#practice-count{color:var(--text-dim);font-size:.85rem;font-weight:700}.practice-stats{gap:24px;margin-top:16px;margin-bottom:140px;display:flex}.practice-stat{color:#fff;text-shadow:1px 1px 3px #0006;align-items:center;gap:8px;font-family:Fredoka One,cursive;font-size:1.4rem;display:flex}.practice-stat span{color:var(--success);font-size:1.8rem}.profile-card{flex-direction:column;align-items:center;gap:10px;width:320px;padding:0 12px;display:flex}.avatar-preview{min-height:80px;font-size:3rem;line-height:0;display:block}.avatar-preview img{object-fit:contain;width:80px;height:80px;margin:0 auto;display:block}.avatar-preview-emoji{font-size:3rem}.avatar-picker{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.avatar-btn{background:var(--card);border:2px solid #0000;border-radius:10px;padding:4px 6px;font-size:1.3rem;transition:all .2s}.avatar-btn.active{border-color:var(--primary-light);background:#8b5cf633}.player-name-input{background:var(--card);border:1px solid var(--card-border);color:var(--text);text-align:center;border-radius:12px;outline:none;width:100%;padding:8px 12px;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:700}.player-name-input:focus{border-color:var(--primary-light)}.profile-stats{grid-template-columns:repeat(2,1fr);gap:6px;width:100%;display:grid}.profile-stat{background:var(--card);border:1px solid var(--card-border);text-align:center;border-radius:12px;padding:8px 6px}.ps-icon{font-size:1.1rem;display:block}.ps-num{color:var(--text);font-size:1rem;font-weight:800;display:block}.ps-label{color:var(--text-dim);font-size:.65rem}.toggle-label{cursor:pointer;color:var(--text-dim);align-items:center;gap:6px;font-size:.8rem;display:flex}.toggle-label input{accent-color:var(--primary);transform:scale(1.2)}.profile-class-section{flex-direction:column;gap:4px;width:100%;max-width:420px;margin:6px 0;display:flex}.profile-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:700}.profile-input{background:var(--card);border:1px solid var(--card-border);color:var(--text);text-align:center;border-radius:12px;outline:none;width:100%;padding:8px 12px;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:700}.profile-input:focus{border-color:var(--primary-light)}.profile-hint{color:var(--text-dim);opacity:.7;text-align:center;font-size:.68rem}.garden-stats{color:var(--text-dim);margin:6px 0 10px;font-size:.85rem}.garden-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;width:min(420px,92vw);max-height:55vh;padding:4px;display:grid;overflow-y:auto}.garden-empty{text-align:center;color:var(--text-dim);padding:30px 16px}.garden-empty-emoji{margin-bottom:8px;font-size:2.4rem}.garden-empty-hint{opacity:.6;font-size:.75rem}.garden-item{text-align:center;background:var(--card);border:1px solid var(--card-border);border-radius:12px;flex-direction:column;align-items:center;padding:8px 4px;transition:transform .2s;display:flex}.garden-item:hover{transform:scale(1.06)}.garden-flower{margin-bottom:2px;font-size:1.8rem}.garden-word{color:var(--text);font-size:.65rem;font-weight:700}.garden-meta{color:var(--text-dim);margin-top:1px;font-size:.55rem}.profile-achievements-section{width:100%;max-width:420px;margin:10px 0}.achievements-header{color:var(--text);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;font-weight:700;display:flex}.achievements-categories{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.achievements-categories .cat-pill{background:var(--card);border:1px solid var(--card-border);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:700;display:flex}.achievements-categories .cat-pill .cat-bar{background:#ffffff26;border-radius:2px;width:30px;height:4px;overflow:hidden}.achievements-categories .cat-pill .cat-bar-inner{border-radius:2px;height:100%;transition:width .3s}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;max-height:240px;padding-right:4px;display:grid;overflow-y:auto}.achievement-item{text-align:center;background:var(--card);border:1px solid var(--card-border);opacity:.45;border-radius:10px;flex-direction:column;align-items:center;padding:8px 4px;transition:all .2s;display:flex}.achievement-item.unlocked{opacity:1;background:#8b5cf61a;border-color:#8b5cf64d}.achievement-item .ach-icon{margin-bottom:2px;font-size:1.4rem}.achievement-item .ach-title{font-size:.68rem;font-weight:700;line-height:1.2}.achievement-item .ach-desc{color:var(--text-dim);margin-top:1px;font-size:.55rem}.screen-header{z-index:2;align-items:center;gap:12px;width:100%;max-width:720px;padding:12px 16px;display:flex}.screen-header h2{font-size:1.3rem}.btn-back{background:var(--card);color:var(--text);border:1px solid var(--card-border);border-radius:10px;padding:6px 12px;font-size:.85rem;font-weight:700}.btn{border-radius:12px;padding:10px 20px;font-size:.95rem;font-weight:700}.btn-primary{background:var(--primary);color:var(--text)}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--card);color:var(--text);border:1px solid var(--card-border)}.btn-secondary:hover{background:#ffffff1a}.btn-danger{background:var(--danger);color:var(--text)}.btn-lg{padding:14px 32px;font-size:1.1rem}.btn-glow{box-shadow:0 0 20px #8b5cf680}.btn-icon-only{background:var(--card);color:var(--text);border:1px solid var(--card-border);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.btn-icon{margin-right:4px}.btn-shortcut{opacity:.7;margin-left:6px;font-size:.75rem;font-weight:400}.stats-bar{gap:10px;display:flex}.stat-pill{background:var(--card);border:1px solid var(--card-border);color:var(--text-dim);border-radius:10px;padding:6px 12px;font-size:.8rem}.stat-icon{margin-right:3px}.stat-pill b{color:var(--text)}.menu-buttons,.daily-moment-warning[hidden]{display:none}.daily-moment-warning{z-index:2;flex-direction:column;align-items:center;gap:6px;width:min(420px,92vw);margin:0 0 16px;display:flex}.btn-daily-moment{background:var(--card);width:100%;color:var(--text);cursor:pointer;border:2px solid #ffffff8c;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:12px 20px;font-size:1.05rem;font-weight:800;transition:transform .12s,box-shadow .12s,background .2s;display:flex;position:relative}.btn-daily-moment:hover{transform:translateY(-1px)}.btn-daily-moment .btn-icon{font-size:1.2rem;line-height:1}.btn-daily-moment .btn-text{flex-direction:column;align-items:flex-start;gap:2px;line-height:1.15;display:flex}.btn-daily-moment .btn-title{font-size:1rem;font-weight:800}.btn-daily-moment .btn-subtitle{opacity:.85;font-size:.78rem;font-weight:600}.btn-daily-moment.at-risk{color:#1f1300;background:linear-gradient(135deg,#f59e0b 0%,#fb923c 50%,#ef4444 100%);border-color:#ffedd5d9;animation:2s ease-in-out infinite dailyMomentAtRiskPulse;box-shadow:0 6px 20px #fb923c8c,inset 0 0 0 1px #ffffff2e}.btn-daily-moment.at-risk .btn-subtitle{color:#1f1300;opacity:1;font-weight:800}.btn-daily-moment.at-risk:hover{transform:translateY(-1px)scale(1.01)}@keyframes dailyMomentAtRiskPulse{0%,to{box-shadow:0 6px 20px #fb923c8c,inset 0 0 0 1px #ffffff2e}50%{box-shadow:0 8px 28px #ef4444b3,0 0 0 4px #fbbf2459}}.btn-streak-count{color:var(--warning);letter-spacing:.02em;background:#fbbf241f;border:1px solid #fbbf2473;border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:800}@media (prefers-reduced-motion:reduce){.btn-daily-moment.at-risk{animation:none}}.pet-container{z-index:var(--z-pet);text-align:center;position:fixed;bottom:180px;right:24px}.pet-wrap{background:linear-gradient(135deg, var(--bg-1) 0%, var(--bg-2) 100%);transform-origin:bottom;border-radius:50%;width:130px;height:130px;animation:3s ease-in-out infinite petBreathe;display:inline-block;overflow:hidden;box-shadow:0 6px 20px #00000073,0 0 32px #8b5cf659,inset 0 0 20px #1e1b4bcc}.pet-face{object-fit:cover;width:100%;height:100%;transition:transform .2s,filter .2s;display:block}.pet-face.correct{animation:.35s ease-out petCorrectFlash}.pet-face.wrong{animation:.45s ease-in-out petWrongShake}.pet-face.celebrate{animation:.6s petSpin}.pet-face.worried{filter:hue-rotate(-15deg)saturate(.85)brightness(.95)}.pet-bubble{color:var(--bg-1);white-space:nowrap;opacity:0;visibility:hidden;background:#fffffff2;border-radius:14px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s;position:absolute;top:-40px;right:0;box-shadow:0 4px 12px #00000026}.pet-bubble:after{content:"";border:6px solid #0000;border-top-color:#fffffff2;position:absolute;bottom:-6px;right:36px}.pet-bubble.visible{opacity:1;visibility:visible}@keyframes petCorrectFlash{0%{filter:brightness();transform:scale(1)}35%{filter:brightness(1.5)drop-shadow(0 0 10px #34d399b3);transform:scale(1.12)}to{filter:brightness();transform:scale(1)}}@keyframes petWrongShake{0%{filter:brightness();transform:translate(0)scale(1)}20%{filter:brightness(.85)hue-rotate(20deg);transform:translate(-8px)scale(.95)}40%{transform:translate(8px)scale(.95)}60%{transform:translate(-5px)scale(.98)}80%{transform:translate(5px)scale(.98)}to{filter:brightness();transform:translate(0)scale(1)}}#game-canvas{z-index:var(--z-canvas);position:fixed;inset:0}.level-progress-wrap{height:3px;z-index:var(--z-hud);background:#ffffff14;position:fixed;top:50px;left:0;right:0}.level-progress-fill{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:0 2px 2px 0;height:100%;transition:width .3s}.shift-hint{color:#fff;opacity:1;visibility:visible;background:#ef4444e6;border-radius:8px;padding:4px 12px;font-size:.85rem;font-weight:800;transition:opacity .25s,visibility .25s;animation:.3s popIn}.shift-hint.hidden{opacity:0;visibility:hidden}.achievement-toast{border:1px solid var(--primary-light);border-radius:var(--radius);z-index:var(--z-popup);opacity:1;visibility:visible;background:#1e1b4bf5;align-items:center;gap:8px;padding:10px 14px;font-size:.8rem;transition:opacity .3s,transform .3s,visibility .3s;display:flex;position:fixed;top:12px;right:12px;transform:translate(0);box-shadow:0 0 16px #8b5cf666}.achievement-toast.hidden{opacity:0;visibility:hidden;transform:translate(60px)}.achievement-toast:not(.hidden){animation:.4s slideInRight}.toast-icon{font-size:1.4rem}.toast-title{color:var(--warning);font-weight:800}.toast-desc{color:var(--text-dim);font-size:.7rem}.overlay{z-index:var(--z-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;visibility:visible;background:#0f0c28e0;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.overlay-card{background:linear-gradient(145deg, var(--bg-2), var(--bg-3));border:1px solid var(--card-border);text-align:center;opacity:0;border-radius:20px;flex-direction:column;gap:8px;min-width:280px;padding:24px 30px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s;display:flex;transform:scale(.9)translateY(20px);box-shadow:0 8px 28px #00000080}.overlay:not(.hidden) .overlay-card{opacity:1;transform:scale(1)translateY(0)}.overlay-card h2{font-size:1.3rem}.overlay-card .btn{margin:3px 0;padding:9px}.level-stars{font-size:1.6rem;animation:.6s bounce}.gameover-emoji{font-size:2.4rem}.gameover-message{color:var(--text-dim);font-size:.85rem}.gameover-stats,.level-stats{color:var(--text-dim);font-size:.85rem;line-height:1.5}.gameover-stats b,.level-stats b{color:var(--text)}.gameover-buttons{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.overlay.tutorial{z-index:30}.tutorial-card{width:90%;max-width:380px}.tutorial-slide{display:none}.tutorial-slide.active{display:block}.tutorial-emoji{margin-bottom:6px;font-size:2.4rem}.tutorial-slide h2{margin-bottom:4px;font-size:1.2rem}.tutorial-slide p{color:var(--text-dim);margin:3px 0;font-size:.85rem;line-height:1.4}.tutorial-dots{justify-content:center;gap:6px;margin:10px 0;display:flex}.dot{background:#ffffff40;border-radius:50%;width:7px;height:7px;transition:all .3s}.dot.active{background:var(--primary-light);transform:scale(1.4)}.btn-tutorial-next{background:var(--card);color:var(--text);border:1px solid var(--card-border);border-radius:10px;margin-top:6px;padding:8px 22px;font-size:.9rem;font-weight:700}.finger-guide{z-index:35;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0d2eeb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.finger-guide.hidden{display:none}.finger-guide-card{background:var(--card);border:1px solid var(--card-border);text-align:center;border-radius:18px;width:90%;max-width:380px;padding:24px}.finger-guide-card h3{color:var(--text);margin-bottom:16px;font-family:Fredoka One,cursive;font-size:1.2rem}.finger-hands{justify-content:center;align-items:center;gap:16px;margin-bottom:16px;display:flex}.hand{gap:4px;display:flex}.hand-gap{width:24px}.finger{width:36px;height:46px;color:var(--text-dim);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px 8px 5px 5px;justify-content:center;align-items:center;font-family:Fredoka One,cursive;font-size:1.05rem;transition:all .3s;display:flex;position:relative}.finger.active{border-color:var(--primary-light);color:var(--text);background:#8b5cf64d;animation:1.5s ease-in-out infinite fingerPulse;box-shadow:0 0 12px #8b5cf666}@keyframes fingerPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.finger-guide-text{color:var(--text-dim);margin-bottom:16px;font-size:.9rem}.chapter-intro-overlay{z-index:22}.chapter-card{text-align:center;max-width:440px}.chapter-badge{background:var(--success);color:#0f2a1f;text-transform:uppercase;letter-spacing:1px;border-radius:999px;margin-bottom:10px;padding:3px 12px;font-size:.72rem;font-weight:800;display:inline-block}.chapter-title{margin-bottom:3px;font-size:1.5rem}.chapter-subtitle{color:var(--primary-light);margin-bottom:12px;font-size:.9rem}.chapter-intro-text{color:var(--text-dim);margin-bottom:12px;font-size:.95rem;line-height:1.5}.chapter-pet-line{color:var(--accent-light);border-left:3px solid var(--accent);text-align:left;padding-left:10px;font-size:.9rem;font-style:italic}.chapter-tap-hint{color:var(--text-mute);margin-top:14px;font-size:.75rem}.evolution-overlay{z-index:23}.evolution-card{text-align:center;max-width:420px}.evolution-badge{background:linear-gradient(135deg, var(--warning), var(--accent));color:#fff;text-transform:uppercase;letter-spacing:1px;border-radius:999px;margin-bottom:12px;padding:5px 16px;font-size:.8rem;font-weight:800;display:inline-block}.evolution-stage{margin:6px 0;font-size:4rem}#evolution-title{margin-bottom:4px;font-size:1.5rem}#evolution-desc{color:var(--text-dim);margin-bottom:12px;font-size:.95rem}.evolution-pet-line{color:var(--accent-light);border-left:3px solid var(--accent);text-align:left;margin-bottom:16px;padding-left:10px;font-size:.9rem;font-style:italic}.review-keys{width:100%;max-width:420px;margin:10px 0;display:none}.review-header{color:var(--accent);margin-bottom:6px;font-size:.8rem;font-weight:700}.review-list{flex-wrap:wrap;gap:4px;display:flex}.review-key{background:var(--card);border:1px solid var(--card-border);color:var(--accent);border-radius:16px;padding:4px 10px;font-size:.75rem;font-weight:700;transition:transform .2s;display:inline-block}.review-key:hover{transform:scale(1.1)}@keyframes petBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes petShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes petSpin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.2)}to{transform:rotate(360deg)scale(1)}}@keyframes heartBreak{0%{opacity:1;transform:scale(1.2)}to{opacity:.35;transform:scale(.8)}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.04)}}@keyframes petBreathe{0%,to{transform:scaleY(1)scaleX(1)}50%{transform:scaleY(1.04)scaleX(.98)}}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-4px,2px)}20%{transform:translate(4px,-2px)}30%{transform:translate(-3px,1px)}40%{transform:translate(3px,-1px)}50%{transform:translate(-2px)}60%{transform:translate(2px)}70%{transform:translate(-1px)}80%{transform:translate(1px)}}.screen-shake{animation:.4s ease-out screenShake}@keyframes plusOneFloat{0%{opacity:0;transform:translate(-50%)}20%{opacity:1;transform:translate(-50%,-8px)}to{opacity:0;transform:translate(-50%,-32px)}}.plus-one-floater{color:#34d399;text-shadow:0 0 12px #34d399b3;z-index:30;pointer-events:none;font-family:Fredoka One,cursive;font-size:1.25rem;font-weight:800;animation:.8s ease-out forwards plusOneFloat;position:fixed;transform:translate(-50%)}@keyframes comboFloaterPop{0%{opacity:0;transform:translate(-50%)scale(.6)}20%{opacity:1;transform:translate(-50%,-10px)scale(1.1)}35%{transform:translate(-50%,-14px)scale(1)}to{opacity:0;transform:translate(-50%,-60px)scale(1)}}.combo-floater{color:gold;text-shadow:0 0 24px #ffd700d9,0 0 8px #ec4899b3;z-index:30;pointer-events:none;letter-spacing:.02em;font-family:Fredoka One,cursive;font-size:2.4rem;font-weight:800;animation:.8s ease-out forwards comboFloaterPop;position:fixed;top:30%;left:50%;transform:translate(-50%)}@keyframes levelFlash{0%{opacity:0}20%{opacity:.55}to{opacity:0}}.level-flash{background:var(--accent,#ec4899);z-index:25;pointer-events:none;animation:.3s ease-out forwards levelFlash;position:fixed;inset:0}@media (width<=600px){.menu-brand{font-size:1.25rem}.streak-prominent{min-height:44px;padding:4px 8px;font-size:.95rem}.streak-prominent .streak-icon{font-size:.9rem}.streak-prominent .streak-value{font-size:1rem}.progress-card{padding:12px 14px 10px}.progress-level{font-size:.95rem}.progress-next{font-size:.7rem}.pet-hero-stage,.pet-hero-img{width:160px;height:160px}.pet-hero-bubble{max-width:110px;font-size:.7rem;right:-8px}.btn-cta-primary{min-height:60px;font-size:1.25rem}.menu-icons,.menu-dock{padding:6px 4px}.menu-icon{min-height:50px}.menu-icon .mi-emoji{font-size:1.25rem}.menu-icon .mi-label{font-size:.68rem}.menu-dock-item{flex-basis:calc(50% - 4px);min-width:0}.menu-dock-item-wide{flex-basis:100%}.key{width:26px;height:32px;font-size:.6rem}.key-wide{width:32px}.key-space{width:120px}.target-word{font-size:clamp(2rem,10vw,3.2rem);top:30%}.finger-hint{font-size:.85rem;top:calc(30% + 48px)}.overlay-card{width:90%;min-width:auto;padding:18px}.km-key{width:18px;height:18px;font-size:.62rem}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8b5cf680}