/* Elegance MX — approved blue-ice / gold clover, freely draggable on touch screens.
   Size increased by 25% over the compact previous version, with GPU-accelerated touch drag. */
.social-clover.jewel-clover{
 position:fixed;z-index:70;left:auto;top:auto;right:14px;bottom:16px;
 width:clamp(50.83375px,16.25vw,69.16625px);height:clamp(50.83375px,16.25vw,69.16625px);
 isolation:isolate;
 background:transparent;border:0;box-shadow:none;
 filter:drop-shadow(0 4px 10px rgba(0,0,0,.65)) drop-shadow(0 1px 5px rgba(126,201,255,.32));
 touch-action:none;user-select:none;-webkit-user-select:none;
 -webkit-touch-callout:none;cursor:grab;
}
.social-clover.jewel-clover.is-dragging{will-change:transform;cursor:grabbing;filter:drop-shadow(0 9px 19px rgba(0,0,0,.7)) drop-shadow(0 0 12px rgba(150,213,255,.75))}
.social-clover-art{
 display:block;width:100%;height:100%;position:absolute;inset:0;
 object-fit:contain;pointer-events:none;
 user-select:none;-webkit-user-drag:none;
}
.social-clover.jewel-clover .social-clover-leaf{
 position:absolute;display:block;width:39%;height:35%;z-index:2;
 background:transparent!important;border:0!important;box-shadow:none!important;
 opacity:1!important;visibility:visible!important;
 padding:0;margin:0;cursor:pointer;outline-offset:1px;
 -webkit-tap-highlight-color:transparent;touch-action:none;
 transition:none!important;
}
.social-clover.jewel-clover .social-clover-top-left{
 top:8%;left:5%;border-radius:60% 55% 18% 50%;transform:none!important;
}
.social-clover.jewel-clover .social-clover-top-right{
 top:8%;right:5%;border-radius:55% 60% 50% 18%;transform:none!important;
}
.social-clover.jewel-clover .social-clover-bottom-left{
 top:44%;left:5%;border-radius:50% 18% 55% 65%;transform:none!important;
}
.social-clover.jewel-clover .social-clover-bottom-right{
 top:44%;right:5%;border-radius:18% 50% 65% 55%;transform:none!important;
}
.social-clover.jewel-clover .social-clover-leaf:hover,
.social-clover.jewel-clover .social-clover-leaf:focus-visible{
 outline:2px solid rgba(191,235,255,.92);
 background:rgba(159,224,255,.12)!important;
}
.social-clover-stem{
 position:absolute;left:45%;top:80%;width:25%;height:17%;
 pointer-events:none;
}
.social-clover.jewel-clover:focus-visible{
 outline:2px solid #aedfff;outline-offset:3px;border-radius:20%;
}
.social-clover.jewel-clover .sr-only{
 position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
 clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
@media(max-width:650px){
 .social-clover.jewel-clover{
   width:clamp(49.16625px,15.416666vw,65.83375px);height:clamp(49.16625px,15.416666vw,65.83375px);
   /* transform is managed by touch drag; do not override it. */
 }
}
@media(prefers-reduced-motion:reduce){
 .social-clover.jewel-clover *{transition:none!important}
}