/* Impiccato: "La Madonna è: ___". Riusa le classi pch-* di porchle.css per tastiera, pulsanti e statistiche. */
.imp{gap:0;align-items:stretch}
.imp-draw{margin:0 auto 4px;width:100%;max-width:210px}
.imp-draw svg{width:100%;height:auto;display:block;overflow:visible}
.imp-draw.shake{animation:pch-shake .4s}
.imp-g path{fill:none;stroke:var(--ink);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.imp-p{fill:none;stroke:var(--ink);stroke-width:5;stroke-linecap:round;opacity:0;transform-box:fill-box;transform-origin:center}
.imp-p.imp-halo{stroke:#F5B301;stroke-width:4}
.imp-p.on{opacity:1;animation:imp-draw .4s cubic-bezier(.2,1.4,.4,1) both}
@keyframes imp-draw{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}
.imp-label{text-align:center;font:700 clamp(1.3rem,4vw,1.8rem)/1.2 "Trebuchet MS",system-ui,sans-serif;margin:8px 0 10px}
.imp-label span{color:var(--accent)}
.imp-word{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 6px}
.imp-t{width:clamp(24px,7.5vw,40px);height:clamp(34px,9.5vw,50px);display:flex;align-items:center;justify-content:center;border-bottom:3px solid var(--ink);font:700 clamp(1.1rem,4.2vw,1.8rem) "Trebuchet MS",system-ui,sans-serif;text-transform:uppercase;line-height:1}
.imp-t.on{border-color:var(--accent);color:var(--ink)}
.imp-t.h{border-color:#F5B301;background:var(--sky);border-radius:6px 6px 0 0}
.imp-t.miss{color:#E5484D;border-color:#E5484D}
.imp-t.pop{animation:pch-pop .35s ease-out}
.imp .pch-k:disabled{cursor:default}
.imp .pch-k:disabled:not(.g):not(.n){opacity:.45}