:root{--bg:#e8f4fd;--bg2:#fff5e6;--surface:#fff;--text:#2d3748;--text-light:#718096;--primary:#6c5ce7;--primary-dark:#5b4cdb;--secondary:#fd79a8;--accent:#fdcb6e;--success:#00b894;--danger:#ff7675;--level1:#74b9ff;--level2:#55efc4;--level3:#a29bfe;--shadow:0 8px 24px #6c5ce726;--radius:20px;--radius-sm:12px;color:var(--text);background:linear-gradient(135deg, var(--bg) 0%, var(--bg2) 50%, #ffeef8 100%);min-height:100vh;font-family:Fredoka,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;overflow-x:hidden}#root{min-height:100vh}.app-layout{max-width:720px;min-height:100vh;margin:0 auto;padding:1rem 1rem 2rem}.app-layout:has(.home){max-width:820px}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0 1rem;display:flex}.header-left{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.brand-logo{color:inherit;flex-shrink:0;align-items:center;gap:.5rem;text-decoration:none;display:flex}.brand-mark{color:#38bdf8;letter-spacing:-.05em;background:linear-gradient(135deg,#0f172a,#334155);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:800;display:flex;box-shadow:0 4px 12px #0f172a40}.brand-text{flex-direction:column;line-height:1.15;display:flex}.brand-company{color:#0f172a;letter-spacing:-.02em;font-size:.95rem;font-weight:700}.brand-product{color:var(--primary);font-size:.7rem;font-weight:500}.brand-logo--compact .brand-text{display:none}.brand-logo--compact .brand-mark{width:32px;height:32px;font-size:.65rem}.brand-footer{text-align:center;border-top:2px dashed #6c5ce733;margin-top:2rem;padding-top:1.25rem}.brand-footer-inner{justify-content:center;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.brand-footer-mark{color:#38bdf8;background:linear-gradient(135deg,#0f172a,#334155);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.65rem;font-weight:800;display:flex}.brand-footer-text{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.brand-footer-text strong{color:#0f172a;font-size:.95rem}.brand-footer-text span{color:var(--text-light);font-size:.8rem}.brand-footer-copy{color:var(--text-light);font-size:.75rem}.page-title{color:var(--primary);white-space:nowrap;text-overflow:ellipsis;font-size:1.25rem;font-weight:700;overflow:hidden}.back-btn{background:var(--surface);width:44px;height:44px;box-shadow:var(--shadow);color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;text-decoration:none;transition:transform .2s;display:flex}.back-btn:hover{transform:scale(1.08)}.app-main{flex-direction:column;gap:1.25rem;display:flex}.star-display{background:var(--surface);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:1.1rem;font-weight:700;display:flex}.star-count{color:var(--primary)}.streak-badge{border-left:2px solid #eee;margin-left:.25rem;padding-left:.5rem;font-size:.85rem}.mascot{align-items:flex-start;gap:1rem;display:flex}.mascot-emoji{filter:drop-shadow(0 4px 8px #0000001a);font-size:3.5rem}.mascot-bubble{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border-bottom-left-radius:4px;flex:1;padding:1rem 1.25rem;font-size:1.05rem;font-weight:500;position:relative}.mascot-bubble:before{content:"";border:8px solid #0000;border-right-color:var(--surface);position:absolute;top:20px;left:-8px}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.75rem 1.25rem;font-family:inherit;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .15s}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 4px 14px #6c5ce766}.btn-secondary{background:var(--surface);color:var(--primary);box-shadow:var(--shadow)}.btn-big{padding:1rem 1.5rem;font-size:1.1rem}.btn-audio{color:#2d3436;background:#ffeaa7}.btn-audio.playing{animation:.5s infinite pulse}@keyframes pulse{50%{transform:scale(1.05)}}.home{flex-direction:column;gap:2rem;padding-bottom:.5rem;display:flex}.home-hero{color:#fff;background:linear-gradient(145deg,#6c5ce7 0%,#a29bfe 45%,#fd79a8 100%);border-radius:28px;padding:1.5rem 1.5rem 1.75rem;position:relative;overflow:hidden;box-shadow:0 16px 48px #6c5ce759}.hero-deco{opacity:.5;pointer-events:none;font-size:1.5rem;position:absolute}.hero-deco--1{animation:4s ease-in-out infinite float;top:12px;right:20%}.hero-deco--2{animation:5s ease-in-out .5s infinite float;top:40%;right:8px}.hero-deco--3{animation:3.5s ease-in-out 1s infinite float;bottom:16px;left:12px}@keyframes float{50%{transform:translateY(-6px)rotate(8deg)}}.hero-top{z-index:1;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex;position:relative}.hero-brand-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .75rem .35rem .35rem;font-size:.8rem;font-weight:600;display:flex}.hero-brand-mark{color:#38bdf8;background:#0f172a;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.65rem;font-weight:800;display:flex}.hero-stats{gap:.5rem;display:flex}.stat-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff40;border-radius:999px;padding:.35rem .75rem;font-size:.9rem;font-weight:700}.stat-pill--fire{background:#fdcb6e66}.hero-body{z-index:1;align-items:center;gap:1.25rem;display:flex;position:relative}.hero-owl{filter:drop-shadow(0 8px 16px #00000026);flex-shrink:0;font-size:4.5rem;line-height:1}.hero-copy h1{text-shadow:0 2px 12px #0000001f;margin-bottom:.2rem;font-size:clamp(1.75rem,6vw,2.25rem);font-weight:700;line-height:1.15}.hero-tagline{opacity:.9;margin-bottom:.5rem;font-size:.95rem}.hero-greeting{opacity:.95;max-width:28ch;font-size:1rem;font-weight:500;line-height:1.45}.home-section{flex-direction:column;gap:1rem;display:flex}.section-head h2{color:var(--primary);margin-bottom:.15rem;font-size:1.2rem}.section-head p{color:var(--text-light);font-size:.9rem}.path-cards{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.path-card{text-align:center;color:inherit;background:var(--surface);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;align-items:center;min-height:180px;padding:1.25rem .75rem 1rem;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.path-card:hover{transform:translateY(-6px);box-shadow:0 14px 36px #6c5ce738}.path-card-glow{opacity:.12;pointer-events:none;position:absolute;inset:0}.path-card.level-1 .path-card-glow{background:var(--level1)}.path-card.level-2 .path-card-glow{background:var(--level2)}.path-card.level-3 .path-card-glow{background:var(--level3)}.path-card.level-1{border-bottom:4px solid var(--level1)}.path-card.level-2{border-bottom:4px solid var(--level2)}.path-card.level-3{border-bottom:4px solid var(--level3)}.path-level{text-transform:uppercase;letter-spacing:.06em;color:var(--text-light);margin-bottom:.35rem;font-size:.7rem;font-weight:700}.path-emoji{margin-bottom:.35rem;font-size:2.75rem;line-height:1}.path-card h3{color:var(--primary);margin-bottom:.15rem;font-size:1rem}.path-card p{color:var(--text-light);font-size:.8rem}.path-meta{color:var(--text-light);opacity:.85;margin-top:.35rem;font-size:.7rem}.path-play{color:var(--primary);margin-top:auto;padding-top:.75rem;font-size:.85rem;font-weight:700}.path-connector{display:none}.skill-bento{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.skill-tile{color:#2d3436;min-height:110px;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1.25rem 1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.skill-tile:hover{transform:scale(1.04);box-shadow:0 12px 28px #0000001f}.skill-emoji{font-size:2.5rem;line-height:1}.skill-title{font-size:1.05rem}.skill-badge{background:var(--danger);color:#fff;letter-spacing:.03em;border-radius:6px;padding:.2rem .45rem;font-size:.6rem;font-weight:800;position:absolute;top:8px;right:8px}.skill-badge.bonus{background:var(--primary)}.skill-typing{background:linear-gradient(160deg,#ffeaa7,#fab1a0)}.skill-math{background:linear-gradient(160deg,#fff9e6,#fdcb6e)}.skill-code{background:linear-gradient(160deg,#dff9fb,#74b9ff)}.skill-ai{color:#2d3436;background:linear-gradient(160deg,#e8daef,#a29bfe)}.home-languages{text-align:center;background:var(--surface);border-radius:var(--radius);padding:1rem;box-shadow:0 4px 16px #0000000d}.languages-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;font-size:.8rem;font-weight:600;display:block}.language-chips{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.language-chip{color:var(--text);background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #eee;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .9rem;font-size:.85rem;font-weight:600;display:inline-flex}.chip-flag{font-size:1.1rem}.lang-grid{flex-direction:column;gap:1rem;display:flex}.lang-card{background:var(--surface);border-radius:var(--radius);color:inherit;box-shadow:var(--shadow);border:2px solid #f0f0f0;align-items:center;gap:1rem;padding:1.25rem;text-decoration:none;transition:transform .2s;display:flex}.lang-card:hover{border-color:var(--primary);transform:translate(6px)}.lang-flag{font-size:2.5rem}.lang-text h3{color:var(--primary);font-size:1.2rem}.lang-native{color:var(--text-light);font-size:1.1rem}.lang-special{background:#dfe6e9;border-radius:6px;margin-top:.25rem;padding:.15rem .5rem;font-size:.8rem;display:inline-block}.lang-progress{text-align:right;min-width:80px;margin-left:auto}.progress-bar{background:#eee;border-radius:999px;width:80px;height:8px;margin-bottom:.25rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:999px;height:100%;transition:width .4s}.learn-progress-dots{flex-wrap:wrap;justify-content:center;gap:6px;max-height:60px;padding:.25rem;display:flex;overflow-y:auto}.dot{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:50%;width:12px;height:12px;padding:0;transition:all .2s}.dot.active{background:var(--primary);border-color:var(--primary);transform:scale(1.3)}.dot.done{background:var(--success);border-color:var(--success)}.flashcard{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;cursor:default;border:none;width:100%;padding:2rem}.letter-card .flashcard-main{color:var(--primary);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:clamp(4rem,20vw,7rem);font-weight:700;line-height:1.1}.flashcard-details{flex-direction:column;gap:.5rem;margin-top:1.5rem;display:flex}.detail-name{color:var(--secondary);font-size:1.5rem;font-weight:600}.detail-sound{color:var(--text-light);font-size:1.1rem}.detail-example{justify-content:center;align-items:center;gap:.75rem;margin-top:.5rem;font-size:1.25rem;display:flex}.word-card{cursor:pointer;perspective:800px;min-height:220px;box-shadow:none;background:0 0;padding:0;position:relative}.word-card .card-face{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;transition:transform .5s;display:flex;position:absolute;inset:0}.word-card .card-back,.word-card.flipped .card-front{transform:rotateY(180deg)}.word-card.flipped .card-back{transform:rotateY(0)}.word-emoji{font-size:4rem}.word-text{color:var(--primary);font-size:clamp(2rem,10vw,3rem);font-weight:700}.word-meaning{color:var(--secondary);font-size:2rem;font-weight:600}.word-sound{color:var(--text-light)}.sentence-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:2rem 1.5rem}.sentence-emoji{margin-bottom:1rem;font-size:3rem;display:block}.sentence-text{color:var(--primary);margin-bottom:1rem;font-size:clamp(1.25rem,5vw,1.75rem);font-weight:600;line-height:1.8}.sentence-meaning{color:var(--text-light);direction:ltr;font-family:Fredoka,sans-serif;font-size:1rem}.sentence-source{background:#dfe6e9;border-radius:8px;margin-top:1rem;padding:.35rem .75rem;font-size:.85rem;display:inline-block}.action-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.quiz-mini{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.quiz-prompt{text-align:center;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.quiz-options{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.quiz-option{border-radius:var(--radius-sm);cursor:pointer;background:#fafafa;border:3px solid #eee;padding:1.25rem;font-family:inherit;font-size:1.5rem;font-weight:700;transition:all .2s}.quiz-option.correct{border-color:var(--success);background:#d4edda}.quiz-option.wrong{border-color:var(--danger);background:#ffe0e0;animation:.4s shake}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.quiz-hint{text-align:center;color:var(--secondary);margin-top:1rem;font-weight:600}.celebration-overlay{z-index:1000;background:#2d374880;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.celebration-card{border-radius:var(--radius);text-align:center;background:#fff;width:100%;max-width:360px;padding:2.5rem 2rem;position:relative;overflow:hidden;box-shadow:0 20px 60px #0003}.confetti-rain{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-piece{font-size:1.5rem;position:absolute;top:-20px}.celebration-trophy{margin-bottom:.5rem;font-size:4rem}.celebration-card h2{color:var(--primary);margin-bottom:1rem}.earned-stars{justify-content:center;gap:.25rem;margin-bottom:1.5rem;font-size:2rem;display:flex}.typing-lesson-picker{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.lesson-pill{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:50%;width:36px;height:36px;font-family:inherit;font-weight:700;transition:all .2s}.lesson-pill.active{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.15)}.lesson-pill.done{background:var(--success);color:#fff;border-color:var(--success)}.typing-arena{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.typing-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.typing-header h2{color:var(--primary)}.difficulty-badge{text-transform:uppercase;border-radius:999px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.difficulty-badge.easy{color:#155724;background:#d4edda}.difficulty-badge.medium{color:#856404;background:#fff3cd}.difficulty-badge.hard{color:#721c24;background:#f8d7da}.typing-desc{color:var(--text-light);margin-bottom:1rem}.target-display{border-radius:var(--radius-sm);letter-spacing:.15em;background:#f8f9fa;flex-wrap:wrap;justify-content:center;gap:2px;min-height:3rem;margin-bottom:1rem;padding:1.25rem;font-size:1.5rem;font-weight:600;display:flex}.target-char{border-radius:4px;padding:.1rem .15rem}.target-char.done{color:var(--success)}.target-char.current{background:var(--accent);animation:1s infinite blink}@keyframes blink{50%{opacity:.6}}.typing-stats{color:var(--text-light);justify-content:center;gap:1rem;margin-bottom:1rem;font-size:.9rem;font-weight:600;display:flex}.typing-input{border:3px solid var(--primary);border-radius:var(--radius-sm);outline:none;width:100%;margin-bottom:.75rem;padding:1rem 1.25rem;font-family:inherit;font-size:1.25rem}.typing-input:focus{box-shadow:0 0 0 4px #6c5ce733}.typing-hint{text-align:center;color:var(--text-light);margin-bottom:1.25rem;font-size:.95rem}.virtual-keyboard{-webkit-user-select:none;user-select:none;flex-direction:column;gap:4px;margin-bottom:1rem;display:flex}.kb-row{justify-content:center;gap:4px;display:flex}.kb-key{background:#eee;border:2px solid #ddd;border-radius:6px;justify-content:center;align-items:center;min-width:28px;height:36px;padding:0 6px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.kb-key.highlight{background:var(--accent);border-color:var(--primary);transform:scale(1.1);box-shadow:0 0 12px #fdcb6ecc}.kb-key.pressed{background:var(--primary);color:#fff}.kb-space{min-width:200px}.section-progress-banner{text-align:center;border-radius:var(--radius-sm);padding:.75rem 1rem;font-weight:600}.coding-banner{background:linear-gradient(135deg,#81ecec33,#74b9ff33)}.math-banner{background:linear-gradient(135deg,#ffeaa733,#fdcb6e55)}.ai-banner{background:linear-gradient(135deg,#a29bfe33,#fd79a833);justify-content:center;align-items:center;gap:.75rem;display:flex}.bonus-tag{background:var(--primary);color:#fff;border-radius:999px;padding:.2rem .5rem;font-size:.7rem}.lesson-list{flex-direction:column;gap:.75rem;display:flex}.lesson-card{background:var(--surface);border-radius:var(--radius);color:inherit;box-shadow:var(--shadow);align-items:center;gap:1rem;padding:1rem 1.25rem;text-decoration:none;transition:transform .2s;display:flex}.lesson-card:hover{transform:translate(4px)}.lesson-emoji{font-size:2rem}.lesson-info h3{color:var(--primary);font-size:1.1rem}.lesson-info p{color:var(--text-light);font-size:.9rem}.lesson-done{color:var(--success);margin-left:auto;font-size:1.5rem}.activity-tag{text-transform:uppercase;background:#eee;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.concept-box{background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:1rem 1.25rem}.concept-box small{color:var(--primary);margin-top:.5rem;font-weight:600;display:block}.robot-grid{border-radius:var(--radius-sm);background:#2d3436;gap:4px;max-width:320px;margin:0 auto;padding:8px;display:grid}.grid-cell{aspect-ratio:1;background:#dfe6e9;border-radius:6px;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.grid-cell.wall{background:#636e72}.grid-cell.goal{background:#ffeaa7}.grid-cell.robot{background:#81ecec}.block-palette{background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:1rem}.palette-label{margin-bottom:.5rem;font-weight:600;display:block}.palette-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.code-block-btn{border:2px solid var(--level1);border-radius:var(--radius-sm);cursor:pointer;background:#e8f8f5;padding:.5rem .75rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:transform .15s}.code-block-btn:hover:not(:disabled){transform:scale(1.05)}.code-block-btn:disabled{opacity:.5;cursor:not-allowed}.program-stack{border-radius:var(--radius-sm);background:#2d3436;flex-direction:column;gap:.5rem;min-height:80px;padding:.75rem;display:flex}.empty-program{color:#b2bec3;text-align:center;padding:1rem;font-size:.9rem}.program-block{background:var(--level1);color:#fff;border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-weight:600;display:flex}.program-block button{color:#fff;cursor:pointer;background:#ffffff4d;border:none;border-radius:50%;width:24px;height:24px;font-size:.75rem}.run-error{text-align:center;color:var(--danger);font-weight:600}.ai-read-box,.ai-activity-box{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.ai-read-box p{font-size:1.05rem;line-height:1.6}.fun-fact{border-radius:var(--radius-sm);background:#ffeaa7;padding:1rem;font-weight:600}.activity-prompt{text-align:center;font-size:1.15rem;font-weight:600}.train-examples{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.train-chip{border-radius:var(--radius-sm);background:#f8f9fa;padding:.5rem 1rem;font-size:2rem}.prompt-builder label{flex-direction:column;gap:.35rem;font-weight:600;display:flex}.prompt-builder select{border:2px solid #ddd;border-radius:8px;padding:.6rem;font-family:inherit;font-size:1rem}.built-prompt{border-radius:var(--radius-sm);border-left:4px solid var(--primary);background:#f0f0ff;padding:1rem}.ai-reply{border-radius:var(--radius-sm);border:2px solid var(--primary);background:linear-gradient(135deg,#e8f4fd,#fff5e6);padding:1.25rem;font-size:1.05rem;line-height:1.5}.safety-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.safety-list li{border-radius:var(--radius-sm);background:#f8f9fa;align-items:flex-start;gap:.75rem;padding:.75rem;font-weight:500;display:flex}.safety-list li span:first-child{font-size:1.5rem}.math-progress-bar{align-items:center;gap:1rem;display:flex}.math-progress-bar .progress-bar{background:#eee;border-radius:999px;flex:1;height:10px;overflow:hidden}.math-progress-bar span{color:var(--primary);white-space:nowrap;font-weight:700}.math-problem-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:2rem 1.5rem}.math-prompt{color:var(--primary);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.math-visual{justify-content:center;align-items:center;min-height:100px;display:flex}.big-number{color:var(--secondary);font-size:clamp(4rem,18vw,6rem);font-weight:700;line-height:1}.count-emojis{word-break:break-all;font-size:clamp(1.5rem,6vw,2.25rem);line-height:1.4}.math-visual--add,.math-visual--subtract{flex-wrap:wrap;gap:.5rem;font-size:1.5rem}.math-options{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.math-option{border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;box-shadow:var(--shadow);border:3px solid #eee;padding:1.25rem;font-family:inherit;font-size:1.75rem;font-weight:700;transition:all .2s}.math-option:hover:not(:disabled){border-color:var(--primary);transform:scale(1.03)}.math-option.correct{border-color:var(--success);background:#d4edda}.math-option:disabled{cursor:default}.math-feedback{text-align:center;font-size:1.2rem;font-weight:700}.math-feedback.correct{color:var(--success)}@media (width<=600px){.path-cards{grid-template-columns:1fr;gap:.65rem}.path-card{text-align:left;flex-direction:row;align-items:center;gap:1rem;min-height:auto;padding:1rem 1.25rem}.path-emoji{margin:0;font-size:2.25rem}.path-card h3,.path-card p,.path-meta{text-align:left}.path-level{margin:0;position:absolute;top:.75rem;right:1rem}.path-play{flex-shrink:0;margin-left:auto;padding-top:0}.hero-body{text-align:center;flex-direction:column}.hero-greeting{max-width:none}.hero-owl{font-size:3.5rem}}@media (width<=480px){.quiz-options{grid-template-columns:1fr}.action-row .btn{flex:100%}.kb-key{min-width:22px;height:32px;font-size:.65rem}.skill-bento{gap:.6rem}.skill-tile{min-height:96px}}