.sopas{max-width:980px;margin:10px auto 40px;padding:0 24px}.sopas-how{max-width:620px;margin:0 auto 26px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:2px 20px}.sopas-how summary{cursor:pointer;padding:14px 0;font-weight:700;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px}.sopas-how summary::-webkit-details-marker{display:none}.sopas-how summary:after{content:"＋";color:var(--blue);font-weight:800}.sopas-how[open] summary:after{content:"－"}.sopas-how p{color:var(--text-secondary);margin:0 0 16px;font-size:14.5px;line-height:1.6}.sopas-how b{color:var(--text-primary);font-weight:700}.sopas-controls{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 20px}.sopas-controls select{font-family:inherit;font-size:14px;font-weight:600;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:11px 14px;min-width:250px;cursor:pointer}.sopas-nav{font-family:inherit;font-size:20px;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;width:44px;height:44px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s}.sopas-nav:hover{border-color:var(--blue)}.sopas-nav:disabled{opacity:.35;cursor:default}.sopas-count{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:13px;font-weight:600;letter-spacing:.04em;min-width:100px;text-align:center}.sopas-game{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.82fr);gap:22px;align-items:start}@media (max-width: 760px){.sopas-game{grid-template-columns:1fr}}.sopas-board-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;padding:clamp(12px,2.2vw,20px)}.sopas-board{display:grid;gap:2px;touch-action:none;user-select:none;-webkit-user-select:none;aspect-ratio:1 / 1;width:100%}.sopas-board .cell{display:flex;align-items:center;justify-content:center;font-family:inherit;font-weight:700;font-size:clamp(11px,2.2vw,18px);color:var(--text-primary);background:#ffffff0b;border-radius:6px;cursor:pointer;aspect-ratio:1 / 1;transition:background .12s ease,color .12s ease}.sopas-board .cell.sel{background:#60a5fa52;box-shadow:inset 0 0 0 2px #60a5fa}.sopas-board .cell.found{background:#10b9812e;color:#34d399}.sopas-board .cell.sol{background:#10b9812e;color:#34d399;box-shadow:inset 0 0 0 2px var(--green)}@media (prefers-reduced-motion: reduce){.sopas-board .cell{transition:none}}.sopas-panel{display:flex;flex-direction:column;gap:16px}.sopas-tema{font-weight:800;font-size:22px;line-height:1.15;letter-spacing:-.02em}.sopas-tno{color:var(--blue)}.sopas-progress{display:flex;align-items:center;gap:12px}.sopas-bar{flex:1;height:8px;background:#ffffff0f;border-radius:99px;overflow:hidden}.sopas-bar>span{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:99px;transition:width .35s ease}.sopas-frac{font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:13px;font-weight:600;min-width:42px;text-align:right}.sopas-words{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px}.sopas-words li{font-size:12px;font-weight:600;letter-spacing:.04em;background:#ffffff0b;border:1px solid var(--border);color:var(--text-primary);padding:5px 11px;border-radius:99px;cursor:pointer;transition:border-color .2s,background .2s}.sopas-words li:hover{border-color:var(--blue)}.sopas-words li.done{color:#34d399;border-color:transparent;background:#10b98129;text-decoration:line-through;text-decoration-color:#34d399;cursor:default}.sopas-words li.hint{animation:sopas-pulse .9s ease}@keyframes sopas-pulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 3px #60a5fa66}}.sopas-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sopas-btn{font-family:inherit;font-size:13px;font-weight:600;color:var(--text-primary);background:#ffffff0b;border:1px solid var(--border);border-radius:9px;padding:9px 13px;cursor:pointer;transition:border-color .15s}.sopas-btn:hover{border-color:var(--blue)}.sopas-solved{display:none;align-items:center;gap:6px;color:#34d399;font-weight:700;font-size:14px}.sopas-panel.is-solved .sopas-solved{display:inline-flex}.sopas-dato{position:relative;background:#ffffff08;border:1px solid var(--border);border-radius:14px;padding:18px;overflow:hidden}.sopas-dato-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--blue);font-weight:700;display:flex;align-items:center;gap:8px}.sopas-diamond{width:7px;height:7px;background:var(--blue);transform:rotate(45deg);display:inline-block}.sopas-dato p{font-size:15.5px;line-height:1.55;margin:10px 0 0;color:var(--text-primary);font-weight:500}.sopas-dato.locked p{filter:blur(7px);opacity:.5;user-select:none}.sopas-veil{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#1f2937d1;text-align:center;padding:12px;color:var(--text-secondary);font-size:13px;transition:opacity .5s ease}.sopas-veil .big{font-size:15px;color:var(--text-primary);font-weight:700}.sopas-dato:not(.locked) .sopas-veil{opacity:0;pointer-events:none}.sopas-dato:not(.locked) p{animation:sopas-bloom .6s ease}@keyframes sopas-bloom{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.sopas-dato:not(.locked) p{animation:none}.sopas-bar>span{transition:none}}.sopas-cta{margin:34px auto 0;max-width:620px;text-align:center;padding:26px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,#3b82f612,#10b9810d)}.sopas-cta p{color:var(--text-secondary);font-size:15px;margin:0 0 14px}.sopas-cta b{color:var(--text-primary);font-weight:700}.sopas-cta-link{display:inline-block;font-weight:700;font-size:14px;color:#fff;background:#2563eb;text-decoration:none;padding:12px 22px;border-radius:12px;transition:transform .15s,filter .15s}.sopas-cta-link:hover{transform:translateY(-2px);filter:brightness(1.1)}