/* JoyJoy contextual bot help + deep-link target, v2 (mobile-safe) */
.jj-bot-help-float{
  --jj-help-accent:#32c5ff;
  --jj-help-accent-strong:#149fd1;
  --jj-help-bottom:18px;
  --jj-help-right:18px;
  position:fixed;
  right:calc(var(--jj-help-right) + env(safe-area-inset-right,0px));
  bottom:calc(var(--jj-help-bottom) + env(safe-area-inset-bottom,0px));
  z-index:10016;
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--jj-help-accent) 72%,#fff);
  border-radius:14px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--jj-help-accent) 96%,#fff 4%),var(--jj-help-accent-strong));
  color:#fff!important;
  text-decoration:none!important;
  font:900 20px/1 "Nunito","Segoe UI",Arial,sans-serif;
  box-shadow:0 10px 28px color-mix(in srgb,var(--jj-help-accent) 28%,transparent),0 2px 8px rgba(15,23,42,.16);
  cursor:pointer;
  isolation:isolate;
  transform:translateZ(0);
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  user-select:none;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,opacity .16s ease,visibility .16s ease,bottom .18s ease;
}
.jj-bot-help-float::before{
  content:"";
  position:absolute;
  inset:5px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:10px;
  pointer-events:none;
}
.jj-bot-help-float::after{
  content:attr(data-help-label);
  position:absolute;
  right:calc(100% + 10px);
  top:50%;
  transform:translateY(-50%) translateX(5px);
  min-width:max-content;
  max-width:min(230px,calc(100vw - 90px));
  padding:8px 10px;
  border:1px solid var(--account-border,#d7e2ef);
  border-radius:10px;
  background:var(--account-surface,#fff);
  color:var(--account-text,#18243a);
  box-shadow:0 8px 24px rgba(15,23,42,.13);
  font:800 12px/1.25 "Nunito","Segoe UI",Arial,sans-serif;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .15s ease,transform .15s ease,visibility .15s ease;
}
.jj-bot-help-float:hover,.jj-bot-help-float:focus-visible{
  transform:translateY(-2px) scale(1.04);
  box-shadow:0 14px 34px color-mix(in srgb,var(--jj-help-accent) 36%,transparent),0 3px 10px rgba(15,23,42,.18);
  filter:saturate(1.05);
  outline:3px solid color-mix(in srgb,var(--jj-help-accent) 22%,transparent);
  outline-offset:3px;
}
.jj-bot-help-float:hover::after,.jj-bot-help-float:focus-visible::after{
  opacity:1;
  visibility:visible;
  transform:translateY(-50%) translateX(0);
}
.jj-bot-help-float[data-bot="tunetune"]{--jj-help-accent:#32c5ff;--jj-help-accent-strong:#168fc5}
.jj-bot-help-float[data-bot="shieldy"]{--jj-help-accent:#2da44e;--jj-help-accent-strong:#21843e}
.jj-bot-help-float[data-bot="gamey"]{--jj-help-accent:#e84d8a;--jj-help-accent-strong:#c92f6c}
.jj-bot-help-float[data-mobile-keyboard="1"],
.jj-bot-help-float[data-modal-obscured="1"]{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

#quick-link-box{scroll-margin-top:96px;scroll-margin-bottom:120px}
#quick-link-box.jj-context-target-pulse{
  position:relative;
  animation:jjContextTargetPulse 1.65s ease 2;
  border-color:color-mix(in srgb,var(--account-accent,#32c5ff) 68%,var(--account-border,#d7e2ef))!important;
}
#quick-link-box.jj-context-target-pulse::after{
  content:"";
  position:absolute;
  inset:-5px;
  border:2px solid color-mix(in srgb,var(--account-accent,#32c5ff) 35%,transparent);
  border-radius:inherit;
  pointer-events:none;
  animation:jjContextRing 1.65s ease 2;
}
@keyframes jjContextTargetPulse{
  0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--account-accent,#32c5ff) 0%,transparent)}
  45%{box-shadow:0 0 0 7px color-mix(in srgb,var(--account-accent,#32c5ff) 13%,transparent)}
}
@keyframes jjContextRing{
  0%{opacity:.9;transform:scale(.985)}
  70%,100%{opacity:0;transform:scale(1.025)}
}

@media (max-width:820px){
  .jj-bot-help-float{
    --jj-help-bottom:14px;
    --jj-help-right:12px;
    width:48px;
    height:48px;
    min-width:48px;
    min-height:48px;
    border-radius:16px;
    font-size:22px;
    box-shadow:0 9px 25px color-mix(in srgb,var(--jj-help-accent) 27%,transparent),0 2px 7px rgba(15,23,42,.16);
  }
  .jj-bot-help-float::before{inset:5px;border-radius:12px}
  .jj-bot-help-float::after{display:none}
  #quick-link-box{scroll-margin-top:78px;scroll-margin-bottom:150px}
}
@media (max-width:430px){
  .jj-bot-help-float{
    --jj-help-right:10px;
    width:46px;
    height:46px;
    min-width:46px;
    min-height:46px;
    border-radius:15px;
    font-size:21px;
  }
}
@media (max-height:520px) and (orientation:landscape){
  .jj-bot-help-float{--jj-help-bottom:10px;--jj-help-right:10px;width:44px;height:44px;min-width:44px;min-height:44px}
}
@media (prefers-reduced-motion:reduce){
  .jj-bot-help-float,#quick-link-box.jj-context-target-pulse,#quick-link-box.jj-context-target-pulse::after{transition:none!important;animation:none!important}
}