.hm-wrap{padding:0}.hm-head h1{letter-spacing:-.5px;font-family:"Baloo 2",cursive;font-size:clamp(34px,5vw,46px)}.hm-lede{max-width:62ch;color:var(--muted);margin:8px 0 22px;font-size:16.5px;line-height:1.55}.hm-stage{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:url(/img/hangman/stage-backdrop.webp) 50%/cover no-repeat,radial-gradient(68% 52% at 50% 34%,#ffcd5c33,#ffcd5c0d 55%,#0000 72%),linear-gradient(#191218 0%,#241a22 58%,#3d2b1f 58.5%,#2c2017 100%);border-radius:20px;grid-template-columns:280px minmax(0,1fr);grid-template-areas:"bells play""jester play";align-items:end;column-gap:18px;padding:22px 22px 26px;display:grid;position:relative;overflow:hidden}.hm-spot{z-index:1;pointer-events:none;background:radial-gradient(ellipse calc(75% * var(--hm-spot,1)) calc(60% * var(--hm-spot,1)) at 50% 38%, transparent 58%, #080508a8 100%);transition:background .5s;position:absolute;inset:0}.hm-bells{z-index:3;grid-area:bells;justify-content:center;align-self:end;gap:10px;margin-bottom:8px;display:flex;position:relative}.hm-bell{filter:drop-shadow(0 2px 2px #00000080);line-height:1;transition:transform .15s}.hm-bell img{width:auto;height:32px;display:block}.hm-bell.gone{animation:.7s cubic-bezier(.3,0,.7,1.2) forwards hm-belldrop}@keyframes hm-belldrop{0%{opacity:1;transform:translateY(0)rotate(0)}55%{opacity:1;transform:translateY(210px)rotate(38deg)}70%{transform:translateY(180px)rotate(52deg)}to{opacity:0;transform:translateY(230px)rotate(80deg)}}.hm-jester{z-index:2;grid-area:jester;justify-content:center;align-items:flex-end;height:300px;display:flex;position:relative}.hm-jester img{filter:drop-shadow(0 10px 14px #0000008c);width:auto;height:100%}.hm-jester.bounce{animation:.32s hm-bounce}@keyframes hm-bounce{40%{transform:scale(1.06,.92)translateY(4px)}75%{transform:scale(.97,1.05)translateY(-6px)}}.hm-jester.shake{animation:.4s hm-shake}@keyframes hm-shake{20%{transform:translate(-7px)rotate(-2deg)}45%{transform:translate(6px)rotate(2deg)}70%{transform:translate(-4px)}}.hm-playarea{z-index:3;grid-area:play;align-self:center;position:relative}.hm-modes{justify-content:center;gap:8px;margin:10px 0 4px;display:flex}.hm-mode{cursor:pointer;color:#fff;background:#ffffff14;border:2px solid #ffffff8c;border-radius:999px;padding:8px 20px;font:800 14.5px "Baloo 2",cursive;transition:all .15s}.hm-mode.on{background:var(--red);border-color:var(--red);box-shadow:0 3px #0006}.hm-meta{color:#f5e9d6;justify-content:center;align-items:center;gap:14px;margin:8px 0;font-size:14px;font-weight:700;display:flex}.hm-meta #hm-sound{cursor:pointer;opacity:.9;background:0 0;border:0;font-size:17px}.hm-cat{color:#fff;appearance:none;cursor:pointer;text-align:center;text-align-last:center;background-color:#ffffff14;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-position:right 14px center;background-repeat:no-repeat;background-size:13px;border:2px solid #ffffff8c;border-radius:999px;margin:0 auto 8px;padding:8px 40px 8px 22px;font:700 14.5px "Baloo 2",cursive;transition:border-color .15s;display:block}.hm-cat:hover{border-color:#fff}.hm-cat option{color:#1e1e1e;background:#fff}.hm-cat[hidden]{display:none!important}.hm-clue{text-align:center;color:#ffe9b3;max-width:56ch;margin:4px auto 6px;font-size:16.5px;font-weight:600}.hm-word{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 16px;display:flex}.hm-slot{color:#fff;text-shadow:0 2px #0006;border-bottom:4px solid #f5e9d6;place-items:center;width:46px;height:56px;font:800 30px "Baloo 2",cursive;display:grid}.hm-slot.hit{color:#ffd764;animation:.28s hm-pop}@keyframes hm-pop{45%{transform:scale(1.35)translateY(-4px)}}.hm-kbd{flex-wrap:wrap;justify-content:center;gap:7px;max-width:560px;margin:0 auto;display:flex}.hm-key{cursor:pointer;width:42px;height:46px;color:var(--ink);background:var(--paper);border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:10px;font:800 17px "Baloo 2",cursive;transition:transform 80ms,box-shadow 80ms}.hm-key:hover:not(:disabled){transform:translateY(-2px)rotate(-1.5deg)}.hm-key:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.hm-key:disabled{cursor:default}.hm-key.hit{color:#fff;background:#2fa757;border-color:#14532d;transform:none;box-shadow:0 4px #14532d}.hm-key.miss{box-shadow:none;color:#ffffff8c;background:#57534e;border-color:#292524;transform:translateY(3px)}.hm-result{text-align:center;background:var(--paper);border:3px solid var(--ink);max-width:560px;box-shadow:5px 5px 0 var(--ink);border-radius:16px;margin:18px auto 0;padding:18px 20px;animation:.35s cubic-bezier(.2,.9,.3,1.2) hm-cardin}@keyframes hm-cardin{0%{opacity:0;transform:translateY(18px)scale(.96)}}.hm-result-head{color:var(--ink);margin:0 0 6px;font:800 21px "Baloo 2",cursive}.hm-result-joke{color:var(--ink);margin:0 0 12px;font-size:16.5px;line-height:1.5}.hm-result-joke b{color:var(--red-text,var(--red))}.hm-result-actions{justify-content:center;gap:10px;display:flex}.hm-again{background:var(--paper);color:var(--ink)}.hm-result-copied{color:#1a8a4a;margin:10px 0 0;font-size:13.5px;font-weight:700}.hm-confetti{z-index:4;pointer-events:none;font-size:18px;animation:1.6s ease-in forwards hm-confetti;position:absolute;top:-10px}@keyframes hm-confetti{to{transform:translateY(430px) rotate(var(--hm-spin,340deg));opacity:0}}.hm-copy{max-width:720px;margin:40px auto 0}.hm-copy section{margin-bottom:26px}.hm-copy h2{margin-bottom:8px;font-family:"Baloo 2",cursive;font-size:24px}.hm-copy p{color:var(--ink);font-size:16px;line-height:1.62}.hm-copy a{color:var(--red-text,var(--red));font-weight:700}@media (width<=640px){.hm-wrap{padding:0}.hm-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"bells""jester""play";min-height:0;padding:18px 8px 22px}.hm-jester{height:150px}.hm-slot{width:30px;height:42px;font-size:21px}.hm-key{width:33px;height:42px;box-shadow:0 3px 0 var(--ink);font-size:15px}.hm-bell img{height:26px}}