#app{flex:1;display:flex;justify-content:center;padding:20px 16px;max-width:900px;margin:0 auto;width:100%}
.board-wrap{width:100%;max-width:560px}
.board-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.clue-current{font-size:.95rem;font-weight:bold;background:var(--panel);border:1px solid var(--cell-border);border-radius:8px;padding:8px 12px;flex:1 1 200px;min-height:1.2em}
.board-actions{display:flex;gap:6px;flex-wrap:wrap}
.sopa{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:0;background:var(--panel);border:2px solid var(--block);border-radius:6px;touch-action:none;user-select:none;-webkit-user-select:none;width:100%;aspect-ratio:1}
.sopa .c{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(.8rem,4.3vw,1.35rem);text-transform:uppercase;border:1px solid #e3e5e9;cursor:pointer;color:var(--ink);background:transparent;padding:0;font-family:inherit}
.sopa .c.sel{background:var(--focus-cell)}
.sopa .c.ini{outline:3px solid var(--accent);outline-offset:-3px;background:var(--focus-word)}
.sopa .c.ok{background:var(--correct)}
.sopa .c.rev{background:var(--focus-word)}
.sopa .c.pista{animation:pista 1.2s ease-in-out 2}
@keyframes pista{50%{background:var(--accent)}}
.ayuda{font-size:.85rem;color:var(--muted);margin:.6em 0}
.palabras{list-style:none;margin:.6em 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.palabras li{background:var(--panel);border:1px solid var(--cell-border);border-radius:999px;padding:4px 12px;font-weight:600;font-size:.9rem;letter-spacing:.03em}
.palabras li.hecha{text-decoration:line-through;background:var(--correct);color:#2b5b33}
.status{font-weight:700;min-height:1.4em}
@media (prefers-reduced-motion:reduce){.sopa .c.pista{animation:none;background:var(--accent)}}