:root{--el-hit: var(--good);--el-hit-ink: #fff;--el-near: var(--warn);--el-near-ink: #1e1c1a;--el-miss: var(--surface-3);--el-miss-ink: var(--text);--el-far: var(--bad);--el-pt: var(--surface-2);--el-pt-ink: color-mix(in srgb, var(--muted) 70%, transparent)}html.dark{--el-miss: #3a3a3c;--el-pt: #222225}html.cb{--el-hit: #f5793a;--el-near: #85c0f9;--el-far: #6b6b70}[data-cat=no-metal]{--cat: #3f9d6a}[data-cat=gas-noble]{--cat: #7a5fb8}[data-cat=metal-alcalino]{--cat: #d9534f}[data-cat=alcalinoterreo]{--cat: #e07b39}[data-cat=metaloide]{--cat: #2f8f87}[data-cat=halogeno]{--cat: #b8860b}[data-cat=metal-transicion]{--cat: #4a78b5}[data-cat=metal-postransicion]{--cat: #66788a}[data-cat=lantanido]{--cat: #c0508f}[data-cat=actinido]{--cat: #a0603a}.el-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}.el-entry{display:flex;gap:8px;margin-bottom:12px}.el-field{position:relative;flex:1;min-width:0}.el-input{width:100%;height:48px;padding:0 14px;border:2px solid var(--border);border-radius:12px;background:var(--surface);font-size:1.05rem;font-weight:700;outline:none;transition:border-color .15s var(--ease)}.el-input::placeholder{color:var(--muted);font-weight:600}.el-input:focus{border-color:var(--accent)}.el-go{min-height:48px;padding:0 18px;flex:0 0 auto}.el-sugg{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:4;display:grid;gap:2px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);animation:el-drop .16s var(--ease) both}@keyframes el-drop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.el-opt{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 10px;border-radius:8px;text-align:left;font-weight:700}.el-opt:first-child{background:var(--surface-2)}.el-opt:hover,.el-opt:focus-visible{background:var(--accent-soft)}.el-opt b{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:var(--accent);color:var(--accent-ink);font-weight:900;font-size:.9rem}.el-board{display:grid;gap:4px}.el-row{position:relative;display:grid;grid-template-columns:50px repeat(3,minmax(0,1fr)) minmax(0,1.9fr) minmax(0,1.25fr);gap:4px}.el-head span{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:var(--muted);text-align:center;white-space:nowrap;overflow:hidden}.el-sym,.el-cell{height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center}.el-sym{flex-direction:column;gap:1px;background:var(--surface);box-shadow:inset 0 0 0 2px var(--border);overflow:hidden;padding:0 3px}.el-sym b{font-size:1.05rem;font-weight:900;line-height:1}.el-sym small{font-size:.56rem;font-weight:700;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-empty .el-sym,.el-empty .el-cell{background:transparent;box-shadow:inset 0 0 0 2px var(--border)}.el-cell{gap:2px;padding:0 3px;background:var(--el-miss);color:var(--el-miss-ink);backface-visibility:hidden}.el-cell b{font-size:1.05rem;font-weight:900;line-height:1}.el-cell.text b{font-size:.64rem;font-weight:800;line-height:1.1;text-align:center;overflow-wrap:anywhere;letter-spacing:-.01em}.el-cell.word b{font-size:.8rem;font-weight:900}.el-cell.hit{background:var(--el-hit);color:var(--el-hit-ink)}.el-cell.near{background:var(--el-near);color:var(--el-near-ink)}.el-arrow{width:12px;height:12px;flex:0 0 auto}.el-cell.down .el-arrow{transform:rotate(180deg)}.el-cell.flip{animation:el-flip .42s var(--ease) both}.el-cell.win{animation:el-bounce .5s var(--ease-bounce) both}@keyframes el-flip{0%{transform:rotateX(90deg)}to{transform:none}}@keyframes el-bounce{0%{transform:none}40%{transform:translateY(-9px)}to{transform:none}}.el-clues{display:grid;gap:6px;margin:10px 0 0;min-height:20px}.el-clue{padding:7px 12px;border-radius:10px;background:var(--surface);box-shadow:inset 4px 0 0 var(--accent),0 1px 2px #0000000d;font-size:.92rem;line-height:1.35}.el-clue b{color:var(--accent);font-weight:900;margin-right:2px}html.dark .el-clue b{color:color-mix(in srgb,var(--accent) 70%,#fff)}.el-clue.next{padding:0;background:none;box-shadow:none;text-align:center;color:var(--muted);font-size:.82rem;font-weight:700}.el-clue.enter{animation:el-clue-in .4s var(--ease-bounce) both}@keyframes el-clue-in{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}.el-table{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));grid-template-rows:repeat(7,auto) 5px repeat(2,auto);gap:2px;margin:12px auto 0;width:100%;max-width:400px}.el-pt{aspect-ratio:1;display:grid;place-items:center;border-radius:3px;background:var(--el-pt);color:var(--el-pt-ink);font-size:clamp(6px,2.1vw,8.5px);font-weight:800;line-height:1;overflow:hidden}.el-pt.hit{background:var(--el-hit);color:#fff}.el-pt.near{background:var(--el-near);color:#1e1c1a}.el-pt.miss{background:var(--el-far);color:#fff}.el-pt.answer{box-shadow:inset 0 0 0 2px var(--el-hit);color:var(--text)}.el-pt.pop{animation:el-pt-pop .45s var(--ease-bounce)}@keyframes el-pt-pop{0%{transform:scale(.4)}60%{transform:scale(1.5)}to{transform:none}}.el-end{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.el-end.enter{animation:el-clue-in .45s var(--ease-bounce) both}.el-end-tile{flex:0 0 auto;width:48px;height:48px;border-radius:10px;display:grid;place-items:center;background:var(--cat);color:#fff;font-weight:900;font-size:1.3rem}.el-end-text{flex:1;min-width:0;display:grid;line-height:1.25}.el-end-text b{font-weight:900;font-size:1.05rem}.el-end-text span{color:var(--muted);font-size:.85rem}.el-end .sh-btn{flex:0 0 auto;padding:0 14px}.el-result{display:grid;gap:12px}.el-card{display:flex;align-items:center;gap:14px}.el-tile{position:relative;flex:0 0 auto;width:88px;height:88px;border-radius:14px;background:var(--cat);color:#fff;display:grid;place-items:center;box-shadow:0 6px 16px color-mix(in srgb,var(--cat) 35%,transparent)}.el-tile b{font-size:2.3rem;font-weight:900;letter-spacing:-.02em;line-height:1}.el-tile .z{position:absolute;top:6px;left:8px;font-size:.8rem;font-weight:800}.el-tile .m{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:.68rem;font-weight:700;opacity:.92}.el-info{min-width:0;display:grid;gap:2px}.el-name{font-size:1.35rem;font-weight:900;letter-spacing:-.01em}.el-meta{font-size:.85rem;color:var(--muted)}.sh-modal ol.el-card-clues{margin:0;padding-left:22px;display:grid;gap:4px}.el-card-clues li{margin:0;font-size:.92rem;line-height:1.35}.el-wiki{font-weight:800;justify-self:start}.el-grid{display:inline-grid;justify-self:center;gap:2px;font-size:1.05rem;line-height:1;letter-spacing:1px}.el-grid span{display:block}.el-result .sh-actions{margin-top:0}.el-help-board{display:grid;gap:4px;margin:4px 0 12px}html.dark{--el-pt-ink: var(--muted)}html.dark{--el-hit-ink: #1e1c1a}