:root{--primary:#667eea;--primary-dark:#764ba2;--accent:#f093fb;--accent-alt:#f5576c;--success:#84fab0;--warning:#f6d365;--warning-alt:#fda085;--info:#4facfe;--info-alt:#00f2fe;--text:#343047;--text-light:#706a7b;--text-lighter:#999;--bg:#fffcf5;--border:#e0e0e0;--sans:"Avenir Next", "Trebuchet MS", system-ui, sans-serif;--heading:"Avenir Next", "Trebuchet MS", system-ui, sans-serif;font:16px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0}html,body,#root{width:100%;height:100%}body{margin:0;padding:0;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--heading);font-weight:700;line-height:1.2}h1{font-size:48px}h2{font-size:32px}h3{font-size:24px}p{margin:0;line-height:1.6}button{font-family:var(--sans);cursor:pointer;background:0 0;border:none;padding:0;transition:all .3s}button:disabled{cursor:not-allowed;opacity:.6}@media (width<=768px){:root{font-size:14px}h1{font-size:36px}h2{font-size:24px}h3{font-size:20px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--border)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}a:focus-visible{outline-offset:5px;outline:3px solid #7154bd}.stories-library,.story-reader{max-width:900px;margin:auto;padding:20px 0 50px}.stories-library{text-align:center}.stories-library>p,.story-tip{color:var(--text-light);margin:16px 0}.story-filters{flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0;display:flex}.story-filters button,.story-back{color:#57418c;background:#fff;border:2px solid #d5c7f1;border-radius:16px;padding:10px 18px;font-weight:800}.story-filters button[aria-pressed=true]{background:#e6daf8}.story-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.story-card{text-align:left;color:var(--text);background:#ece3fa;border:2px solid #d5c7f1;border-radius:26px;padding:25px}.story-card:hover{transform:translateY(-4px)}.story-cover{text-align:center;margin-bottom:25px;font-size:80px;display:block}.story-card .eyebrow{display:block}.story-card h2{margin-bottom:12px}.story-card p{color:var(--text-light)}.story-empty{background:#f0eafa;border-radius:24px;padding:40px 20px}.story-empty>span{font-size:45px}.story-empty h2{margin:12px 0}.story-reader>.eyebrow{margin-top:24px}.story-reader h1{font-size:clamp(28px,5vw,42px)}.story-reader progress{accent-color:#7658c9;width:100%;height:12px}.story-page{background:#fff;border:2px solid #e8dfd0;border-radius:28px;margin:22px 0;padding:28px}.story-picture{text-align:center;font-size:80px;display:block}.story-text{margin:20px 0;font-size:clamp(22px,3vw,30px);line-height:1.9}.story-reader mark{color:#42351d;background:#ffe39d;border-radius:4px}.story-practice{background:#f0eafa;border-radius:20px;padding:20px}.story-practice h2{font-size:20px}.story-practice p{margin:6px 0 14px;font-size:14px}.story-practice ul{flex-wrap:wrap;gap:10px;list-style:none;display:flex}.story-practice li{background:#fff;border-radius:12px;padding:8px 14px;font-size:20px;font-weight:700}.story-controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.story-controls>span{color:var(--text-light);font-size:13px}.story-finished{text-align:center;padding:45px 10px}.story-finished>span{font-size:70px}.story-finished p{margin:15px 0 25px}.home-stories{background:#ffeacd;border:2px solid #efd5ad;border-radius:26px;align-items:center;gap:24px;margin:20px 0;padding:28px;display:flex}.home-stories>span{font-size:55px}.home-stories h2{margin-bottom:8px;font-size:26px}.home-stories p{color:var(--text-light)}.home-stories .cta-button{flex-shrink:0;margin-left:auto}@media (width<=600px){.story-page{padding:20px}.story-controls{flex-wrap:wrap}.story-controls .cta-button{width:100%}.home-stories{text-align:center;flex-direction:column}.home-stories .cta-button{margin:0}}.sound-selector{text-align:center;padding:16px 0}.sound-selector h2{letter-spacing:-1px;margin-bottom:10px;font-size:30px}.selector-subtitle{color:var(--text-light);margin-bottom:26px;font-size:14px}.sound-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;max-width:900px;margin:auto;display:grid}.sound-card{color:#57418c;background:#ebe2fb;border:2px solid #d5c7f1;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:160px;display:flex;position:relative;box-shadow:0 5px #d5c7f1}.sound-name{font-size:38px;font-weight:900}.sound-symbol{font-size:25px}.sound-ready{font-size:12px;font-weight:800}.sound-card:not(:disabled):hover{background:#e3d5fc;transform:translateY(-5px)rotate(-2deg)}.sound-card.coming-soon{opacity:1;color:#817887;background:#f5f2eb;border-color:#e8e2d7;box-shadow:0 5px #e8e2d7}.coming-soon-badge{background:#eae5db;border-radius:12px;padding:3px 8px;font-size:10px;font-weight:700}@media (width<=600px){.sound-grid{grid-template-columns:repeat(3,1fr);gap:12px}.sound-card{min-height:140px}.sound-selector h2{font-size:25px}}.home-page{max-width:1180px;margin:auto;padding:0 32px}.home-nav{justify-content:space-between;align-items:center;gap:20px;padding:28px 0;display:flex}.brand{color:var(--text);letter-spacing:-1px;font-size:26px;font-weight:900;text-decoration:none}.brand>span:first-child{color:#7760cf;vertical-align:middle;margin-right:8px;font-size:36px}.brand-dot{color:#ef795f}.nav-note{color:var(--text-light);font-size:13px}.nav-link{color:var(--text);background:#fff;border:2px solid #e9e3d7;border-radius:30px;padding:10px 20px;font-weight:800;text-decoration:none}.hero-section{grid-template-columns:1.2fr 1fr;align-items:center;gap:24px;padding:45px 0 55px;display:grid}.eyebrow{letter-spacing:2px;color:#6853ae;margin-bottom:18px;font-size:12px;font-weight:900}.site-title{letter-spacing:-3px;margin-bottom:24px;font-size:clamp(40px,5.2vw,66px);font-weight:900;line-height:1.08}.site-title span{color:#7154bd}.description{color:var(--text-light);margin-bottom:26px;font-size:17px;line-height:1.8}.cta-button{color:#fff;background:#7658c9;border-radius:18px;padding:16px 28px;font-size:18px;font-weight:800;box-shadow:0 5px #513691}.cta-button span{margin-left:30px}.cta-button:hover{transform:translateY(-3px)}.hero-note{color:var(--text-light);margin-top:18px;font-size:12px}.hero-art{background:#ece6fb radial-gradient(#d5c8ec 1.5px,#0000 1.5px) 0 0/22px 22px;border-radius:48% 48% 43% 42%;height:340px;position:relative}.mascot{background:#ffc957;border:4px solid #edb347;border-radius:46% 46% 40% 40%;width:190px;height:188px;animation:4s ease-in-out infinite bob;position:absolute;top:92px;left:50%;transform:translate(-50%)rotate(-7deg);box-shadow:8px 12px #d9ccef}.mascot:before,.mascot:after{content:"";background:#ffc957;border-radius:30px;width:48px;height:24px;position:absolute;top:98px}.mascot:before{left:-35px;transform:rotate(-30deg)}.mascot:after{right:-35px;transform:rotate(30deg)}.mascot-eyes{justify-content:center;gap:43px;padding-top:55px;display:flex}.mascot-eyes i{background:#37314c;border-radius:50%;width:13px;height:20px}.mascot-cheeks{justify-content:space-between;padding:8px 25px;display:flex}.mascot-cheeks i{background:#f19b75;border-radius:50%;width:26px;height:13px}.mascot-smile{border:4px solid #37314c;border-top:0;border-radius:0 0 40px 40px;width:43px;height:24px;margin:-3px auto 0}.speech-bubble{background:#fff;border-radius:22px 22px 22px 3px;padding:13px 24px;font-weight:800;position:absolute;top:24px;left:22%;transform:rotate(-6deg)}.art-sticker{background:#fff;border-radius:22px;padding:8px 16px;font-size:52px;position:absolute;box-shadow:0 5px #ddd4ec}.sticker-rocket{top:65px;right:-5px;transform:rotate(12deg)}.sticker-rainbow{bottom:12px;left:3px;transform:rotate(-12deg)}.art-star{color:#8263c5;font-size:45px;position:absolute}.star-one{top:60px;left:20px}.star-two{bottom:35px;right:30px}.art-caption{letter-spacing:2px;color:#6853ae;font-size:11px;font-weight:900;position:absolute;bottom:14px;left:40%}.play-strip{color:#675c76;border-top:1px solid #e9e3d7;border-bottom:1px solid #e9e3d7;justify-content:center;gap:60px;padding:19px 10px;font-size:13px;font-weight:700;display:flex}.sounds-section{padding:45px 0 20px;scroll-margin-top:20px}.adventure-preview{text-align:center;padding:35px 0 45px}.adventure-preview h2{letter-spacing:-1px;font-size:28px}.preview-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px;display:grid}.preview-card{background:#f0eafa;border-radius:24px;padding:25px 15px}.preview-card:nth-child(2){background:#ffeadf}.preview-card:nth-child(3){background:#e6eee2}.preview-card>span{font-size:40px}.preview-card h3{margin:12px 0 6px;font-size:18px}.preview-card p{color:var(--text-light);font-size:13px}.home-footer{text-align:center;color:var(--text-light);border-top:1px solid #e9e3d7;padding:25px 0;font-size:12px}.home-footer span{color:#c66557}@keyframes bob{50%{transform:translate(-50%)rotate(3deg)translateY(-8px)}}@media (width<=700px){.home-page{padding:0 20px}.nav-note{display:none}.brand{font-size:22px}.hero-section{text-align:center;grid-template-columns:1fr;padding-top:20px}.hero-art{width:min(100%,380px);height:310px;margin:10px auto 0}.site-title{letter-spacing:-2px}.play-strip{flex-wrap:wrap;gap:12px;font-size:11px}.preview-grid{grid-template-columns:1fr}.preview-card{padding:20px}.description{font-size:15px}}.preview-grid{grid-template-columns:repeat(4,1fr)}.preview-card:nth-child(4){background:#fff0ce}@media (width<=900px){.preview-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.preview-grid{grid-template-columns:1fr}}.category-selector{padding:2rem 1rem}.selector-header{justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;display:flex;position:relative}.selector-header h2{text-align:center;flex:1;margin:0;font-size:28px}.back-btn{color:#667eea;cursor:pointer;background:#fff;border:2px solid #667eea;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:all .3s;display:flex;position:absolute;left:0}.back-btn:hover{color:#fff;background:#667eea;transform:translate(-4px)}.category-selector h3{text-align:center;margin-bottom:2rem;font-size:20px}.category-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;max-width:800px;margin:0 auto;display:grid}.category-card{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:16px;padding:1.5rem;font-family:inherit;font-size:18px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #667eea4d}.category-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #667eea80}.category-card:active{transform:translateY(-2px)}@media (width<=768px){.category-grid{grid-template-columns:1fr}.category-card{padding:1rem;font-size:16px}.selector-header{flex-direction:column}.back-btn{position:static}}.game-selector{padding:2rem 1rem}.game-selector .selector-header{justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;display:flex;position:relative}.header-text h2{text-align:center;margin:0;font-size:24px}.game-selector h3{text-align:center;margin-bottom:2rem;font-size:20px}.game-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;max-width:900px;margin:0 auto;display:grid}.game-card{color:#fff;cursor:pointer;text-align:left;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:16px;padding:2rem 1.5rem;font-family:inherit;transition:all .3s;box-shadow:0 4px 15px #667eea4d}.game-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #667eea80}.game-card:active{transform:translateY(-2px)}.game-name{margin-bottom:.5rem;font-size:20px;font-weight:700}.game-description{opacity:.95;font-size:14px;line-height:1.4}@media (width<=768px){.game-grid{grid-template-columns:1fr}.header-text h2{font-size:18px}}.session-header{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;margin-bottom:1.5rem;padding:1rem}.breadcrumb{font-size:16px;font-weight:600}@media (width<=768px){.breadcrumb{font-size:14px}}.session-complete{max-width:600px;margin:0 auto;padding:2rem 1rem;animation:.5s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.celebration{text-align:center;margin-bottom:2rem}.emoji-burst{margin-bottom:1rem;font-size:80px;animation:.6s bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.celebration h1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:48px}.session-details{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border-radius:16px;margin-bottom:2rem;padding:1.5rem}.detail-row{border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;padding:.8rem 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-row.highlight{background:#667eea1a;border-radius:8px;margin:0 -1rem;padding:.8rem 1rem}.detail-row .label{color:#333;font-weight:600}.detail-row .value{color:#667eea;font-size:18px;font-weight:700}.action-buttons{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.btn{cursor:pointer;text-transform:none;border:none;border-radius:12px;padding:1rem;font-family:inherit;font-size:16px;font-weight:700;transition:all .3s}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);grid-column:1/-1;padding:1.2rem;font-size:18px}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 8px 25px #667eea66}.btn-secondary{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f5576c4d}.btn-tertiary{color:#fff;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.btn-tertiary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4facfe4d}.btn-home{color:#333;background:#f0f0f0;border:2px solid #ddd;grid-column:1/-1}.btn-home:hover{background:#e0e0e0}@media (width<=768px){.celebration h1{font-size:36px}.emoji-burst{font-size:60px}.action-buttons{grid-template-columns:1fr}.btn-primary,.btn-home{grid-column:1}}.word-picture{background:#fffcf5;border-radius:16px;flex-shrink:0;width:76px;height:76px;padding:5px;display:block}.memory-match .word-content{flex-direction:column;gap:6px}.memory-match .card-back{color:#343047;background:#eee5fa}.memory-match .word-display{text-shadow:none}.memory-match .memory-card:disabled{opacity:1}.memory-match .word-picture{width:65%;height:auto;max-height:78px}.treasure-hunt .reveal-content>.word-picture{width:150px;height:150px;margin:0 auto 18px}.treasure-hunt .open-state{flex-direction:column;gap:4px}.treasure-hunt .open-state .word-picture{width:60px;height:60px}.speech-pop .current-word-display{flex-wrap:wrap;justify-content:center;align-items:center}.speech-pop .current-word-display .word-picture{width:64px;height:64px}.speech-pop .bubble{width:112px;height:112px;position:relative;transform:none}.speech-pop .bubble:hover:not(.popping){transform:scale(1.06)}.speech-pop .bubble:active:not(.popping){transform:scale(.95)}.speech-pop .bubbles-container{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));align-content:start;justify-items:center;gap:18px;padding:20px;display:grid;overflow:visible}.speech-pop .bubble-content{gap:4px}.speech-pop .bubble .word-picture{border-radius:50%;width:65px;height:65px}.speech-pop .bubble.popping{animation-name:picturePop}@keyframes picturePop{to{opacity:0;transform:scale(0)}}@media (width<=600px){.memory-match,.speech-pop,.treasure-hunt{padding:8px}.speech-pop .bubbles-container{grid-template-columns:repeat(auto-fit,minmax(94px,1fr));gap:12px;padding:14px}.speech-pop .bubble{width:94px;height:94px}.speech-pop .bubble .word-picture{width:54px;height:54px}.memory-match .word-content{gap:2px;padding:4px}}.repetition-counter{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-radius:16px;margin:1.5rem 0;padding:1.5rem}.reps-display{justify-content:space-between;align-items:baseline;margin-bottom:1rem;display:flex}.reps-label{opacity:.95;text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.reps-value{font-size:32px;font-weight:700;transition:transform .2s}.reps-value.just-added{animation:.3s pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.progress-bar{background:#ffffff4d;border-radius:6px;width:100%;height:12px;margin-bottom:1.5rem;overflow:hidden}.progress-fill{background:#ffffffe6;border-radius:6px;height:100%;transition:width .3s}.rep-buttons{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.rep-btn{color:#fff;cursor:pointer;background:#ffffff26;border:2px solid #fff;border-radius:10px;padding:.8rem 1rem;font-family:inherit;font-size:16px;font-weight:700;transition:all .2s}.rep-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.rep-btn:active{background:#fff6;transform:translateY(0)}@media (width<=768px){.repetition-counter{padding:1.2rem}.reps-value{font-size:24px}.rep-btn{padding:.7rem .8rem;font-size:14px}}.memory-match{padding:1.5rem}.game-stats{justify-content:center;gap:3rem;margin-bottom:2rem;display:flex}.stat{flex-direction:column;align-items:center;gap:.5rem;display:flex}.stat-label{color:#999;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.stat-value{color:#667eea;font-size:28px;font-weight:700}.cards-grid{grid-template-columns:repeat(4,1fr);gap:1rem;max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;display:grid}.memory-card{aspect-ratio:1;cursor:pointer;perspective:1000px;background:#f0f0f0;border:none;border-radius:12px;padding:0;font-family:inherit;transition:all .3s;position:relative;overflow:hidden}.memory-card:disabled{cursor:default}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.memory-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.card-front{color:#fff;z-index:2;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);font-size:32px;font-weight:700}.card-back{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);transform:rotateY(180deg)}.word-content{justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex}.word-display{text-align:center;text-transform:capitalize;text-shadow:0 2px 4px #0003;font-size:18px;font-weight:700}.memory-card:not(:disabled):hover{transform:translateY(-4px);box-shadow:0 8px 20px #667eea4d}.memory-card:not(:disabled):active{transform:translateY(-2px)}.replay-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;padding:1rem 2rem;font-family:inherit;font-size:16px;font-weight:700;transition:all .3s}.replay-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}@media (width<=768px){.cards-grid{grid-template-columns:repeat(3,1fr);gap:.8rem}.card-front{font-size:24px}.word-display{font-size:14px}.game-stats{gap:2rem}}.speech-pop{flex-direction:column;min-height:600px;padding:1.5rem;display:flex}.game-header{justify-content:space-between;align-items:center;gap:2rem;margin-bottom:1.5rem;display:flex}.progress{flex-direction:column;align-items:center;gap:.3rem;display:flex}.progress-label{color:#999;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.progress-value{color:#667eea;font-size:28px;font-weight:700}.current-word-display{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-radius:12px;align-items:baseline;gap:.8rem;padding:1rem 1.5rem;display:flex}.current-word-display .label{opacity:.9;font-size:14px;font-weight:600}.current-word-display .word{text-transform:capitalize;font-size:24px;font-weight:700}.bubbles-container{background:linear-gradient(135deg,#e0c3fc 0%,#8ec5fc 100%);border-radius:16px;flex:1;min-height:300px;margin:1.5rem 0;position:relative;overflow:hidden}.bubble{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;padding:0;font-family:inherit;transition:all .2s;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px 15px #667eea4d}.bubble:hover:not(.popping){transform:translate(-50%)scale(1.1);box-shadow:0 8px 25px #667eea80}.bubble:active:not(.popping){transform:translate(-50%)scale(.95)}.bubble.popping{pointer-events:none;animation:.4s forwards popAnimation}@keyframes popAnimation{0%{opacity:1;transform:translate(-50%)scale(1)}50%{opacity:.7}to{opacity:0;transform:translate(-50%)scale(0)}}.bubble-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.bubble-content .word{text-transform:capitalize;font-size:14px;font-weight:700}.game-hint{text-align:center;color:#999;font-size:14px}.game-actions{justify-content:center;gap:1rem;display:flex}.reset-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;padding:1rem 2rem;font-family:inherit;font-size:16px;font-weight:700;transition:all .3s}.reset-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}@media (width<=768px){.game-header{flex-direction:column;gap:1rem}.current-word-display{justify-content:center;width:100%}.current-word-display .word{font-size:20px}.bubble{width:80px;height:80px}.bubble-content .word{font-size:12px}}.key-house-game{max-width:850px;margin:auto;padding:20px 0 40px}.key-house-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.key-house-heading .eyebrow{margin-bottom:8px}.key-house-heading h2{font-size:clamp(24px,4vw,34px)}.house-score{white-space:nowrap;background:#e6eee2;border-radius:20px;padding:10px 16px;font-weight:800}.house-instruction{text-align:center;color:#57418c;background:#ece3fa;border-radius:18px;min-height:56px;margin:20px 0;padding:16px;font-weight:700}.house-scene{filter:drop-shadow(0 7px #eadfcc);max-width:600px;margin:auto}.house-roof{clip-path:polygon(50% 0,100% 100%,0 100%);background:#ca796b;justify-content:center;align-items:flex-end;height:90px;padding-bottom:10px;display:flex}.house-roof span{color:#ffe0a1;font-size:35px}.house-walls{background:#f7e7c8;border:4px solid #e7cfa4;border-top:0;border-radius:0 0 22px 22px;padding:22px}.house-doors{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.house-door{aspect-ratio:.84;perspective:700px;background:#fffaf0;border:5px solid #cba779;border-radius:50px 50px 10px 10px;position:relative}.house-door-face{background:var(--door-color);transform-origin:0;backface-visibility:hidden;border-radius:44px 44px 5px 5px;flex-direction:column;justify-content:space-evenly;align-items:center;transition:transform .65s,opacity .65s;display:flex;position:absolute;inset:0;box-shadow:inset -5px -5px #00000012}.door-window{color:#fff;background:#fff2;border:4px solid #ffffff70;border-radius:50%;width:38px;height:38px;font-size:22px}.house-lock-shape{width:40px;height:40px}.door-knob{background:#ffdf85;border:2px solid #9c7449;border-radius:50%;width:13px;height:13px;position:absolute;bottom:24px;right:10px}.house-door-surprise{opacity:0;color:#343047;text-transform:capitalize;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:15px;font-weight:800;transition:opacity .5s;display:flex;position:absolute;inset:0}.house-door-surprise .word-picture{width:80%;height:auto;max-height:100px}.house-door.is-open .house-door-face{opacity:0;pointer-events:none;transform:rotateY(-105deg)}.house-door.is-open .house-door-surprise{opacity:1}.house-door:disabled{opacity:1;cursor:default}.house-door:not(:disabled):hover{transform:translateY(-3px)}.door-done{color:#b8861c}.house-key-tray{text-align:center;background:#e8eef5;border:2px solid #d0dde9;border-radius:26px;margin:28px 0 0;padding:22px}.house-key-tray h3{font-size:22px}.house-key-tray>p{color:var(--text-light);margin:8px 0 18px;font-size:14px}.house-keys{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.house-key{background:#fffcf5;border:3px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:10px;display:flex}.house-key-picture{width:100%;max-width:150px;height:60px}.house-key>span{text-transform:capitalize;color:#51475d;font-size:12px;font-weight:700}.house-key.is-selected{border-color:#7154bd;transform:translateY(-3px);box-shadow:0 0 0 3px #7154bd33}.house-key:disabled{opacity:.35}.house-word-reveal{background:#ece3fa;border:2px solid #d5c7f1;border-radius:24px;align-items:center;gap:20px;margin-top:28px;padding:22px;animation:.4s houseReveal;display:flex}.house-word-reveal>.word-picture{width:100px;height:100px}.house-word-reveal h3{text-transform:capitalize;margin:4px 0;font-size:30px}.house-word-reveal p{font-size:14px}.house-word-reveal .cta-button{white-space:nowrap;margin-left:auto}.house-finish{text-align:center;padding:30px}.house-finish>span{font-size:50px}.house-finish h3{margin:12px 0 20px}.house-reset{color:#57418c;background:#eee5db;border-radius:16px;margin:24px auto 0;padding:12px 20px;font-weight:700;display:block}@keyframes houseReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.key-house-heading{flex-wrap:wrap}.house-roof{height:65px}.house-walls{padding:12px}.house-doors{gap:10px}.house-door{border-width:3px}.door-window{border-width:2px;width:26px;height:26px;font-size:15px}.house-lock-shape{width:30px;height:30px}.door-knob{width:10px;height:10px;bottom:12px;right:5px}.house-door-surprise{font-size:12px}.house-key-tray{padding:14px}.house-keys{grid-template-columns:repeat(2,1fr)}.house-word-reveal{text-align:center;flex-wrap:wrap;justify-content:center;gap:12px}.house-word-reveal .cta-button{width:100%;margin:0}}.treasure-hunt{padding:1.5rem}.game-header{text-align:center;margin-bottom:2rem}.coins-earned{justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:36px;font-weight:700;display:flex}.coins-icon{font-size:40px}.coins-value{color:#667eea}.progress-text{color:#999;text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.treasures-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;max-width:700px;margin:2rem auto;display:grid}.treasure-box{aspect-ratio:1;cursor:pointer;border:none;border-radius:12px;padding:0;font-family:inherit;transition:all .3s;position:relative;overflow:hidden}.treasure-box:disabled{cursor:default}.closed-state,.open-state,.earned-state{justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex}.treasure-box:not(:disabled) .closed-state{background:linear-gradient(135deg,#f6d365 0%,#fda085 100%);box-shadow:0 4px 15px #fda0854d,inset 0 -4px 8px #0000001a}.box-icon{font-size:48px}.treasure-box:not(:disabled):hover .closed-state{transform:scale(1.05)rotate(-2deg);box-shadow:0 8px 25px #fda08566}.treasure-box:not(:disabled):active .closed-state{transform:scale(.98)}.treasure-box.opened .closed-state{display:none}.treasure-box.opened .open-state{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.word-in-box{text-transform:capitalize;text-align:center;padding:.5rem;font-size:18px;font-weight:700}.treasure-box.earned .open-state{display:none}.treasure-box.earned .earned-state{background:linear-gradient(135deg,#84fab0 0%,#8fd3f4 100%);animation:.6s earnedPulse}@keyframes earnedPulse{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.earned-icon{font-size:44px;animation:.8s earnedSpin}@keyframes earnedSpin{0%{transform:rotate(0)scale(.5)}to{transform:rotate(360deg)scale(1)}}.reveal-panel{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;margin:2rem 0;padding:2rem 1.5rem;animation:.4s slideIn}.reveal-content{max-width:400px;margin:0 auto}.say-prompt{opacity:.9;margin:0 0 1rem;font-size:16px}.revealed-word{text-transform:capitalize;margin-bottom:2rem;font-size:48px;font-weight:700;animation:.5s wordReveal}@keyframes wordReveal{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.said-it-btn{color:#fff;cursor:pointer;background:#ffffff26;border:2px solid #fff;border-radius:10px;padding:1rem 2rem;font-family:inherit;font-size:18px;font-weight:700;transition:all .3s}.said-it-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.said-it-btn:active{transform:translateY(0)}.game-actions{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.restart-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;padding:1rem 2rem;font-family:inherit;font-size:16px;font-weight:700;transition:all .3s}.restart-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}@media (width<=768px){.treasures-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.revealed-word,.box-icon{font-size:36px}.word-in-box{font-size:14px}}.app-container{flex-direction:column;min-height:100vh;display:flex}.screen{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1rem}button:focus-visible{outline-offset:2px;outline:3px solid #667eea}@media (width<=768px){button{min-width:44px;min-height:44px}}*{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.screen{padding-top:30px}.app-nav{justify-content:space-between;align-items:center;gap:15px;width:100%;max-width:1130px;margin:auto;padding:22px 20px 0;display:flex}.app-home{color:#57418c;min-height:44px;font-size:20px;font-weight:900}.practice-steps{color:#776e85;flex-wrap:wrap;gap:8px;font-size:12px;list-style:none;display:flex}.practice-steps li{background:#f0ebe3;border-radius:20px;padding:7px 12px}.practice-steps .current{color:#57418c;background:#e6daf8;font-weight:800}.category-selector,.game-selector{text-align:center}.category-card{color:#57418c;background:#ece3fa;border:2px solid #d5c7f1;border-radius:24px;box-shadow:0 5px #d5c7f1}.category-symbol{color:#9b78d2;margin-bottom:10px;font-size:32px;display:block}.category-hint{margin-top:8px;font-size:12px;font-weight:500;display:block}.game-card{color:#343047;background:#ece3fa;border:2px solid #d5c7f1;border-radius:26px;box-shadow:0 5px #d5c7f1}.game-card:nth-child(2){background:#ffeadf;border-color:#f5ceba;box-shadow:0 5px #f5ceba}.game-card:nth-child(3){background:#e6eee2;border-color:#cbdcbc;box-shadow:0 5px #cbdcbc}.game-icon{margin-bottom:18px;font-size:52px;display:block}.game-description{color:#625a70}.game-play{margin-top:25px;font-size:14px;font-weight:800;display:block}.session-header{color:#57418c;background:#e9def8;border:2px solid #d5c7f1;border-radius:20px}.session-details{background:#f0eafa}@media (width<=600px){.app-nav{flex-direction:column;align-items:flex-start}.practice-steps{gap:5px}.practice-steps li{padding:6px 9px}.screen{padding-top:10px}}.app-nav{z-index:10;background:#fffcf5;border-bottom:1px solid #e9e3d7;padding-bottom:16px;position:sticky;top:0}.app-home{background:#fff;border:2px solid #d5c7f1;border-radius:16px;padding:8px 16px;font-size:15px}.back-to-games{color:#57418c;background:#e9def8;border-radius:16px;margin-bottom:18px;padding:12px 18px;font-weight:800;display:block}.stories-nav-label{color:#57418c;font-weight:800}.app-nav-actions{gap:10px;display:flex}