.ag-game-hangman .hm-wrap{grid-template-columns:minmax(180px,260px) minmax(0,1fr);align-items:center;gap:clamp(18px,4vw,48px);width:min(100%,860px);display:grid}.ag-game-hangman .hm-art{flex-direction:column;align-items:center;gap:10px;display:flex}.ag-game-hangman .hm-figure{width:100%;max-width:240px;height:auto;overflow:visible}.ag-game-hangman .hm-frame path{fill:none;stroke:var(--line);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.ag-game-hangman .hm-body>*{fill:none;stroke:var(--cat);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition:stroke-dashoffset .45s,opacity .1s linear}.ag-game-hangman .hm-body>:last-child{stroke-width:3px}.ag-game-hangman .hm-body>.is-on{stroke-dashoffset:0;opacity:1}:root[data-theme=light] .ag-game-hangman .hm-body>*{stroke:color-mix(in srgb,var(--cat) 50%,#0d1433)}.ag-game-hangman .hm-lives{gap:6px;display:flex}.ag-game-hangman .hm-pip{background:var(--cat);width:14px;height:14px;box-shadow:0 0 0 2px color-mix(in srgb,var(--cat) 30%,transparent);border-radius:50%}.ag-game-hangman .hm-pip.is-used{box-shadow:inset 0 0 0 2px var(--line);background:0 0}.ag-game-hangman .hm-lives-text{color:var(--muted);margin:0;font-size:.86rem;font-weight:650}.ag-game-hangman .hm-play{flex-direction:column;gap:18px;min-width:0;display:flex}.ag-game-hangman .hm-theme,.ag-game-hangman .hm-misses{flex-wrap:wrap;align-items:baseline;gap:10px;margin:0;display:flex}.ag-game-hangman .hm-theme span,.ag-game-hangman .hm-misses span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:750}.ag-game-hangman .hm-theme strong{background:color-mix(in srgb,var(--cat) 16%,var(--panel-soft));border:1px solid color-mix(in srgb,var(--cat) 45%,var(--hairline));min-height:30px;font-family:var(--display);border-radius:999px;align-items:center;padding:3px 12px;font-size:.95rem;display:inline-flex}.ag-game-hangman .hm-misses strong{font-family:var(--display);letter-spacing:.18em;color:var(--ink);font-size:1.1rem}.ag-game-hangman .hm-word{grid-template-columns:repeat(var(--len),minmax(0,1fr));width:min(100%,calc(var(--len) * 58px));gap:clamp(4px,1vw,10px);display:grid}.ag-game-hangman .hm-slot{aspect-ratio:4/5;border-bottom:4px solid var(--line);min-width:0;font-family:var(--display);color:var(--ink);place-items:end center;padding-bottom:4px;font-size:clamp(1.1rem,4.4vw,2.3rem);font-weight:800;line-height:1;display:grid}.ag-game-hangman .hm-slot.is-open{border-color:var(--cat);animation:.25s hm-pop}.ag-game-hangman .hm-slot.is-missed{color:#ff7a90;text-underline-offset:6px;border-color:#ff7a90;text-decoration:underline 2px dotted}:root[data-theme=light] .ag-game-hangman .hm-slot.is-missed{color:#b3123a;border-color:#b3123a}@keyframes hm-pop{0%{opacity:0;transform:translateY(6px)}}.ag-game-hangman .hm-keys{flex-direction:column;align-items:center;gap:8px;width:min(100%,720px);display:flex}.ag-game-hangman .hm-row{justify-content:center;gap:6px;width:100%;display:flex}.ag-game-hangman .hm-key{border:1px solid var(--line);background:var(--panel-soft);min-width:0;min-height:52px;color:var(--ink);font-family:var(--display);cursor:pointer;border-radius:10px;flex:0 56px;padding:0;font-size:1.12rem;font-weight:800;transition:background-color .15s,border-color .15s,opacity .15s}.ag-game-hangman .hm-key:hover:not(:disabled){border-color:var(--cat)}.ag-game-hangman .hm-key:focus-visible{outline:3px solid var(--focus,var(--cat));outline-offset:2px}.ag-game-hangman .hm-key:disabled{cursor:default}.ag-game-hangman .hm-key.is-hit{background:var(--cat);color:#0b0f26;border-color:#0000}:root[data-theme=light] .ag-game-hangman .hm-key.is-hit{background:color-mix(in srgb,var(--cat) 45%,#0d1433);color:#fff}.ag-game-hangman .hm-key.is-miss{color:var(--muted);opacity:.55;background:0 0;border-style:dashed;text-decoration:line-through 2px}@media (width<=720px){.ag-game-hangman .hm-wrap{grid-template-columns:minmax(0,1fr);justify-items:center;gap:14px}.ag-game-hangman .hm-art{flex-flow:wrap;justify-content:center;gap:8px 16px}.ag-game-hangman .hm-figure{width:150px}.ag-game-hangman .hm-play{align-items:center;gap:14px;width:100%}.ag-game-hangman .hm-art .hm-lives-text{text-align:center;width:100%}.ag-game-hangman .hm-row{gap:4px}.ag-game-hangman .hm-key{border-radius:8px;min-height:48px;font-size:1rem}}@media (prefers-reduced-motion:reduce){.ag-game-hangman .hm-body>*{transition:none}.ag-game-hangman .hm-slot.is-open{animation:none}}@media (forced-colors:active){.ag-game-hangman .hm-body>*,.ag-game-hangman .hm-frame path{stroke:canvastext}.ag-game-hangman .hm-key.is-hit{outline:2px solid highlight}}
