.hero{text-align:center;padding:4rem 2rem 3rem;max-width:800px;margin:0 auto}.hero-title{font-family:Fraunces,serif;font-size:clamp(3rem,8vw,5rem);font-weight:900;color:var(--terracotta);text-shadow:4px 4px 0 var(--deep-blue);line-height:1.1;transform:rotate(-1deg);margin-bottom:1.5rem}.hero-title span{display:block;font-size:.35em;font-weight:400;font-style:italic;color:var(--deep-blue);text-shadow:none;transform:rotate(1deg);margin-top:.5rem}.hero-subtitle{font-size:1.2rem;color:var(--deep-blue);opacity:.8;line-height:1.6;max-width:500px;margin:0 auto}.games-container{max-width:1200px;margin:0 auto;padding:0 2rem 4rem}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem}.game-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-medium);transition:all .3s ease;display:flex;flex-direction:column;position:relative}.game-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-dramatic)}.game-card:hover .game-card-arrow{transform:translate(5px);opacity:1}.game-card-coming{opacity:.7;cursor:default}.game-card-coming:hover{transform:none;box-shadow:var(--shadow-medium)}.game-card-image{height:140px;background:linear-gradient(135deg,var(--mustard) 0%,var(--terracotta) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.game-card-characters{display:flex;gap:-20px}.game-card-characters img{width:80px;height:80px;border-radius:50%;border:4px solid white;object-fit:cover;object-position:top center;margin-left:-20px;box-shadow:var(--shadow-soft);transition:transform .3s ease}.game-card-characters img:first-child{margin-left:0}.game-card:hover .game-card-characters img{transform:scale(1.1)}.game-card:hover .game-card-characters img:nth-child(1){transform:scale(1.1) rotate(-5deg)}.game-card:hover .game-card-characters img:nth-child(2){transform:scale(1.15) translateY(-5px)}.game-card:hover .game-card-characters img:nth-child(3){transform:scale(1.1) rotate(5deg)}.game-card-emoji{font-size:4rem;filter:grayscale(30%)}.game-card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column;gap:.75rem}.game-card-level{display:inline-block;background:var(--sage);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:100px;width:fit-content}.game-card-coming .game-card-level{background:var(--cream-dark);color:var(--deep-blue)}.game-card-title{font-family:Fraunces,serif;font-size:1.5rem;font-weight:700;color:var(--deep-blue);line-height:1.2}.game-card-description{font-size:.95rem;color:var(--deep-blue);opacity:.7;line-height:1.5;flex:1}.game-card-topics{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.topic-tag{background:var(--cream);color:var(--deep-blue);font-size:.8rem;padding:.35rem .75rem;border-radius:100px}.game-card-arrow{position:absolute;bottom:1.5rem;right:1.5rem;font-size:1.5rem;color:var(--terracotta);opacity:.5;transition:all .3s ease}.game-card-badge{position:absolute;top:1rem;right:1rem;background:var(--deep-blue);color:#fff;font-size:.75rem;font-weight:700;padding:.4rem 1rem;border-radius:100px}.footer{text-align:center;padding:2rem;color:var(--deep-blue);opacity:.6;font-size:.95rem}.footer-links{margin:.75rem 0}.footer-link{color:var(--terracotta);text-decoration:none;font-size:.85rem;transition:opacity .2s ease}.footer-link:hover{text-decoration:underline}.copyright{margin-top:.5rem;font-size:.85rem}@media(max-width:700px){.hero{padding:3rem 1.5rem 2rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.games-container{padding:0 1rem 3rem}.games-grid{grid-template-columns:1fr;gap:1.5rem}.game-card-characters img{width:60px;height:60px}}@media(max-width:400px){.hero-title{font-size:2rem}.game-card-title{font-size:1.25rem}}.screen{min-height:100vh;padding:2rem;display:flex;flex-direction:column;align-items:center;animation:fadeIn .5s ease}.home-link{position:absolute;top:1.5rem;left:1.5rem;font-size:1rem;color:var(--deep-blue);padding:.5rem 1rem;background:#fff;border-radius:100px;box-shadow:var(--shadow-soft);transition:all .2s ease}.home-link:hover{background:var(--deep-blue);color:#fff;transform:translate(-3px)}.start-screen{justify-content:center;text-align:center;gap:2rem}.tutorial-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:3px solid var(--mustard);border-radius:100px;font-family:Fraunces,serif;font-size:1.1rem;font-weight:600;color:var(--deep-blue);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-soft)}.tutorial-btn:hover{background:var(--mustard);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.tutorial-btn svg{font-size:1.3rem}.tutorial-overlay{position:fixed;inset:0;background:#3d405be6;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;animation:fadeIn .3s ease;overflow-y:auto}.tutorial-content{position:relative;background:var(--cream);border-radius:24px;padding:2rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-dramatic)}.tutorial-close{position:absolute;top:1rem;right:1rem;background:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-soft)}.tutorial-close:hover{background:var(--terracotta);color:#fff;transform:rotate(90deg)}.tutorial-close svg{font-size:1.2rem}.tutorial-title{display:flex;align-items:center;gap:.75rem;font-family:Fraunces,serif;font-size:2rem;color:var(--deep-blue);margin-bottom:1rem}.tutorial-title svg{color:var(--mustard-dark)}.tutorial-intro{font-size:1.1rem;line-height:1.6;color:var(--deep-blue);margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:12px}.tutorial-section{margin-bottom:1.5rem;padding:1rem;border-radius:16px}.tutorial-section h3{display:flex;align-items:center;gap:.5rem;font-family:Fraunces,serif;font-size:1.3rem;margin-bottom:.75rem}.tutorial-section ul{list-style:none;padding:0;margin:0}.tutorial-section li{padding:.5rem 0;border-bottom:1px solid rgba(61,64,91,.1);line-height:1.5}.tutorial-section li:last-child{border-bottom:none}.ser-section{background:#3d405b1a}.ser-section h3{color:var(--deep-blue)}.estar-section{background:#e07a5f26}.estar-section h3{color:var(--terracotta)}.tutorial-tip{padding:1rem;background:var(--mustard);border-radius:12px;margin-bottom:1.5rem;line-height:1.5}.tutorial-start{width:100%;font-size:1.2rem;padding:1rem}.conjugation-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem}.conjugation-table th,.conjugation-table td{padding:.5rem;text-align:center;border:1px solid rgba(61,64,91,.2)}.conjugation-table th{background:var(--deep-blue);color:#fff;font-weight:600}.conjugation-table td:first-child{background:var(--cream-dark);font-weight:600;color:var(--deep-blue)}.conjugation-table strong{color:var(--terracotta)}@media(max-width:600px){.tutorial-content{padding:1.5rem;border-radius:16px}.tutorial-title{font-size:1.5rem}.tutorial-section h3{font-size:1.1rem}}.game-title{font-family:Fraunces,serif;font-size:clamp(3rem,8vw,6rem);font-weight:900;color:var(--terracotta);text-shadow:4px 4px 0 var(--deep-blue);line-height:1.1;transform:rotate(-2deg)}.game-title span{display:block;font-size:.4em;font-weight:400;font-style:italic;color:var(--deep-blue);text-shadow:none;transform:rotate(2deg);margin-top:.5rem}.subtitle{font-size:1.3rem;color:var(--deep-blue);max-width:500px;line-height:1.6;opacity:.8}.characters-preview{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:1rem 0}.character-preview{width:140px;height:140px;border-radius:50%;overflow:hidden;box-shadow:var(--shadow-medium);transition:transform .3s ease;animation:float 3s ease-in-out infinite;border:4px solid white}.character-preview img{width:100%;height:100%;object-fit:cover;object-position:top center}.character-preview:nth-child(1){animation-delay:0s}.character-preview:nth-child(2){animation-delay:.2s}.character-preview:nth-child(3){animation-delay:.4s}.character-preview:nth-child(4){animation-delay:.6s}.character-preview:nth-child(5){animation-delay:.8s}.character-preview:nth-child(6){animation-delay:1s}.character-preview:nth-child(7){animation-delay:1.2s}.character-preview:nth-child(8){animation-delay:1.4s}.character-preview:hover{transform:scale(1.2) rotate(5deg)}.difficulty-toggle{display:flex;gap:1rem;justify-content:center;margin:1rem 0}.difficulty-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 1.5rem;background:#fff;border:3px solid var(--deep-blue);border-radius:16px;cursor:pointer;transition:all .3s ease;min-width:140px}.difficulty-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-medium)}.difficulty-btn.active{background:var(--mustard);border-color:var(--mustard-dark);transform:scale(1.05)}.difficulty-icon{width:2rem;height:2rem;color:var(--terracotta)}.difficulty-label{font-family:Fraunces,serif;font-size:1.1rem;font-weight:700;color:var(--deep-blue)}.difficulty-desc{font-size:.75rem;color:var(--deep-blue);opacity:.7}.difficulty-badge{width:1.2em;height:1.2em;margin-left:.5rem;vertical-align:middle;color:var(--mustard-dark)}.level-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.level-btn{font-family:DM Sans,sans-serif;font-size:1rem;padding:1rem 2rem;border:3px solid var(--deep-blue);background:#fff;border-radius:15px;cursor:pointer;transition:all .3s ease;text-align:left}.level-btn:hover{transform:translate(10px);background:var(--mustard)}.level-btn .level-num{font-family:Fraunces,serif;font-weight:900;color:var(--terracotta);margin-right:.5rem}.game-screen{padding:2rem 1rem 1rem;gap:1.5rem;justify-content:flex-start}.game-header{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border-radius:20px;box-shadow:var(--shadow-soft);flex-wrap:wrap;gap:.5rem}.level-indicator{font-family:Fraunces,serif;font-size:1.2rem;font-weight:700;color:var(--terracotta)}.score-display{font-size:1.1rem;font-weight:700}.score-display span{color:var(--sage)}.timer-display{font-family:Fraunces,serif;font-size:1.5rem;font-weight:900;color:var(--terracotta);padding:.5rem 1.5rem;background:var(--mustard);border-radius:100px;display:none}.timer-display.active{display:block;animation:pulse 1s ease-in-out infinite}.timer-display.warning{background:var(--terracotta);color:#fff}.back-btn{font-size:1rem;padding:.5rem 1rem;background:var(--cream);border:2px solid var(--deep-blue);border-radius:10px;cursor:pointer;transition:all .2s}.back-btn:hover{background:var(--deep-blue);color:#fff}.progress-container{width:100%;max-width:400px;height:10px;background:var(--cream-dark);border-radius:100px;overflow:hidden;margin-top:.5rem}.progress-bar{height:100%;background:linear-gradient(90deg,var(--sage),var(--terracotta));border-radius:100px;transition:width .5s ease}.game-area{background:#fff;border-radius:25px;padding:2rem;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;align-items:center;gap:2rem;min-height:400px;width:100%;max-width:800px}.scene-display{display:flex;align-items:center;justify-content:center;gap:2rem;padding:2rem 2rem 3rem;background:var(--cream);border-radius:20px;width:100%}.scene-characters{display:flex;align-items:center;gap:.5rem}.scene-char{width:120px;height:120px;border-radius:50%;overflow:hidden;position:relative;border:4px solid white;box-shadow:var(--shadow-soft)}.scene-char img{width:100%;height:100%;object-fit:cover;object-position:top center}.scene-char-name{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);font-size:1rem;font-weight:700;color:var(--deep-blue);white-space:nowrap}.scene-arrow{font-size:1.5rem;color:var(--deep-blue);opacity:.5;margin:0 .25rem}.scene-owner{display:flex;align-items:center;gap:.5rem;margin-left:1rem;padding-left:1rem;border-left:2px dashed rgba(61,64,91,.3)}.owner-label{font-size:.85rem;color:var(--deep-blue);opacity:.6;font-style:italic}.scene-char.owner{border:3px dashed var(--terracotta);box-shadow:0 0 10px #e07a5f66}.scene-item-container{display:flex;flex-direction:column;align-items:center}.scene-item{font-size:3rem;padding:1rem;background:var(--mustard);border-radius:15px}.scene-item-name{font-size:.9rem;color:var(--deep-blue);opacity:.7;margin-top:.25rem;text-align:center}.sentence-builder{font-size:1.6rem;font-weight:500;text-align:center;line-height:2;padding:1rem}.sentence-blank{display:inline-block;min-width:100px;height:45px;border-bottom:4px solid var(--terracotta);margin:0 .25rem;vertical-align:bottom;position:relative;transition:all .3s ease}.sentence-blank.filled{background:var(--sage);color:#fff;border-radius:10px;border-bottom:none;padding:.25rem 1rem}.sentence-blank.wrong{background:var(--terracotta);animation:wrongShake .5s ease}.translation-hints{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.5rem}.hint-word{position:relative;cursor:pointer;padding:.3rem .6rem;background:#3d405b14;border-radius:8px;font-size:.85rem;color:var(--deep-blue);transition:all .2s ease;-webkit-user-select:none;user-select:none}.hint-word:hover{background:#3d405b26}.hint-word:active{transform:scale(.95)}.hint-word .hint-translation{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(10px);background:var(--terracotta);color:#fff;padding:.4rem .8rem;border-radius:8px;font-size:.8rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:10;pointer-events:none}.hint-word .hint-translation:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--terracotta)}.hint-word.show-translation .hint-translation{opacity:1;visibility:visible;transform:translate(-50%) translateY(-5px)}.hint-word.show-translation{background:var(--terracotta);color:#fff}.pronoun-choices{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.pronoun-btn{font-family:Fraunces,serif;font-size:1.3rem;font-weight:700;padding:.75rem 1.5rem;background:#fff;border:3px solid var(--deep-blue);border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:80px}.pronoun-btn:hover:not(:disabled){background:var(--mustard);transform:translateY(-3px);box-shadow:var(--shadow-medium)}.pronoun-btn:active:not(:disabled){transform:translateY(0)}.pronoun-btn.correct{background:var(--sage);border-color:var(--sage);color:#fff;animation:correctPulse .5s ease}.pronoun-btn.wrong{background:var(--terracotta);border-color:var(--terracotta);color:#fff;animation:wrongShake .5s ease}.pronoun-btn:disabled{cursor:not-allowed;opacity:.6}.pronoun-input-container{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:400px}.pronoun-input-form{display:flex;gap:.75rem;width:100%}.pronoun-input{flex:1;font-family:Fraunces,serif;font-size:1.4rem;font-weight:700;padding:.75rem 1.25rem;border:3px solid var(--deep-blue);border-radius:12px;text-align:center;background:#fff;color:var(--deep-blue);transition:all .2s ease;outline:none}.pronoun-input:focus{border-color:var(--terracotta);box-shadow:0 0 0 3px #e07a5f33}.pronoun-input::placeholder{color:var(--deep-blue);opacity:.4;font-weight:400}.pronoun-input.correct{background:var(--sage);border-color:var(--sage);color:#fff;animation:correctPulse .5s ease}.pronoun-input.wrong{background:var(--terracotta);border-color:var(--terracotta);color:#fff;animation:wrongShake .5s ease}.pronoun-submit-btn{font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;background:var(--terracotta);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pronoun-submit-btn:hover:not(:disabled){background:var(--terracotta-dark);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.pronoun-submit-btn:disabled{opacity:.5;cursor:not-allowed}.correct-answer-hint{font-size:1rem;color:var(--deep-blue);padding:.75rem 1.25rem;background:var(--cream);border-radius:100px;animation:fadeIn .3s ease}.correct-answer-hint strong{color:var(--sage);font-family:Fraunces,serif;font-size:1.1em}.context-hint{font-size:.95rem;color:var(--deep-blue);opacity:.7;text-align:center;padding:.75rem 1.5rem;background:var(--cream);border-radius:100px;margin-top:auto}.context-hint strong{color:var(--terracotta)}.feedback-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#3d405be6;display:none;align-items:center;justify-content:center;z-index:1000}.feedback-overlay.active{display:flex;animation:fadeIn .3s ease}.feedback-card{background:#fff;padding:3rem;border-radius:30px;text-align:center;max-width:500px;box-shadow:var(--shadow-dramatic)}.feedback-emoji{font-size:5rem;margin-bottom:1rem}.feedback-icon{margin-bottom:1rem}.feedback-icon svg{width:5rem;height:5rem}.feedback-correct{color:var(--sage)}.feedback-wrong{color:var(--terracotta)}.feedback-title{font-family:Fraunces,serif;font-size:2rem;margin-bottom:.5rem}.feedback-explanation{background:var(--cream);padding:1rem;border-radius:15px;margin-bottom:1.5rem;font-size:1rem;text-align:left}.feedback-explanation strong{color:var(--terracotta)}.results-screen{justify-content:center;text-align:center;gap:2rem}.results-title{font-family:Fraunces,serif;font-size:3rem;color:var(--terracotta)}.results-stats{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.stat-card{background:#fff;padding:2rem;border-radius:20px;box-shadow:var(--shadow-medium);min-width:150px}.stat-number{font-family:Fraunces,serif;font-size:3rem;font-weight:900;color:var(--sage)}.stat-label{font-size:1rem;color:var(--deep-blue);opacity:.7}.stars-display{display:flex;gap:.5rem;justify-content:center}.stars-display svg{width:3rem;height:3rem}.star-filled{color:var(--mustard)}.star-empty{color:var(--cream-dark)}.results-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.grammar-hint{position:fixed;bottom:1rem;right:1rem;background:#fff;padding:1rem;border-radius:15px;box-shadow:var(--shadow-medium);font-size:.85rem;max-width:300px;display:none;z-index:100}.grammar-hint.visible{display:block;animation:slideUp .3s ease}.grammar-hint-close{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;color:var(--deep-blue);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s ease}.grammar-hint-close:hover{opacity:1}.grammar-hint-close svg{width:18px;height:18px}.grammar-hint h4{font-family:Fraunces,serif;color:var(--terracotta);margin-bottom:.5rem}.grammar-table{width:100%;font-size:.8rem;border-collapse:collapse}.grammar-table td{padding:.25rem .5rem;border-bottom:1px solid var(--cream)}.grammar-table td:first-child{font-weight:700;color:var(--deep-blue)}.hint-toggle{position:fixed;bottom:1rem;right:1rem;background:var(--mustard);border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;box-shadow:var(--shadow-medium);z-index:99;transition:all .3s;display:flex;align-items:center;justify-content:center;color:var(--deep-blue)}.hint-toggle svg{width:1.5rem;height:1.5rem}.hint-toggle:hover{transform:scale(1.1)}@media(max-width:700px){.game-area{padding:1.5rem;gap:1.5rem}.scene-display{flex-direction:column;text-align:center}.sentence-builder{font-size:1.3rem}.pronoun-btn{padding:.6rem 1.2rem;font-size:1.1rem}.pronoun-input{font-size:1.2rem;padding:.6rem 1rem}.pronoun-submit-btn{padding:.6rem 1rem;font-size:.9rem}}@media(max-width:600px){.scene-char{width:90px;height:90px}.character-preview{width:100px;height:100px}.scene-char-name{font-size:.85rem;bottom:-24px}}@media(max-width:500px){.game-title{font-size:2.2rem}.scene-char{width:70px;height:70px}.character-preview{width:80px;height:80px}.scene-char-name{font-size:.75rem;bottom:-20px}.scene-item{font-size:2.5rem}.sentence-builder{font-size:1.1rem}.context-hint{font-size:.85rem;padding:.5rem 1rem}.difficulty-btn{min-width:110px;padding:.75rem 1rem}.difficulty-icon{width:1.5rem;height:1.5rem}.difficulty-label{font-size:1rem}.pronoun-input-form{flex-direction:column}.pronoun-submit-btn{width:100%}}.verbo-loco-title{color:var(--sage);text-shadow:4px 4px 0 var(--deep-blue)}.level-btn .level-subtitle{display:block;font-size:.8em;opacity:.7;font-style:italic;margin-top:.25rem}.verb-display{width:100%}.verb-scene{display:flex;align-items:center;justify-content:center;gap:2rem;padding:2rem;background:var(--cream);border-radius:20px}.verb-speakers{display:flex;align-items:center}.verb-speakers.plural{flex-direction:row}.verb-speakers.plural .scene-char{width:75px;height:75px;margin-left:-15px;border:3px solid white;box-shadow:var(--shadow-soft)}.verb-speakers.plural .scene-char:first-child{margin-left:0}.verb-info{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2rem;background:#fff;border-radius:16px;box-shadow:var(--shadow-soft);min-width:200px}.verb-pronoun{font-family:Fraunces,serif;font-size:2rem;font-weight:900;color:var(--terracotta)}.verb-infinitive{font-family:Fraunces,serif;font-size:1.5rem;font-weight:700;color:var(--deep-blue)}.verb-translation{font-size:.95rem;color:var(--deep-blue);opacity:.6}.verb-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;max-width:400px}.verb-btn{font-size:1.2rem;min-width:auto}.grammar-table thead th{font-family:Fraunces,serif;font-size:.9rem;font-weight:700;color:var(--terracotta);padding:.5rem .75rem;text-align:center;border-bottom:2px solid var(--cream-dark)}.grammar-table tbody td{text-align:center;padding:.4rem .5rem}.grammar-table tbody td:first-child{text-align:left;color:var(--sage)}@media(max-width:600px){.verb-scene{flex-direction:column;gap:1rem;padding:1.5rem}.verb-speakers.plural .scene-char{width:60px;height:60px;margin-left:-12px}.verb-info{min-width:auto;width:100%;padding:1rem}.verb-pronoun{font-size:1.5rem}.verb-infinitive{font-size:1.2rem}.verb-choices{grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%}.verb-btn{font-size:1rem;padding:.6rem .75rem}}.elola-title{color:var(--deep-blue);text-shadow:4px 4px 0 var(--terracotta)}.emoji-preview{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:1rem 0}.preview-item{font-size:3.5rem;padding:.75rem;background:#fff;border-radius:50%;box-shadow:var(--shadow-soft);animation:float 3s ease-in-out infinite}.preview-item:nth-child(1){animation-delay:0s}.preview-item:nth-child(2){animation-delay:.2s}.preview-item:nth-child(3){animation-delay:.4s}.preview-item:nth-child(4){animation-delay:.6s}.preview-item.masculine{border:4px solid var(--deep-blue)}.preview-item.feminine{border:4px solid var(--terracotta)}.gender-legend{display:flex;gap:2rem;justify-content:center;margin:1rem 0}.gender-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 2rem;border-radius:16px;background:#fff;box-shadow:var(--shadow-soft)}.gender-item svg{font-size:2rem}.gender-item span{font-family:Fraunces,serif;font-size:1.5rem;font-weight:700}.gender-item small{font-size:.75rem;opacity:.7}.gender-item.masculine{border:3px solid var(--deep-blue);color:var(--deep-blue)}.gender-item.feminine{border:3px solid var(--terracotta);color:var(--terracotta)}.elola-game-area{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:500px}.word-display{position:relative;width:100%}.word-scene{display:flex;align-items:center;justify-content:center;gap:1.5rem;background:#fff;padding:2rem;border-radius:24px;box-shadow:var(--shadow-medium)}.word-emoji{font-size:5rem;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.word-bubble{display:flex;flex-direction:column;align-items:center;gap:.5rem}.article-blank{font-family:Fraunces,serif;font-size:2rem;color:var(--mustard-dark);font-weight:700}.word-text{font-family:Fraunces,serif;font-size:3rem;font-weight:700;color:var(--deep-blue)}.exception-badge{position:absolute;top:-10px;right:-10px;background:var(--mustard);color:var(--deep-blue);font-family:Fraunces,serif;font-size:.9rem;font-weight:700;padding:.5rem 1rem;border-radius:100px;box-shadow:var(--shadow-soft);animation:pulse 2s infinite}.article-choices{display:flex;gap:1.5rem;width:100%}.article-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;border:none;border-radius:20px;cursor:pointer;transition:all .2s ease;font-family:Fraunces,serif;box-shadow:var(--shadow-soft)}.article-btn.masculine{background:linear-gradient(135deg,var(--deep-blue),#4a4d6f);color:#fff}.article-btn.feminine{background:linear-gradient(135deg,var(--terracotta),var(--terracotta-dark));color:#fff}.article-btn:hover:not(:disabled){transform:translateY(-5px) scale(1.02);box-shadow:var(--shadow-dramatic)}.article-btn:disabled{cursor:not-allowed;opacity:.7}.article-btn.correct{background:var(--sage)!important;animation:correctPulse .5s ease}.article-btn.wrong{background:var(--terracotta-dark)!important;animation:wrongShake .5s ease}.article-icon{font-size:2.5rem}.article-text{font-size:2rem;font-weight:700;text-transform:uppercase}.ending-hint{display:inline-block;margin-left:.5rem;padding:.25rem .5rem;background:var(--cream-dark);border-radius:100px;font-size:.9rem}.elola-hint{max-width:320px}.grammar-rules-list{display:flex;flex-direction:column;gap:.5rem}.grammar-rule{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#ffffff80;border-radius:8px;font-size:.85rem}.grammar-rule.exception{background:#f2cc8f4d}.rule-pattern{font-family:Fraunces,serif;font-weight:700;min-width:70px}.rule-gender{font-family:Fraunces,serif;font-weight:700;padding:.15rem .5rem;border-radius:100px;font-size:.75rem}.rule-gender.masculine{background:var(--deep-blue);color:#fff}.rule-gender.feminine{background:var(--terracotta);color:#fff}.rule-example{color:var(--deep-blue);opacity:.7;font-size:.8rem}@media(max-width:600px){.word-scene{flex-direction:column;padding:1.5rem;gap:1rem}.word-emoji{font-size:4rem}.word-text{font-size:2.2rem}.article-choices{gap:1rem}.article-btn{padding:1rem}.article-icon{font-size:2rem}.article-text{font-size:1.5rem}.gender-legend{gap:1rem}.gender-item{padding:.75rem 1.25rem}.gender-item span{font-size:1.2rem}}.hint-btn-text{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:2px solid var(--mustard);border-radius:100px;color:var(--mustard-dark);font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.hint-btn-text:hover{background:var(--mustard);color:var(--deep-blue);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.hint-btn-text svg{width:20px;height:20px}.hint-revealed{animation:fadeIn .3s ease;cursor:pointer}.hint-revealed .hint-icon{color:var(--mustard);margin-right:.5rem;vertical-align:middle}.hint-revealed-inline{display:inline-flex;align-items:center;gap:.25rem;margin-left:.5rem;padding:.25rem .75rem;background:var(--mustard);color:var(--deep-blue);border-radius:100px;font-weight:600;animation:fadeIn .3s ease;cursor:pointer}.hint-revealed-inline .hint-icon{width:16px;height:16px}.verb-choices-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.world-preview{display:flex;gap:2rem;margin:1rem 0}.world-half{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 3rem;border-radius:20px;transition:all .3s ease}.ser-world-preview{background:linear-gradient(135deg,#81b29a33,#81b29a1a);border:3px solid var(--sage)}.estar-world-preview{background:linear-gradient(135deg,#e07a5f33,#e07a5f1a);border:3px solid var(--terracotta)}.world-half:hover{transform:scale(1.05);box-shadow:var(--shadow-medium)}.world-icon{width:3rem;height:3rem}.ser-world-preview .world-icon{color:var(--sage)}.estar-world-preview .world-icon{color:var(--terracotta)}.world-label{font-family:Fraunces,serif;font-size:1.1rem;font-weight:700;color:var(--deep-blue)}.level-btn .level-subtitle{display:block;font-size:.8rem;color:var(--deep-blue);opacity:.6;margin-top:.25rem}.ser-estar-area{position:relative;padding-top:4rem}.world-indicators{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:0 1rem;pointer-events:none}.world-indicator{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1.5rem;border-radius:15px;opacity:.4;transition:all .3s ease}.world-indicator.active{opacity:1;transform:scale(1.1)}.ser-indicator{background:var(--sage);color:#fff}.estar-indicator{background:var(--terracotta);color:#fff}.indicator-icon{width:1.5rem;height:1.5rem}.indicator-label{font-family:Fraunces,serif;font-weight:900;font-size:1rem}.phrase-card{background:#fff;border-radius:25px;padding:2rem;box-shadow:var(--shadow-medium);display:flex;flex-direction:column;align-items:center;gap:1.5rem;min-width:320px;max-width:500px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y}.phrase-card.dragging{cursor:grabbing;box-shadow:var(--shadow-dramatic)}.phrase-card.fly-left{animation:flyLeft .4s ease forwards}.phrase-card.fly-right{animation:flyRight .4s ease forwards}.phrase-card.shake{animation:wrongShake .5s ease}@keyframes flyLeft{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-200%) rotate(-30deg);opacity:0}}@keyframes flyRight{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(200%) rotate(30deg);opacity:0}}.card-character{display:flex;flex-direction:column;align-items:center;gap:.5rem}.card-character img{width:80px;height:80px;border-radius:50%;object-fit:cover;object-position:top center;border:3px solid var(--mustard);box-shadow:var(--shadow-soft)}.card-character .character-name{font-family:Fraunces,serif;font-size:.9rem;font-weight:700;color:var(--deep-blue)}.sentence-display{text-align:center}.sentence-text{font-size:1.4rem;font-weight:500;color:var(--deep-blue);line-height:1.8}.sentence-text .hint-word{cursor:pointer;padding:.1rem .3rem;border-radius:5px;transition:all .2s}.sentence-text .hint-word:hover{background:#3d405b1a}.card-hint-badge{background:var(--mustard);color:var(--deep-blue);padding:.5rem 1rem;border-radius:100px;font-size:.85rem;font-weight:600;animation:fadeIn .3s ease;cursor:pointer}.choice-buttons{display:flex;gap:1rem;align-items:center;margin-top:1rem}.choice-btn{font-family:Fraunces,serif;font-size:1.2rem;font-weight:900;padding:1rem 2rem;border-radius:15px;border:3px solid;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.choice-btn svg{width:1.4rem;height:1.4rem}.ser-btn{background:#fff;border-color:var(--sage);color:var(--sage)}.ser-btn:hover:not(:disabled){background:var(--sage);color:#fff;transform:translateY(-3px);box-shadow:var(--shadow-medium)}.estar-btn{background:#fff;border-color:var(--terracotta);color:var(--terracotta)}.estar-btn:hover:not(:disabled){background:var(--terracotta);color:#fff;transform:translateY(-3px);box-shadow:var(--shadow-medium)}.choice-btn.correct{background:var(--sage)!important;border-color:var(--sage)!important;color:#fff!important;animation:correctPulse .5s ease}.choice-btn.wrong{background:var(--terracotta-dark)!important;border-color:var(--terracotta-dark)!important;color:#fff!important;animation:wrongShake .5s ease}.choice-btn:disabled{cursor:not-allowed;opacity:.7}.hint-btn{width:50px;height:50px;border-radius:50%;border:2px solid var(--mustard);background:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:var(--mustard-dark)}.hint-btn svg{width:1.4rem;height:1.4rem}.hint-btn:hover:not(:disabled){background:var(--mustard);transform:scale(1.1)}.hint-btn:disabled{opacity:.5;cursor:not-allowed}.question-counter{font-family:Fraunces,serif;font-size:1rem;color:var(--deep-blue);opacity:.6;margin-top:1rem}.combo-badge{background:var(--mustard);color:var(--deep-blue);padding:.2rem .6rem;border-radius:100px;font-size:.85rem;font-weight:700;margin-left:.5rem;animation:pulse .5s ease}.ser-estar-rules{max-width:350px}.rules-columns{display:flex;gap:1rem}.rule-column{flex:1;padding:.75rem;border-radius:10px}.ser-column{background:#81b29a26}.estar-column{background:#e07a5f26}.rule-column strong{display:flex;align-items:center;gap:.3rem;margin-bottom:.5rem;font-family:Fraunces,serif}.rule-icon{width:1rem;height:1rem}.feedback-verb-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;margin-right:.5rem;vertical-align:middle}.feedback-verb-icon.ser{background:var(--sage);color:#fff}.feedback-verb-icon.estar{background:var(--terracotta);color:#fff}.feedback-verb-icon svg{width:1rem;height:1rem}.rule-column ul{list-style:none;padding:0;margin:0;font-size:.8rem}.rule-column li{padding:.15rem 0;color:var(--deep-blue)}@media(max-width:600px){.world-preview{flex-direction:column;gap:1rem}.world-half{padding:1.5rem 2rem}.phrase-card{min-width:280px;padding:1.5rem}.sentence-text{font-size:1.2rem}.choice-btn{padding:.75rem 1.25rem;font-size:1rem}.world-indicators{padding:0 .5rem}.world-indicator{padding:.5rem .75rem}.indicator-label{font-size:.8rem}.indicator-icon{width:1.2rem;height:1.2rem}}@media(max-width:400px){.choice-buttons{flex-wrap:wrap;justify-content:center}}.por-para-preview{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.por-para-preview .world-half{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2rem;border-radius:20px;transition:transform .3s ease}.por-para-preview .por-world-preview{background:linear-gradient(135deg,var(--terracotta) 0%,var(--terracotta-dark) 100%);color:#fff}.por-para-preview .para-world-preview{background:linear-gradient(135deg,var(--sage) 0%,var(--sage-dark) 100%);color:#fff}.por-para-preview .world-icon{width:48px;height:48px}.por-para-preview .world-label{font-family:Fraunces,serif;font-weight:700;font-size:1.5rem}.por-para-area{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem}.sentence-character{display:flex;flex-direction:column;align-items:center;gap:.5rem}.sentence-character img{width:80px;height:80px;border-radius:50%;object-fit:cover;object-position:top center;border:4px solid white;box-shadow:var(--shadow-medium)}.sentence-character .character-name{font-family:Fraunces,serif;font-weight:600;color:var(--deep-blue);font-size:.9rem}.por-para-game .sentence-card{background:#fff;border-radius:24px;padding:2rem;box-shadow:var(--shadow-medium);max-width:500px;width:100%;position:relative;transition:transform .3s ease,box-shadow .3s ease}.por-para-game .sentence-card.correct-fly{animation:cardCorrect .5s ease forwards}.por-para-game .sentence-card.wrong-shake{animation:cardWrong .5s ease}.por-para-sentence{text-align:center}.por-para-sentence .sentence-text{font-family:Fraunces,serif;font-size:1.5rem;font-weight:500;color:var(--deep-blue);margin:0 0 1rem;line-height:1.5}.por-para-sentence .blank-highlight{display:inline-block;background:linear-gradient(135deg,var(--mustard) 0%,var(--mustard-dark) 100%);padding:.2rem .8rem;border-radius:8px;font-weight:700;color:var(--deep-blue);margin:0 .25rem}.por-para-sentence .sentence-translation{font-size:1rem;color:#666;margin:0;font-style:italic}.por-para-game .hint-badge{position:absolute;top:-10px;right:-10px;background:var(--mustard);color:var(--deep-blue);padding:.5rem 1rem;border-radius:100px;font-size:.85rem;font-weight:600;box-shadow:var(--shadow-soft);cursor:pointer}.por-para-choices{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap}.por-para-choices .choice-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:100px;font-family:Fraunces,serif;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:120px;justify-content:center}.por-para-choices .choice-btn svg{width:24px;height:24px}.por-para-choices .por-btn{background:linear-gradient(135deg,var(--terracotta) 0%,var(--terracotta-dark) 100%);color:#fff;box-shadow:0 4px 15px #e07a5f66}.por-para-choices .por-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #e07a5f80}.por-para-choices .para-btn{background:linear-gradient(135deg,var(--sage) 0%,var(--sage-dark) 100%);color:#fff;box-shadow:0 4px 15px #81b29a66}.por-para-choices .para-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #81b29a80}.por-para-choices .choice-btn:disabled{cursor:not-allowed;opacity:.7}.por-para-choices .choice-btn.correct{background:linear-gradient(135deg,#4caf50,#388e3c);animation:correctPulse .5s ease}.por-para-choices .choice-btn.wrong{background:linear-gradient(135deg,#f44336,#d32f2f);animation:wrongShake .5s ease}.por-para-choices .hint-btn{width:50px;height:50px;border-radius:50%;background:#fff;border:3px solid var(--mustard);color:var(--mustard-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.por-para-choices .hint-btn:hover:not(:disabled){background:var(--mustard);color:#fff;transform:scale(1.1)}.por-para-choices .hint-btn:disabled{opacity:.5;cursor:not-allowed}.por-para-choices .hint-btn svg{width:24px;height:24px}.por-para-rules{max-width:320px}.por-para-rules .rules-columns{display:flex;gap:1rem}.por-para-rules .rule-column{flex:1}.por-para-rules .rule-column strong{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1rem}.por-para-rules .por-column strong{color:var(--terracotta)}.por-para-rules .para-column strong{color:var(--sage-dark)}.por-para-rules .rule-icon{width:20px;height:20px}.por-para-rules ul{list-style:none;padding:0;margin:0;font-size:.8rem}.por-para-rules li{padding:.25rem 0;color:var(--deep-blue)}.feedback-sentence{font-family:Fraunces,serif;font-size:1.2rem;color:var(--deep-blue);margin:1rem 0;text-align:center}.feedback-sentence .answer-highlight{background:var(--mustard);padding:.1rem .5rem;border-radius:6px}.feedback-preposition{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .8rem;border-radius:100px;font-weight:700;margin-right:.5rem;font-size:.9rem}.feedback-preposition.por{background:var(--terracotta);color:#fff}.feedback-preposition.para{background:var(--sage);color:#fff}.feedback-preposition svg{width:16px;height:16px}.por-section h3{color:var(--terracotta)}.por-section h3 svg{vertical-align:middle;margin-right:.5rem}.para-section h3{color:var(--sage-dark)}.para-section h3 svg{vertical-align:middle;margin-right:.5rem}.tutorial-section em{color:var(--deep-blue);font-style:normal;font-weight:700}.question-counter{font-family:Fraunces,serif;font-size:1rem;color:var(--deep-blue);opacity:.7}@media(max-width:600px){.por-para-sentence .sentence-text{font-size:1.25rem}.por-para-choices .choice-btn{padding:.8rem 1.5rem;font-size:1.1rem;min-width:100px}.sentence-character img{width:60px;height:60px}}.hay-esta-preview{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.hay-esta-preview .world-half{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2rem;border-radius:20px;transition:transform .3s ease}.hay-esta-preview .hay-world-preview{background:linear-gradient(135deg,var(--mustard) 0%,var(--mustard-dark) 100%);color:var(--deep-blue)}.hay-esta-preview .estar-world-preview{background:linear-gradient(135deg,var(--sage) 0%,var(--sage-dark) 100%);color:#fff}.hay-esta-preview .world-icon{width:48px;height:48px}.hay-esta-preview .world-label{font-family:Fraunces,serif;font-weight:700;font-size:1.5rem}.hay-esta-area{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem}.hay-esta-game .sentence-character{display:flex;flex-direction:column;align-items:center;gap:.5rem}.hay-esta-game .sentence-character img{width:80px;height:80px;border-radius:50%;object-fit:cover;object-position:top center;border:4px solid white;box-shadow:var(--shadow-medium)}.hay-esta-game .sentence-character .character-name{font-family:Fraunces,serif;font-weight:600;color:var(--deep-blue);font-size:.9rem}.hay-esta-game .sentence-card{background:#fff;border-radius:24px;padding:2rem;box-shadow:var(--shadow-medium);max-width:500px;width:100%;position:relative;transition:transform .3s ease,box-shadow .3s ease}.hay-esta-game .sentence-card.correct-fly{animation:cardCorrect .5s ease forwards}.hay-esta-game .sentence-card.wrong-shake{animation:cardWrong .5s ease}.hay-esta-sentence{text-align:center}.hay-esta-sentence .sentence-text{font-family:Fraunces,serif;font-size:1.5rem;font-weight:500;color:var(--deep-blue);margin:0 0 1rem;line-height:1.5}.hay-esta-sentence .blank-highlight{display:inline-block;background:linear-gradient(135deg,var(--cream-dark) 0%,#ddd 100%);padding:.2rem .8rem;border-radius:8px;font-weight:700;color:var(--deep-blue);margin:0 .25rem;border:2px dashed var(--deep-blue)}.hay-esta-sentence .sentence-translation{font-size:1rem;color:#666;margin:0;font-style:italic}.hay-esta-game .hint-badge{position:absolute;top:-10px;right:-10px;background:var(--mustard);color:var(--deep-blue);padding:.5rem 1rem;border-radius:100px;font-size:.85rem;font-weight:600;box-shadow:var(--shadow-soft);cursor:pointer}.hay-esta-choices{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap}.hay-esta-choices .choice-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:100px;font-family:Fraunces,serif;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:130px;justify-content:center}.hay-esta-choices .choice-btn svg{width:24px;height:24px}.hay-esta-choices .hay-btn{background:linear-gradient(135deg,var(--mustard) 0%,var(--mustard-dark) 100%);color:var(--deep-blue);box-shadow:0 4px 15px #f2cc8f80}.hay-esta-choices .hay-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #f2cc8f99}.hay-esta-choices .estar-btn{background:linear-gradient(135deg,var(--sage) 0%,var(--sage-dark) 100%);color:#fff;box-shadow:0 4px 15px #81b29a66}.hay-esta-choices .estar-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #81b29a80}.hay-esta-choices .choice-btn:disabled{cursor:not-allowed;opacity:.7}.hay-esta-choices .choice-btn.correct{background:linear-gradient(135deg,#4caf50,#388e3c)!important;color:#fff!important;animation:correctPulse .5s ease}.hay-esta-choices .choice-btn.wrong{background:linear-gradient(135deg,#f44336,#d32f2f)!important;color:#fff!important;animation:wrongShake .5s ease}.hay-esta-choices .hint-btn{width:50px;height:50px;border-radius:50%;background:#fff;border:3px solid var(--mustard);color:var(--mustard-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.hay-esta-choices .hint-btn:hover:not(:disabled){background:var(--mustard);color:var(--deep-blue);transform:scale(1.1)}.hay-esta-choices .hint-btn:disabled{opacity:.5;cursor:not-allowed}.hay-esta-choices .hint-btn svg{width:24px;height:24px}.hay-esta-rules{max-width:320px}.hay-esta-rules .rules-columns{display:flex;gap:1rem}.hay-esta-rules .rule-column{flex:1}.hay-esta-rules .rule-column strong{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1rem}.hay-esta-rules .hay-column strong{color:var(--mustard-dark)}.hay-esta-rules .estar-column strong{color:var(--sage-dark)}.hay-esta-rules .rule-icon{width:20px;height:20px}.hay-esta-rules ul{list-style:none;padding:0;margin:0;font-size:.8rem}.hay-esta-rules li{padding:.25rem 0;color:var(--deep-blue)}.feedback-preposition.hay{background:var(--mustard);color:var(--deep-blue)}.feedback-preposition.estar{background:var(--sage);color:#fff}.hay-section h3{color:var(--mustard-dark)}.hay-section h3 svg{vertical-align:middle;margin-right:.5rem}.estar-section h3{color:var(--sage-dark)}.estar-section h3 svg{vertical-align:middle;margin-right:.5rem}.tutorial-section .tutorial-note{font-size:.85rem;color:var(--terracotta);font-weight:600;margin-top:.5rem}.hay-esta-game .question-counter{font-family:Fraunces,serif;font-size:1rem;color:var(--deep-blue);opacity:.7}@media(max-width:600px){.hay-esta-sentence .sentence-text{font-size:1.25rem}.hay-esta-choices .choice-btn{padding:.8rem 1.5rem;font-size:1.1rem;min-width:110px}.hay-esta-game .sentence-character img{width:60px;height:60px}}.donde-preview{display:flex;justify-content:center;margin:2rem 0}.prep-demo{background:linear-gradient(135deg,var(--cream) 0%,var(--cream-dark) 100%);border-radius:24px;padding:2rem 3rem;box-shadow:var(--shadow-medium)}.demo-icon-container{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.demo-center{color:var(--terracotta);width:40px;height:40px}.demo-icon{position:absolute;width:28px;height:28px;color:var(--deep-blue);animation:iconPulse 2s ease-in-out infinite}.demo-icon.up{top:0;left:50%;transform:translate(-50%);animation-delay:0s}.demo-icon.down{bottom:0;left:50%;transform:translate(-50%);animation-delay:.5s}.demo-icon.left{left:0;top:50%;transform:translateY(-50%);animation-delay:1s}.demo-icon.right{right:0;top:50%;transform:translateY(-50%);animation-delay:1.5s}@keyframes iconPulse{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.2)}}.demo-icon.left,.demo-icon.right{animation-name:iconPulseY}@keyframes iconPulseY{0%,to{opacity:.5;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}}.donde-esta-area{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem}.donde-esta-game .sentence-character{display:flex;flex-direction:column;align-items:center;gap:.5rem}.donde-esta-game .sentence-character img{width:80px;height:80px;border-radius:50%;object-fit:cover;object-position:top center;border:4px solid white;box-shadow:var(--shadow-medium)}.donde-esta-game .sentence-character .character-name{font-family:Fraunces,serif;font-weight:600;color:var(--deep-blue);font-size:.9rem}.donde-esta-game .sentence-card{background:#fff;border-radius:24px;padding:2rem;box-shadow:var(--shadow-medium);max-width:500px;width:100%;position:relative;transition:transform .3s ease,box-shadow .3s ease}.donde-esta-game .sentence-card.correct-fly{animation:cardCorrect .5s ease forwards}.donde-esta-game .sentence-card.wrong-shake{animation:cardWrong .5s ease}.donde-sentence{text-align:center}.donde-sentence .sentence-text{font-family:Fraunces,serif;font-size:1.4rem;font-weight:500;color:var(--deep-blue);margin:0 0 1rem;line-height:1.6}.donde-sentence .blank-highlight{display:inline-block;background:linear-gradient(135deg,var(--terracotta) 0%,var(--terracotta-dark) 100%);padding:.2rem .8rem;border-radius:8px;font-weight:700;color:#fff;margin:0 .25rem;min-width:80px}.donde-sentence .sentence-translation{font-size:1rem;color:#666;margin:0;font-style:italic}.donde-esta-game .hint-badge{position:absolute;top:-10px;right:-10px;background:var(--mustard);color:var(--deep-blue);padding:.5rem 1rem;border-radius:100px;font-size:.85rem;font-weight:600;box-shadow:var(--shadow-soft);cursor:pointer}.donde-choices{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;max-width:500px}.donde-choices .prep-btn{padding:.8rem 1.2rem;border:3px solid var(--deep-blue);border-radius:100px;font-family:Fraunces,serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:#fff;color:var(--deep-blue);box-shadow:var(--shadow-soft)}.donde-choices .prep-btn:hover:not(:disabled){transform:translateY(-3px);background:var(--cream);box-shadow:var(--shadow-medium)}.donde-choices .prep-btn:disabled{cursor:not-allowed;opacity:.8}.donde-choices .prep-btn.correct{background:linear-gradient(135deg,var(--sage) 0%,var(--sage-dark) 100%)!important;border-color:var(--sage-dark)!important;color:#fff!important;animation:correctPulse .5s ease}.donde-choices .prep-btn.wrong{background:linear-gradient(135deg,#f44336,#d32f2f)!important;border-color:#d32f2f!important;color:#fff!important;animation:wrongShake .5s ease}.hint-btn-standalone{width:50px;height:50px;border-radius:50%;background:#fff;border:3px solid var(--mustard);color:var(--mustard-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.hint-btn-standalone:hover{background:var(--mustard);color:var(--deep-blue);transform:scale(1.1)}.hint-btn-standalone svg{width:24px;height:24px}.donde-esta-rules{max-width:280px}.donde-esta-rules .rules-grid{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.donde-esta-rules .rule-pair{display:flex;gap:.5rem;justify-content:space-between}.donde-esta-rules .rule-pair span{display:flex;align-items:center;gap:.25rem;font-size:.75rem;padding:.25rem .5rem;border-radius:6px;flex:1}.donde-esta-rules .rule-pair svg{width:14px;height:14px}.donde-esta-rules .prep-up,.donde-esta-rules .prep-front{background:var(--sage);color:#fff}.donde-esta-rules .prep-down,.donde-esta-rules .prep-back{background:var(--terracotta);color:#fff}.donde-esta-rules .prep-in{background:var(--deep-blue);color:#fff}.donde-esta-rules .prep-out{background:var(--cream-dark);color:var(--deep-blue)}.donde-esta-rules .prep-left{background:var(--mustard);color:var(--deep-blue)}.donde-esta-rules .prep-right{background:var(--mustard-dark);color:#fff}.donde-esta-rules .prep-near{background:var(--sage);color:#fff}.donde-esta-rules .prep-far{background:var(--terracotta);color:#fff}.donde-esta-rules .rule-note{font-size:.7rem;color:var(--deep-blue);margin:.25rem 0;line-height:1.4}.feedback-preposition.donde-prep{background:var(--deep-blue);color:#fff}.feedback-hint{font-size:.85rem;color:var(--terracotta);font-weight:600;margin-top:.5rem;padding:.5rem;background:var(--cream);border-radius:8px}.position-section h3{color:var(--sage-dark)}.position-section h3 svg{vertical-align:middle;margin-right:.5rem}.container-section h3{color:var(--deep-blue)}.container-section h3 svg{vertical-align:middle;margin-right:.5rem}.direction-section h3{color:var(--terracotta)}.direction-section h3 svg{vertical-align:middle;margin-right:.5rem}.prep-list{display:flex;flex-direction:column;gap:.5rem}.prep-item{display:flex;flex-direction:column;gap:.2rem}.prep-item strong{color:var(--deep-blue)}.prep-item .example{font-size:.85rem;color:#666;font-style:italic;padding-left:1rem}.donde-esta-game .question-counter{font-family:Fraunces,serif;font-size:1rem;color:var(--deep-blue);opacity:.7}@media(max-width:600px){.donde-sentence .sentence-text{font-size:1.2rem}.donde-choices .prep-btn{padding:.6rem 1rem;font-size:.9rem}.donde-esta-game .sentence-character img{width:60px;height:60px}.demo-icon-container{width:80px;height:80px}.demo-center{width:28px;height:28px}.demo-icon{width:20px;height:20px}}.numeros-preview{display:flex;justify-content:center;margin:2rem 0}.number-showcase{display:flex;align-items:center;gap:1rem;padding:1.5rem 2.5rem;background:linear-gradient(135deg,var(--mustard) 0%,var(--mustard-dark) 100%);border-radius:24px;box-shadow:var(--shadow-medium)}.showcase-number{font-family:Fraunces,serif;font-size:3rem;font-weight:800;color:var(--deep-blue)}.showcase-arrow{font-size:2rem;color:var(--deep-blue);opacity:.6}.showcase-word{font-family:DM Sans,sans-serif;font-size:1.4rem;font-weight:600;color:var(--deep-blue)}.numeros-area{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem}.numeros-game .sentence-character{display:flex;flex-direction:column;align-items:center;gap:.5rem}.numeros-game .sentence-character img{width:80px;height:80px;border-radius:50%;object-fit:cover;object-position:top center;border:4px solid white;box-shadow:var(--shadow-medium)}.numeros-game .sentence-character .character-name{font-family:Fraunces,serif;font-weight:600;color:var(--deep-blue);font-size:.9rem}.numeros-game .sentence-card{background:#fff;border-radius:24px;padding:2rem;box-shadow:var(--shadow-medium);max-width:500px;width:100%;position:relative;transition:transform .3s ease,box-shadow .3s ease}.numeros-game .sentence-card.correct-fly{animation:cardCorrect .5s ease forwards}.numeros-game .sentence-card.wrong-shake{animation:cardWrong .5s ease}@keyframes cardCorrect{0%{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 30px #81b29a80}to{transform:scale(1)}}@keyframes cardWrong{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}}.numeros-question{text-align:center}.question-type-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--cream);padding:.5rem 1rem;border-radius:100px;font-size:.85rem;color:var(--deep-blue);margin-bottom:1.5rem}.question-type-badge svg{width:18px;height:18px}.question-prompt{font-family:Fraunces,serif;font-weight:700;color:var(--deep-blue);margin:0;line-height:1.4}.question-prompt.prompt-number{font-size:4rem;background:linear-gradient(135deg,var(--terracotta) 0%,var(--terracotta-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.question-prompt.prompt-word{font-size:1.8rem;padding:1rem}.numeros-game .hint-badge{margin-top:1rem;background:var(--mustard);color:var(--deep-blue);padding:.75rem 1.25rem;border-radius:12px;font-size:.9rem;font-weight:500;animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.numeros-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;max-width:400px;width:100%}.numeros-choices .numeros-btn{padding:1rem 1.5rem;border:3px solid var(--cream-dark);border-radius:16px;background:#fff;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;color:var(--deep-blue);cursor:pointer;transition:all .3s ease;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center}.numeros-choices .numeros-btn:hover:not(:disabled){border-color:var(--terracotta);background:var(--cream);transform:translateY(-2px)}.numeros-choices .numeros-btn:disabled{cursor:not-allowed}.numeros-choices .numeros-btn.correct{border-color:var(--sage)!important;background:linear-gradient(135deg,var(--sage) 0%,var(--sage-dark) 100%)!important;color:#fff!important;animation:correctPulse .5s ease}.numeros-choices .numeros-btn.wrong{border-color:var(--terracotta)!important;background:linear-gradient(135deg,#f44336,#d32f2f)!important;color:#fff!important;animation:wrongShake .5s ease}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes wrongShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.hint-btn-standalone{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:3px solid var(--mustard);border-radius:100px;color:var(--mustard-dark);font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.hint-btn-standalone:hover{background:var(--mustard);color:var(--deep-blue);transform:scale(1.05)}.hint-btn-standalone svg{width:20px;height:20px}.numeros-rules{max-width:280px}.numeros-rules h4{display:flex;align-items:center;gap:.5rem;color:var(--deep-blue);margin-bottom:1rem}.numeros-rules h4 svg{width:20px;height:20px;color:var(--terracotta)}.numeros-rules ul{list-style:none;padding:0;margin:0}.numeros-rules li{padding:.4rem 0;font-size:.85rem;color:var(--deep-blue);border-bottom:1px solid var(--cream-dark)}.numeros-rules li:last-child{border-bottom:none}.numeros-explanation{font-family:Fraunces,serif;font-size:1.25rem;font-weight:600;color:var(--deep-blue);padding:1rem;background:var(--cream);border-radius:12px;margin:1rem 0}.feedback-correct-answer{font-size:.9rem;color:#666;margin-bottom:1rem}.feedback-correct-answer strong{color:var(--sage-dark)}.tutorial-examples{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.tutorial-example{background:var(--cream);padding:.4rem .8rem;border-radius:8px;font-family:DM Sans,sans-serif;font-size:.85rem;color:var(--deep-blue)}.numeros-game .question-counter{font-family:Fraunces,serif;font-size:1rem;color:var(--deep-blue);opacity:.7}@media(max-width:600px){.showcase-number{font-size:2.5rem}.showcase-word{font-size:1.1rem}.question-prompt.prompt-number{font-size:3rem}.question-prompt.prompt-word{font-size:1.4rem}.numeros-choices{grid-template-columns:1fr}.numeros-choices .numeros-btn{padding:.8rem 1rem;font-size:.95rem}.numeros-game .sentence-character img{width:60px;height:60px}}.privacy-page{min-height:100vh;padding:1.5rem}.privacy-container{max-width:800px;margin:0 auto}.privacy-back{display:inline-flex;align-items:center;gap:.5rem;font-family:DM Sans,sans-serif;font-weight:500;color:var(--deep-blue);opacity:.7;transition:all .2s ease;margin-bottom:1.5rem}.privacy-back:hover{opacity:1;color:var(--terracotta)}.privacy-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.privacy-header-icon{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,var(--terracotta) 0%,var(--terracotta-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.privacy-title{font-family:Fraunces,serif;font-size:2rem;font-weight:900;color:var(--deep-blue);margin:0}.privacy-subtitle{font-family:DM Sans,sans-serif;color:var(--deep-blue);opacity:.6;margin:.25rem 0 0}.privacy-content{background:#fff;border-radius:24px;padding:2rem;box-shadow:var(--shadow-medium)}.privacy-card{background:var(--cream);border-radius:16px;padding:1.25rem;margin-bottom:1.5rem}.privacy-meta{font-size:.85rem;color:var(--deep-blue);opacity:.6;margin-bottom:.75rem}.privacy-paragraph{font-family:DM Sans,sans-serif;font-size:1rem;line-height:1.7;color:var(--deep-blue);margin-bottom:1.5rem}.privacy-section{margin-bottom:2rem}.privacy-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.privacy-section-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.privacy-section-icon-terracotta{background:#e07a5f26;color:var(--terracotta)}.privacy-section-icon-mustard{background:#f2cc8f4d;color:var(--mustard-dark)}.privacy-section-icon-sage{background:#81b29a33;color:var(--sage-dark)}.privacy-section-title{font-family:Fraunces,serif;font-size:1.25rem;font-weight:700;color:var(--deep-blue);margin:0}.privacy-section-title-simple{font-family:Fraunces,serif;font-size:1.25rem;font-weight:700;color:var(--deep-blue);margin:0 0 1rem}.privacy-list{font-family:DM Sans,sans-serif;font-size:.95rem;line-height:1.7;color:var(--deep-blue);padding-left:1.5rem}.privacy-list li{margin-bottom:.75rem}.privacy-list li::marker{color:var(--terracotta);font-weight:700}.privacy-highlight{border-radius:12px;padding:1rem 1.25rem}.privacy-highlight p{margin:0;font-family:DM Sans,sans-serif;font-size:.95rem;line-height:1.6}.privacy-highlight-sage{background:#81b29a26;border-left:4px solid var(--sage)}.privacy-highlight-sage p{color:var(--sage-dark)}.privacy-link{color:var(--terracotta);text-decoration:none;font-weight:500}.privacy-link:hover{text-decoration:underline}.privacy-footer-note{font-size:.85rem;color:var(--deep-blue);opacity:.6;text-align:center;margin:2rem 0 0;padding-top:1.5rem;border-top:1px solid var(--cream-dark)}.privacy-cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem}@media(max-width:640px){.privacy-page{padding:1rem}.privacy-content{padding:1.25rem}.privacy-title{font-size:1.5rem}.privacy-header-icon{width:50px;height:50px;font-size:1.5rem}}.cookie-banner{position:fixed;bottom:1rem;left:1rem;right:1rem;z-index:1000;animation:slideUp .3s ease-out}@media(min-width:640px){.cookie-banner{left:auto;right:1.5rem;max-width:400px}}.cookie-banner-closing{opacity:0;transform:translateY(1rem);transition:all .2s ease-out}.cookie-banner-card{background:#fff;border-radius:24px;padding:1.25rem;box-shadow:var(--shadow-dramatic);border:3px solid var(--cream-dark)}.cookie-banner-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.cookie-banner-icon{width:40px;height:40px;border-radius:12px;background:var(--terracotta);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.cookie-banner-title{font-family:Fraunces,serif;font-size:1.1rem;font-weight:700;color:var(--deep-blue);flex:1;margin-top:.5rem}.cookie-banner-close{width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:var(--deep-blue);opacity:.5;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.cookie-banner-close:hover{opacity:1;background:var(--cream)}.cookie-banner-text{font-family:DM Sans,sans-serif;font-size:.9rem;line-height:1.5;color:var(--deep-blue);opacity:.8;margin-bottom:1rem}.cookie-banner-link{color:var(--terracotta);text-decoration:none;font-weight:500}.cookie-banner-link:hover{text-decoration:underline}.cookie-banner-note{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--sage-dark);background:#81b29a1a;padding:.5rem .75rem;border-radius:8px;margin-bottom:1rem}.cookie-banner-note-icon{font-size:1rem;flex-shrink:0}.cookie-banner-buttons{display:flex;gap:.75rem}.cookie-btn{flex:1;font-size:.95rem!important;padding:.75rem 1.5rem!important}:root{--terracotta: #E07A5F;--terracotta-dark: #C45C3E;--cream: #F4F1DE;--cream-dark: #E8E4CE;--sage: #81B29A;--sage-dark: #5E9178;--deep-blue: #3D405B;--mustard: #F2CC8F;--mustard-dark: #D4A85A;--shadow-soft: 0 4px 20px rgba(61, 64, 91, .15);--shadow-medium: 0 8px 30px rgba(61, 64, 91, .2);--shadow-dramatic: 0 15px 50px rgba(61, 64, 91, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background:var(--cream);min-height:100vh;color:var(--deep-blue)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(224,122,95,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(129,178,154,.08) 0%,transparent 50%),url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:-1}a{text-decoration:none;color:inherit}.btn{font-family:Fraunces,serif;font-size:1.4rem;font-weight:700;padding:1rem 3rem;border:none;border-radius:100px;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-medium)}.btn-primary{background:var(--terracotta);color:#fff}.btn-primary:hover{background:var(--terracotta-dark);transform:translateY(-3px);box-shadow:var(--shadow-dramatic)}.btn-secondary{background:var(--sage);color:#fff}.btn-secondary:hover{background:var(--sage-dark);transform:translateY(-3px)}.btn-outline{background:transparent;color:var(--deep-blue);border:3px solid var(--deep-blue)}.btn-outline:hover{background:var(--deep-blue);color:var(--cream)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes wrongShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}