.por-para-preview{justify-content:center;gap:1rem;margin:2rem 0;display:flex}.por-para-preview .world-half{border-radius:20px;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2rem;transition:transform .3s;display:flex}.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-size:1.5rem;font-weight:700}.por-para-area{flex-direction:column;align-items:center;gap:1.5rem;padding:1rem;display:flex}.sentence-character{flex-direction:column;align-items:center;gap:.5rem;display:flex}.sentence-character img{object-fit:cover;object-position:top center;width:80px;height:80px;box-shadow:var(--shadow-medium);border:4px solid #fff;border-radius:50%}.sentence-character .character-name{color:var(--deep-blue);font-family:Fraunces,serif;font-size:.9rem;font-weight:600}.por-para-game .sentence-card{box-shadow:var(--shadow-medium);background:#fff;border-radius:24px;width:100%;max-width:500px;padding:2rem;transition:transform .3s,box-shadow .3s;position:relative}.por-para-game .sentence-card.correct-fly{animation:.5s forwards cardCorrect}.por-para-game .sentence-card.wrong-shake{animation:.5s cardWrong}@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)}}.por-para-sentence{text-align:center}.por-para-sentence .sentence-text{color:var(--deep-blue);margin:0 0 1rem;font-family:Fraunces,serif;font-size:1.5rem;font-weight:500;line-height:1.5}.por-para-sentence .blank-highlight{background:linear-gradient(135deg, var(--mustard) 0%, var(--mustard-dark) 100%);color:var(--deep-blue);border-radius:8px;margin:0 .25rem;padding:.2rem .8rem;font-weight:700;display:inline-block}.por-para-sentence .sentence-translation{color:#666;margin:0;font-size:1rem;font-style:italic}.por-para-game .hint-badge{background:var(--mustard);color:var(--deep-blue);box-shadow:var(--shadow-soft);cursor:pointer;border-radius:100px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;position:absolute;top:-10px;right:-10px}.por-para-choices{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.por-para-choices .choice-btn{cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;gap:.5rem;min-width:120px;padding:1rem 2rem;font-family:Fraunces,serif;font-size:1.25rem;font-weight:700;transition:all .3s;display:flex}.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 0%,#388e3c 100%);animation:.5s correctPulse}.por-para-choices .choice-btn.wrong{background:linear-gradient(135deg,#f44336 0%,#d32f2f 100%);animation:.5s wrongShake}.por-para-choices .hint-btn{border:3px solid var(--mustard);width:50px;height:50px;color:var(--mustard-dark);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.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{gap:1rem;display:flex}.por-para-rules .rule-column{flex:1}.por-para-rules .rule-column strong{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1rem;display:flex}.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{margin:0;padding:0;font-size:.8rem;list-style:none}.por-para-rules li{color:var(--deep-blue);padding:.25rem 0}.feedback-sentence{color:var(--deep-blue);text-align:center;margin:1rem 0;font-family:Fraunces,serif;font-size:1.2rem}.feedback-sentence .answer-highlight{background:var(--mustard);border-radius:6px;padding:.1rem .5rem}.feedback-preposition{border-radius:100px;align-items:center;gap:.3rem;margin-right:.5rem;padding:.3rem .8rem;font-size:.9rem;font-weight:700;display:inline-flex}.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{color:var(--deep-blue);opacity:.7;font-family:Fraunces,serif;font-size:1rem}@media (width<=600px){.por-para-sentence .sentence-text{font-size:1.25rem}.por-para-choices .choice-btn{min-width:100px;padding:.8rem 1.5rem;font-size:1.1rem}.sentence-character img{width:60px;height:60px}}