.sopa-page{background:linear-gradient(145deg,#fffde7 0%,#fff9c4 30%,#fff 60%,#fffde7 100%);min-height:100vh;padding:40px 20px 80px;font-family:Inter,sans-serif}.sopa-header{text-align:center;margin-bottom:32px;animation:.7s ease-out sopaFadeDown}.sopa-header h1{background:linear-gradient(135deg,#d81b60,#f06292);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:3rem;font-weight:800}.sopa-header p{color:#888;max-width:460px;margin:0 auto;font-size:1.05rem}.sopa-game{max-width:560px;margin:0 auto;animation:.6s ease-out .15s backwards sopaFadeUp}.sopa-words-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #d81b6014;border-radius:14px;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;padding:16px;display:flex}.sopa-word-tag{color:#d81b60;background:#d81b600f;border:1px solid #d81b601a;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:700;transition:all .3s}.sopa-word-tag.found{color:#fff;background:linear-gradient(135deg,#43a047,#66bb6a);border-color:#0000;text-decoration:line-through}.sopa-grid{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #d81b6014;border-radius:16px;gap:4px;margin-bottom:24px;padding:16px;display:grid;box-shadow:0 8px 32px #0000000a}.sopa-cell{aspect-ratio:1;text-transform:uppercase;cursor:pointer;color:#555;-webkit-user-select:none;user-select:none;background:#ffffffb3;border:1px solid #00000008;border-radius:8px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex}.sopa-cell:hover{background:#d81b6014;transform:scale(1.08)}.sopa-cell.selected{color:#fff;background:linear-gradient(135deg,#d81b60,#f06292);transform:scale(1.08);box-shadow:0 2px 8px #d81b604d}.sopa-cell.found-cell{color:#fff;background:linear-gradient(135deg,#43a047,#66bb6a);animation:.3s sopaPop}.sopa-msg{text-align:center;color:#d81b60;background:linear-gradient(135deg,#d81b6014,#f0629214);border-radius:14px;padding:14px 28px;font-size:1.1rem;font-weight:700;animation:.4s sopaFadeUp}.sopa-play-again{cursor:pointer;color:#fff;background:linear-gradient(135deg,#d81b60,#f06292);border:none;border-radius:14px;margin:16px auto 0;padding:12px 32px;font-size:1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 14px #d81b6040}.sopa-play-again:hover{transform:translateY(-2px)}@keyframes sopaFadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes sopaFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sopaPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@media (max-width:480px){.sopa-header h1{font-size:2rem}.sopa-cell{font-size:.85rem}}