/*! Copyright 2026 El Trivia (eltrivia.com). All rights reserved. */
.k-hang{padding-block:var(--s3) var(--s7)}.k-hang__intro{margin-bottom:var(--s3)}.k-hang__intro h1{font-size:24px}.k-hang__intro p{margin-top:var(--s1);max-width:60ch}.k-hang__note{margin-bottom:var(--s3)}.k-hang__game{container-type:inline-size;display:grid;gap:var(--s3);max-width:460px;padding:var(--s3)}@media (min-width:400px){.k-hang__game{padding:var(--s4)}}.k-hang__game:focus{outline:none}.k-hang__bar{align-items:end;display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4)}.k-hang__bar .stat{min-width:48px}.k-hang__bar-actions{display:flex;gap:var(--s2);margin-left:auto}.k-hang__bar-actions .btn{touch-action:manipulation}.k-hang__sky{align-content:start;background:var(--light);border-radius:12px;display:grid;height:220px;justify-items:center;overflow:hidden;position:relative}.k-hang__balloons{aspect-ratio:320/138;display:block;height:auto;max-width:320px;overflow:visible;width:100%}.k-hang__float{margin-top:-3px;position:relative;z-index:1}.k-hang__adder{translate:18px 0}.k-hang__grass{background:var(--field);height:30px;inset:auto 0 0;position:absolute}.k-hang__balloon{fill:var(--field)}.k-hang__string{fill:none;stroke:var(--deep);stroke-width:1.4;stroke-opacity:.55}.k-hang__knot{fill:var(--field)}.k-hang__shine{fill:#fff;fill-opacity:.45}.k-hang__clue{align-items:center;display:flex;flex-wrap:wrap;gap:var(--s2);justify-content:center}.k-hang__hint{touch-action:manipulation}.k-hang__hint[hidden]{display:none}.k-hang__hint[aria-disabled]{border-color:var(--line);color:var(--ink-2);cursor:default}.k-hang__hint[aria-disabled]:hover{background:transparent}.k-hang__category{align-items:center;background:var(--surface-2);border-radius:var(--r-pill);display:inline-flex;font-size:18px;font-weight:700;gap:var(--s2);min-height:44px;padding:6px var(--s4)}.k-hang__category .ico{height:24px;width:24px}.k-hang__word{display:flex;gap:clamp(4px,1.5cqi,8px);justify-content:center;min-height:56px}.k-hang__slot{border-bottom:4px solid var(--ink);display:grid;font-size:36px;font-stretch:100%;font-weight:800;height:56px;line-height:1;place-items:center;width:clamp(36px,12cqi,52px)}.k-hang__word.is-solved .k-hang__slot{border-bottom-color:var(--state-correct);font-size:44px;height:64px}.k-hang__slot.is-given{border-bottom-color:var(--line-strong);border-bottom-style:dashed;color:var(--ink-2)}.k-hang__tip{font-size:16px;font-weight:600;min-height:1.4em;text-align:center}.k-hang__keys{--gap:6px;--per-row:6;display:flex;flex-wrap:wrap;gap:var(--gap);justify-content:center}@container (min-width: 380px){.k-hang__keys{--per-row:7}}.k-hang__keys[hidden]{display:none}.k-hang__key{-webkit-tap-highlight-color:transparent;background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;color:var(--ink);cursor:pointer;display:grid;flex:0 0 calc((100% - (var(--per-row) - 1)*var(--gap))/var(--per-row));font:inherit;font-size:24px;font-weight:700;line-height:1;min-height:52px;min-width:44px;padding:0;place-items:center;position:relative;touch-action:manipulation}.k-hang__key:hover:not([aria-disabled]){background:var(--surface-2)}.k-hang__key:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.k-hang__key.state{background:var(--st);border-color:transparent;color:#fff}.k-hang__key[aria-disabled]{cursor:default}.k-hang__keys.is-locked .k-hang__key:not(.state){opacity:.5}.k-hang__cue{font-size:13px;font-weight:800;position:absolute;right:5px;top:2px}.k-hang__keys.is-qwerty{--gap:4px;align-items:stretch;flex-direction:column;flex-wrap:nowrap}.k-hang__row{display:flex;gap:var(--gap);justify-content:center}.k-hang__keys.is-qwerty .k-hang__key{flex:0 0 calc(10% - var(--gap)*9/10);font-size:22px;min-width:0}.k-hang__keys.is-qwerty .k-hang__cue{font-size:11px;right:3px}.k-hang.is-upper .k-hang__end-text strong,.k-hang.is-upper .k-hang__key-l,.k-hang.is-upper .k-hang__slot{text-transform:uppercase}.k-hang__end,.k-hang__summary{display:grid;gap:var(--s3);justify-items:center;padding:var(--s3) 0;text-align:center}.k-hang__end[hidden],.k-hang__summary[hidden]{display:none}.k-hang__end-text{font-size:20px;font-stretch:100%;font-weight:700}.k-hang__end-actions{display:flex;flex-wrap:wrap;gap:var(--s2);justify-content:center}.k-hang__end-actions [hidden]{display:none}.k-hang__summary h2:focus{outline:none}.k-hang__summary-text{font-size:18px;font-weight:600}.k-hang__big{font-size:18px;min-height:56px;padding-inline:var(--s6)}.k-hang__stars{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;max-width:300px}.k-hang__star{fill:none;stroke:var(--line-strong);stroke-width:1.6;stroke-linejoin:round;height:28px;width:28px}.k-hang__star.is-on{fill:var(--field);stroke:var(--deep)}.k-hang__controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);justify-content:center}.k-hang__controls form{margin:0}.k-hang__check{align-items:center;cursor:pointer;display:inline-flex;font-weight:600;gap:var(--s2);min-height:44px}.k-hang__check input{accent-color:var(--ink);height:20px;margin:0;width:20px}.k-hang__stats{border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums;width:100%}.k-hang__stats td,.k-hang__stats th{border-bottom:1px solid var(--line);padding:8px 4px;text-align:right}.k-hang__stats th:first-child{text-align:left;white-space:nowrap}.k-hang__stats thead th{color:var(--ink-2);font-size:12px;font-weight:600}.k-hang__reset{margin-top:var(--s5)}.k-hang__reset p{font-weight:600}.k-hang__about{margin-top:var(--s6);max-width:62ch}.k-hang__about h2{margin:var(--s6) 0 var(--s3)}.k-hang__about h2:first-child{margin-top:0}.k-hang__about ol{margin:var(--s3) 0;padding-left:1.25em}.k-hang__about li+li{margin-top:6px}.k-hang__keys-help{border-collapse:collapse;font-size:15px}.k-hang__keys-help td,.k-hang__keys-help th{border-bottom:1px solid var(--line);padding:6px var(--s4) 6px 0;text-align:left;vertical-align:top}.k-hang__keys-help th{font-weight:600;white-space:nowrap}