.hud-button{--hud-edge:var(--panel-edge);height:calc(var(--game-unit) * 2);padding-inline:calc(var(--game-unit) * .75);border-radius:calc(var(--game-unit) * .75);box-shadow:0 calc(var(--game-unit) * .25) 0 var(--hud-edge);white-space:nowrap;font-size:.9375em;position:relative}.hud-button:active:not(:disabled,[aria-disabled=true]){transform:translateY(calc(var(--game-unit) * .1875));box-shadow:0 calc(var(--game-unit) * .0625) 0 var(--hud-edge);transition-duration:0s}.hud-icon{width:1.5rem;height:1.5rem;display:none}.hud-button--icon{width:calc(var(--game-unit) * 2);padding-inline:0}.hud-button--icon .hud-label{display:none}.hud-button--icon .hud-icon{width:1.25em;height:1.25em;display:block}@media (prefers-reduced-motion:no-preference){.hud-button--icon .hud-icon{transition:transform var(--duration-hover) ease}}.hud-button--icon:hover .hud-icon{transform:rotate(45deg)}.hangman-game{grid-template-columns:auto minmax(0,1fr);grid-template-rows:calc(var(--game-unit) * var(--hud-units,2.75)) minmax(0, 1fr);height:100%;min-height:0;color:var(--cream);font-family:var(--body);grid-template-areas:"stats controls""board board";display:grid}.hangman-hud__stats,.hangman-hud__controls{font-size:var(--game-unit);align-self:center}.hangman-hud__stats{margin-left:var(--game-unit);grid-area:stats;justify-self:start;gap:1.25em;display:flex}.hangman-hud__controls{margin-right:var(--game-unit);grid-area:controls;justify-self:end;gap:.5em;display:flex}.hangman-hud__stat{align-items:baseline;gap:.25em;display:flex}.hangman-hud__stat-label{color:var(--cream);font-size:.875em}.hangman-hud__stat-value{min-width:var(--reading);font-size:1.0625em;font-weight:700}.hangman{place-items:center;gap:calc(var(--game-unit) * .75);width:100%;height:100%;min-height:0;padding:calc(var(--game-unit) * .5);isolation:isolate;grid-area:board;grid-template-rows:minmax(0,1fr) auto auto;display:grid;position:relative;overflow:hidden}.hangman__gallows{aspect-ratio:120/160;width:auto;height:100%;min-height:0;stroke:var(--cream);stroke-width:3px}.hangman__frame{stroke:var(--cream-soft)}.hangman__part{stroke-dasharray:1}@media (prefers-reduced-motion:no-preference){.hangman__part{animation:.24s ease-out hangman-stroke-in}}@keyframes hangman-stroke-in{0%{stroke-dashoffset:1px}}.hangman__word{width:100%}.hangman__slots{justify-content:center;gap:calc(var(--game-unit) * .5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.hangman__slot{width:calc(var(--game-unit) * 2.25);height:calc(var(--game-unit) * 2.5);border-bottom:calc(var(--game-unit) * .1875) solid var(--cream-soft);font-family:var(--display);font-size:calc(var(--game-unit) * 2);place-items:center;font-weight:600;line-height:1;display:grid}.hangman__slot[data-filled]{border-bottom-color:var(--cream)}.hangman__keyboard{justify-content:center;gap:calc(var(--game-unit) * .375);max-width:calc(var(--game-unit) * 45);flex-wrap:wrap;display:flex}.hangman__key{width:calc(var(--game-unit) * 3);height:calc(var(--game-unit) * 3.25);border-radius:calc(var(--game-unit) * .5);box-shadow:0 calc(var(--game-unit) * .25) 0 var(--panel-edge);font-size:calc(var(--game-unit) * 1.5);padding-inline:0}.hangman__key:active:not(:disabled,[aria-disabled=true]){transform:translateY(calc(var(--game-unit) * .1875));box-shadow:0 calc(var(--game-unit) * .0625) 0 var(--panel-edge);transition-duration:0s}.hangman__key[data-guess]{background:color-mix(in srgb, var(--cream) 18%, transparent);box-shadow:none;color:var(--cream-soft);opacity:1}.hangman__key[data-guess=hit],.hangman__key[data-guess=hint]{background:var(--accent);color:var(--accent-ink)}.hangman__key[data-guess=hint]{text-underline-offset:calc(var(--game-unit) * .125);text-decoration:underline}.hangman__key[data-guess=miss]{text-decoration:line-through}.hangman-win,.hangman-lose{background:color-mix(in srgb, var(--table-edge) 60%, transparent)}.hangman-win__panel,.hangman-lose__panel{text-align:center}.hangman-win__title,.hangman-lose__title{margin:0 0 .25rem}.hangman-win__reading,.hangman-lose__reading{color:var(--ink-soft);margin:0 0 1.25rem}.hangman-win__reading:has(+.hangman-win__note){margin-bottom:.25rem}.hangman-win__note{color:var(--ink-soft);margin:0 0 1.25rem;font-size:.875rem}.hangman-win__actions,.hangman-lose__actions{justify-content:center;gap:.75rem;display:flex}@media (width<=40rem) and (height>=24rem){.hangman-game{grid-template:"stats""board"minmax(0,1fr)"controls"/minmax(0,1fr)}.hangman-hud__stats,.hangman-hud__controls{flex-wrap:wrap;justify-content:center;justify-self:center;margin:0;padding-block:.5rem;font-size:1rem}.hangman-hud__controls{flex-direction:row-reverse;justify-content:space-evenly;gap:1.5rem .5rem;width:100%;padding-block:.75rem 1.5rem;padding-inline:.5rem}.hangman-hud__label{color:var(--cream);font-family:var(--body);text-align:center;white-space:nowrap;pointer-events:none;font-size:.625rem;line-height:1;position:absolute;inset:calc(100% + .375rem) -1rem auto}.hangman-hud__icon{display:block}.hangman-hud__button--icon .hangman-hud__icon{width:1.5rem;height:1.5rem}.hangman-hud__button{border-radius:var(--radius-control);width:2.75rem;height:2.75rem;box-shadow:0 .25rem 0 var(--hud-edge);padding-inline:0}.hangman-hud__button:active:not(:disabled,[aria-disabled=true]){box-shadow:0 .0625rem 0 var(--hud-edge);transform:translateY(.1875rem)}.hangman__slot{border-bottom-width:.125rem;width:1.5rem;height:1.75rem;font-size:1.375rem}.hangman__slots{gap:.25rem}.hangman__keyboard{gap:.25rem;max-width:22rem}.hangman__key{border-radius:var(--radius-control);width:2.25rem;height:2.5rem;box-shadow:0 .25rem 0 var(--panel-edge);font-size:1rem}.hangman__key:active:not(:disabled,[aria-disabled=true]){box-shadow:0 .0625rem 0 var(--panel-edge);transform:translateY(.1875rem)}}