.aj-sopa{margin:28px 0;padding:clamp(22px, 4vw, 34px);border:1px solid #dbe4f0;border-radius:28px;background:#fff;box-shadow:0 10px 26px rgb(31 41 55 / .06)}.aj-sopa *{box-sizing:border-box}.aj-sopa__hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.aj-sopa__badge{display:inline-flex;width:fit-content;margin:0 0 12px;padding:8px 12px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:900}.aj-sopa__hero h2{margin:0 0 10px;font-size:clamp(2rem, 4vw, 3rem)}.aj-sopa__hero p{max-width:720px;margin:0;color:#667085}.aj-sopa__score{min-width:150px;padding:16px;border:1px solid #dbe4f0;border-radius:22px;background:#fff8ec;text-align:center}.aj-sopa__score strong{display:block;color:#1f2937;font-size:2rem;line-height:1}.aj-sopa__score small{display:block;margin-top:6px;color:#667085;font-weight:800}.aj-sopa__notice{display:grid;gap:6px;margin-bottom:20px;padding:16px;border:1px solid #bfdbfe;border-radius:20px;background:#eff6ff}.aj-sopa__notice strong{color:#1f2937}.aj-sopa__notice span{color:#667085}.aj-sopa__notice-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.aj-sopa__notice-actions a{color:#2563eb;font-weight:900;text-decoration:none}.aj-sopa__layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.aj-sopa__board-wrap{display:grid;gap:14px}.aj-sopa__board{display:grid;grid-template-columns:repeat(8,minmax(36px,1fr));gap:8px;width:100%;max-width:620px}.aj-sopa__cell{aspect-ratio:1 / 1;min-height:46px;border:2px solid #dbe4f0;border-radius:16px;background:#fff;color:#1f2937;font-size:clamp(1.15rem, 3vw, 1.65rem);font-weight:900;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.aj-sopa__cell:hover{transform:translateY(-1px);border-color:#93c5fd;background:#eff6ff}.aj-sopa__cell.is-selected{border-color:#2563eb;background:#dbeafe;color:#1d4ed8}.aj-sopa__cell.is-found{border-color:#86efac;background:#dcfce7;color:#166534}.aj-sopa__current{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#667085;font-weight:800}.aj-sopa__current strong{color:#1f2937;font-size:1.2rem}.aj-sopa__words{padding:20px;border:1px solid #dbe4f0;border-radius:24px;background:#fff8ec}.aj-sopa__words h3{margin:0 0 14px;font-size:1.45rem}.aj-sopa__words ul{display:grid;gap:10px;margin:0 0 18px;padding:0;list-style:none}.aj-sopa__words li{display:grid;gap:2px;padding:12px 14px;border:1px solid #f3dfb9;border-radius:16px;background:#fff}.aj-sopa__words li.is-found{border-color:#86efac;background:#dcfce7}.aj-sopa__words li span{color:#1f2937;font-weight:900;letter-spacing:.04em}.aj-sopa__words li small{color:#667085;font-weight:800}.aj-sopa__actions{display:grid;gap:10px}.aj-sopa__btn{min-height:48px;padding:12px 16px;border-radius:16px;font-weight:900;cursor:pointer}.aj-sopa__btn-primary{border:0;background:#2563eb;color:#fff;box-shadow:0 10px 20px rgb(37 99 235 / .18)}.aj-sopa__btn-primary:hover{background:#1d4ed8}.aj-sopa__btn-secondary{border:2px solid #dbe4f0;background:#fff;color:#2563eb}.aj-sopa__feedback{min-height:26px;margin:14px 0 0;color:#667085;font-weight:800}.aj-sopa__feedback.is-good{color:#15803d}.aj-sopa__feedback.is-bad{color:#be123c}@media (max-width:900px){.aj-sopa__hero,.aj-sopa__layout{grid-template-columns:1fr}.aj-sopa__hero{display:grid}.aj-sopa__score{width:100%;text-align:left}}@media (max-width:560px){.aj-sopa{padding:18px;border-radius:22px}.aj-sopa__board{gap:5px}.aj-sopa__cell{min-height:36px;border-radius:11px}.aj-sopa__words{padding:16px}}