/* Ivey's short choice reactions. The card stays still; only its artwork moves. */
html body .wmh-host-reaction.wmh-host-reaction{position:fixed!important;z-index:2147482600!important;display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;box-sizing:border-box!important;width:184px!important;max-width:calc(100vw - 20px)!important;min-height:92px!important;margin:0!important;padding:7px!important;border:1px solid #8cbdd2!important;border-radius:17px!important;background:#faf9f4!important;color:#244653!important;box-shadow:none!important;pointer-events:none!important;opacity:0!important;overflow:hidden!important;}
html body .wmh-host-reaction.wmh-host-reaction[data-placed="true"]{opacity:1!important;}
html body .wmh-host-reaction.wmh-host-reaction[data-reaction="keep"]{border-color:#64bea3!important;}
html body .wmh-host-reaction.wmh-host-reaction[data-reaction="pass"]{border-color:#d89bb2!important;}
html body .wmh-host-reaction *{pointer-events:none!important;}
html body .wmh-host-reaction .wmh-host-reaction-well{position:relative!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;width:54px!important;height:76px!important;margin:0!important;padding:3px!important;border:1px solid #355968!important;border-radius:12px!important;background:#06090a!important;overflow:hidden!important;}
html body .wmh-host-reaction .wmh-host-reaction-image{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;border:0!important;object-fit:contain!important;object-position:center!important;background:transparent!important;transform-origin:50% 80%!important;}
html body .wmh-host-reaction .wmh-host-reaction-image[hidden]{display:none!important;}
html body .wmh-host-reaction .wmh-host-reaction-copy{display:block!important;min-width:0!important;margin:0!important;padding:0!important;color:#244653!important;font:500 13px/17px Arial,Helvetica,sans-serif!important;text-align:left!important;overflow-wrap:break-word!important;}
html body .wmh-host-reaction .wmh-host-reaction-twinkles{position:absolute!important;inset:0!important;overflow:hidden!important;}
html body .wmh-host-reaction .wmh-host-reaction-twinkles>span{position:absolute!important;display:block!important;color:#bbf3d7!important;font:12px/1 Georgia,serif!important;opacity:0;}
html body .wmh-host-reaction .wmh-host-reaction-twinkles>span:nth-child(1){left:3px!important;top:9px!important;}
html body .wmh-host-reaction .wmh-host-reaction-twinkles>span:nth-child(2){right:3px!important;top:31px!important;color:#f4b4cb!important;}
html body .wmh-host-reaction .wmh-host-reaction-twinkles>span:nth-child(3){left:6px!important;bottom:8px!important;color:#fde4a3!important;}
html body .wmh-host-reaction[data-motion="true"][data-reaction="keep"] .wmh-host-reaction-image{animation:wmh-host-happy-hop 600ms ease-in-out 2!important;}
html body .wmh-host-reaction[data-motion="true"][data-reaction="pass"] .wmh-host-reaction-image{animation:wmh-host-shrug-step 760ms ease-in-out 2!important;}
html body .wmh-host-reaction[data-motion="true"] .wmh-host-reaction-twinkles>span{animation:wmh-host-twinkle 850ms ease-out 1!important;}
html body .wmh-host-reaction[data-motion="true"] .wmh-host-reaction-twinkles>span:nth-child(2){animation-delay:100ms!important;}
html body .wmh-host-reaction[data-motion="true"] .wmh-host-reaction-twinkles>span:nth-child(3){animation-delay:210ms!important;}
html body .wmh-host-reaction[data-motion="false"] .wmh-host-reaction-image,html body .wmh-host-reaction[data-motion="false"] .wmh-host-reaction-twinkles>span{animation:none!important;}
html body .wmh-host-reaction-inline{display:inline!important;margin:0!important;padding:0!important;font:italic 12px/1.4 Georgia,serif!important;color:inherit!important;pointer-events:none!important;}
@keyframes wmh-host-happy-hop{0%,100%{transform:translateY(0) rotate(0);}28%{transform:translateY(-4px) rotate(-4deg);}58%{transform:translateY(-1px) rotate(4deg);}80%{transform:translateY(-3px) rotate(-1deg);}}
@keyframes wmh-host-shrug-step{0%,100%{transform:translateX(0) rotate(0);}30%{transform:translateX(3px) rotate(-4deg);}64%{transform:translateX(-2px) rotate(3deg);}}
@keyframes wmh-host-twinkle{0%,100%{opacity:0;transform:scale(.7);}35%{opacity:1;transform:scale(1.1);}65%{opacity:.65;transform:scale(.9);}}
@media(min-width:900px){html body .wmh-host-reaction.wmh-host-reaction{width:220px!important;grid-template-columns:66px minmax(0,1fr)!important;min-height:108px!important;gap:10px!important;padding:9px!important;}html body .wmh-host-reaction .wmh-host-reaction-well{width:66px!important;height:88px!important;}html body .wmh-host-reaction .wmh-host-reaction-copy{font-size:14px!important;line-height:18px!important;}}
@media(max-width:350px){html body .wmh-host-reaction.wmh-host-reaction{width:164px!important;grid-template-columns:46px minmax(0,1fr)!important;gap:6px!important;min-height:84px!important;padding:6px!important;}html body .wmh-host-reaction .wmh-host-reaction-well{width:46px!important;height:70px!important;}html body .wmh-host-reaction .wmh-host-reaction-copy{font-size:12px!important;line-height:15px!important;}}
@media(prefers-reduced-motion:reduce){html body .wmh-host-reaction .wmh-host-reaction-image,html body .wmh-host-reaction .wmh-host-reaction-twinkles>span{animation:none!important;}}

/* Narrow photo gaps get a portrait card before the status-only fallback.
 * The 96×75px compact frame preserves the same eight-pixel control clearance. */
html body .wmh-host-reaction.wmh-host-reaction[data-compact="true"]{width:96px!important;grid-template-columns:minmax(0,1fr)!important;gap:3px!important;min-height:0!important;max-height:130px!important;padding:5px!important;}
html body .wmh-host-reaction.wmh-host-reaction[data-compact="true"] .wmh-host-reaction-well{justify-self:center!important;width:56px!important;height:46px!important;padding:1px!important;border-radius:10px!important;}
html body .wmh-host-reaction.wmh-host-reaction[data-compact="true"] .wmh-host-reaction-copy{width:100%!important;font-size:11px!important;line-height:14px!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}