.world-preview{gap:2rem;margin:1rem 0;display:flex}.world-half{border-radius:20px;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 3rem;transition:all .3s;display:flex}.ser-world-preview{border:3px solid var(--sage);background:linear-gradient(135deg,#81b29a33 0%,#81b29a1a 100%)}.estar-world-preview{border:3px solid var(--terracotta);background:linear-gradient(135deg,#e07a5f33 0%,#e07a5f1a 100%)}.world-half:hover{box-shadow:var(--shadow-medium);transform:scale(1.05)}.world-icon{width:3rem;height:3rem}.ser-world-preview .world-icon{color:var(--sage)}.estar-world-preview .world-icon{color:var(--terracotta)}.world-label{color:var(--deep-blue);font-family:Fraunces,serif;font-size:1.1rem;font-weight:700}.level-btn .level-subtitle{color:var(--deep-blue);opacity:.6;margin-top:.25rem;font-size:.8rem;display:block}.ser-estar-area{padding-top:4rem;position:relative}.world-indicators{pointer-events:none;justify-content:space-between;padding:0 1rem;display:flex;position:absolute;top:0;left:0;right:0}.world-indicator{opacity:.4;border-radius:15px;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1.5rem;transition:all .3s;display:flex}.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-size:1rem;font-weight:900}.phrase-card{box-shadow:var(--shadow-medium);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;background:#fff;border-radius:25px;flex-direction:column;align-items:center;gap:1.5rem;min-width:320px;max-width:500px;padding:2rem;display:flex}.phrase-card.dragging{cursor:grabbing;box-shadow:var(--shadow-dramatic)}.phrase-card.fly-left{animation:.4s forwards flyLeft}.phrase-card.fly-right{animation:.4s forwards flyRight}.phrase-card.shake{animation:.5s wrongShake}@keyframes flyLeft{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(-200%)rotate(-30deg)}}@keyframes flyRight{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(200%)rotate(30deg)}}.card-character{flex-direction:column;align-items:center;gap:.5rem;display:flex}.card-character img{object-fit:cover;object-position:top center;border:3px solid var(--mustard);width:80px;height:80px;box-shadow:var(--shadow-soft);border-radius:50%}.card-character .character-name{color:var(--deep-blue);font-family:Fraunces,serif;font-size:.9rem;font-weight:700}.sentence-display{text-align:center}.sentence-text{color:var(--deep-blue);font-size:1.4rem;font-weight:500;line-height:1.8}.sentence-text .hint-word{cursor:pointer;border-radius:5px;padding:.1rem .3rem;transition:all .2s}.sentence-text .hint-word:hover{background:#3d405b1a}.card-hint-badge{background:var(--mustard);color:var(--deep-blue);cursor:pointer;border-radius:100px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;animation:.3s fadeIn}.choice-buttons{align-items:center;gap:1rem;margin-top:1rem;display:flex}.choice-btn{cursor:pointer;border:3px solid;border-radius:15px;align-items:center;gap:.5rem;padding:1rem 2rem;font-family:Fraunces,serif;font-size:1.2rem;font-weight:900;transition:all .2s;display:flex}.choice-btn svg{width:1.4rem;height:1.4rem}.ser-btn{border-color:var(--sage);color:var(--sage);background:#fff}.ser-btn:hover:not(:disabled){background:var(--sage);color:#fff;box-shadow:var(--shadow-medium);transform:translateY(-3px)}.estar-btn{border-color:var(--terracotta);color:var(--terracotta);background:#fff}.estar-btn:hover:not(:disabled){background:var(--terracotta);color:#fff;box-shadow:var(--shadow-medium);transform:translateY(-3px)}.choice-btn.correct{animation:.5s correctPulse;background:var(--sage)!important;border-color:var(--sage)!important;color:#fff!important}.choice-btn.wrong{animation:.5s wrongShake;background:var(--terracotta-dark)!important;border-color:var(--terracotta-dark)!important;color:#fff!important}.choice-btn:disabled{cursor:not-allowed;opacity:.7}.hint-btn{border:2px solid var(--mustard);cursor:pointer;width:50px;height:50px;color:var(--mustard-dark);background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.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{color:var(--deep-blue);opacity:.6;margin-top:1rem;font-family:Fraunces,serif;font-size:1rem}.combo-badge{background:var(--mustard);color:var(--deep-blue);border-radius:100px;margin-left:.5rem;padding:.2rem .6rem;font-size:.85rem;font-weight:700;animation:.5s pulse}.ser-estar-rules{max-width:350px}.rules-columns{gap:1rem;display:flex}.rule-column{border-radius:10px;flex:1;padding:.75rem}.ser-column{background:#81b29a26}.estar-column{background:#e07a5f26}.rule-column strong{align-items:center;gap:.3rem;margin-bottom:.5rem;font-family:Fraunces,serif;display:flex}.rule-icon{width:1rem;height:1rem}.feedback-verb-icon{vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;margin-right:.5rem;display:inline-flex}.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{margin:0;padding:0;font-size:.8rem;list-style:none}.rule-column li{color:var(--deep-blue);padding:.15rem 0}@media (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 (width<=400px){.choice-buttons{flex-wrap:wrap;justify-content:center}}