.hh{max-width:820px;margin:0 auto}.hh-stage{background:#fff1f5;border-color:#3a2a22;border-radius:22px;overflow:hidden;box-shadow:8px 8px #3a2a22}.hh-stage canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.hh-stage .overlay{background:#3a2a228c}.hh-stage .overlay .result{text-shadow:0 2px #3a2a22;max-width:46ch;font-family:Fredoka,Inter,sans-serif}.hh-quip{text-align:left;align-items:flex-end;gap:12px;max-width:620px;margin:18px auto 0;display:flex}.hh-quip img{transform-origin:50% 100%;flex:none;width:56px;height:auto;animation:3.2s ease-in-out infinite hh-nod}.hh-quip p{color:#3a2a22;background:#fff;border:3px solid #3a2a22;border-radius:18px 18px 18px 4px;margin:0;padding:10px 14px;font-weight:700;animation:.3s ease-out hh-say;box-shadow:3px 3px #3a2a22}.hh-keys{max-width:60ch;margin:14px auto 0;font-size:.9rem}@keyframes hh-nod{0%,80%,to{rotate:0deg}88%{rotate:-4deg}94%{rotate:2deg}}@keyframes hh-say{0%{opacity:.3;translate:0 6px}}@media (max-width:480px){.hh-stage{border-radius:16px;box-shadow:5px 5px #3a2a22}.hh-stage .overlay{gap:8px;padding:10px}.hh-stage .overlay .result{font-size:.95rem}.hh-stage .overlay button{padding:8px 18px}}@media (prefers-reduced-motion:reduce){.hh-quip img,.hh-quip p{animation:none}}