.hgx-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:560px;margin:0 auto;padding:4px 0 8px}.hgx-sky{width:min(230px,62vw);height:auto;overflow:visible;display:block}.hgx-sky .hgx-string{fill:none;stroke:var(--muted);stroke-width:1.2}.hgx-sky .hgx-shine{fill:#fff;opacity:.35}.hgx-sky .hgx-knot{fill:var(--cell-strong)}.hgx-sky .hgx-balloon{transform-box:view-box;transform-origin:100px 170px;transition:opacity .3s}.hgx-sky .hgx-balloon.hgx-away{opacity:0;visibility:hidden}.hgx-sky .hgx-balloon.hgx-gone{animation:hgx-float 1.6s ease-in forwards;pointer-events:none}@keyframes hgx-float{0%{transform:translate(0);opacity:1}20%{transform:translate(calc(var(--hgx-drift) * .2),-10px);opacity:1}to{transform:translate(var(--hgx-drift),-190px);opacity:0;visibility:hidden}}.hgx-cat{font-size:.9rem;color:var(--muted);font-weight:600;letter-spacing:.02em}.hgx-word{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;min-height:48px;padding:0 4px}.hgx-group{display:inline-flex;gap:4px;flex-wrap:nowrap}.hgx-tile{width:clamp(20px,6.6vw,36px);height:clamp(30px,9vw,46px);display:grid;place-items:center;border-bottom:3px solid var(--cell-strong);font-weight:800;font-size:clamp(1rem,5vw,1.6rem);color:var(--text);line-height:1}.hgx-tile.hgx-shown{color:var(--text);animation:hgx-pop .25s ease-out}.hgx-tile.hgx-missed{color:var(--bad);border-bottom-color:var(--bad)}.hgx-tile.hgx-punct{border-bottom-color:transparent;width:auto;min-width:10px}@keyframes hgx-pop{0%{transform:scale(.6);opacity:.3}to{transform:scale(1);opacity:1}}.hgx-msg{min-height:1.4em;font-size:.95rem;text-align:center;color:var(--text)}.hgx-hintrow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;text-align:center}.hgx-note{font-size:.8rem;color:var(--muted);max-width:240px}.hgx-keys{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;width:100%;max-width:440px}.hgx-key{min-height:44px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--cell);color:var(--text);font:inherit;font-weight:700;font-size:1.05rem;cursor:pointer;padding:0;touch-action:manipulation}.hgx-key:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.hgx-key:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.hgx-key:disabled{cursor:default}.hgx-key.hgx-good{background:var(--good);border-color:var(--good);color:#fff}.hgx-key.hgx-bad{background:var(--cell-alt);border-color:var(--cell-alt);color:var(--muted);text-decoration:line-through;text-decoration-color:var(--bad);text-decoration-thickness:2px}.hgx-key:disabled:not(.hgx-good):not(.hgx-bad){opacity:.5}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .hgx-key.hgx-good{color:#0b1020}}:root[data-theme=dark] .hgx-key.hgx-good{color:#0b1020}@media (min-width: 640px){.hgx-keys{grid-template-columns:repeat(9,minmax(0,1fr))}}.hgx-lists{width:100%;margin-top:14px;display:flex;flex-direction:column;gap:8px;text-align:left}.hgx-lists .hgx-lists-title{font-size:1.1rem;margin:0 0 2px;text-align:center}.hgx-list{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--cell);padding:8px 12px}.hgx-list.hgx-list-on{border-color:var(--accent)}.hgx-list summary{cursor:pointer;min-height:32px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.hgx-list summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.hgx-list-note{font-size:.85rem;color:var(--muted);margin:6px 0}.hgx-list-btns{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.hgx-list-words{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-weight:700;font-size:.95rem}.hgx-list-words .hgx-why{font-weight:400;font-size:.78rem;color:var(--muted)}.hgx-copybox{width:100%;font:inherit;padding:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--cell);color:var(--text)}