.site-mascot {
  --mascot-size: 108px;
  --mascot-edge: max(120px, env(safe-area-inset-bottom));
  position: fixed;
  z-index: 900;
  right: max(12px, env(safe-area-inset-right));
  bottom: var(--mascot-edge);
  width: var(--mascot-size);
  height: var(--mascot-size);
  opacity: 1;
  transform: translateY(0);
  transition: opacity .2s ease, transform .2s ease, bottom .2s ease;
  user-select: none;
}
.site-mascot[hidden],.site-mascot.is-ad-obscured { display:none!important; }
.site-mascot.is-preparing { visibility:hidden;opacity:0;transform:translateY(10px); }
.site-mascot.is-dragging { transition:none;cursor:grabbing; }
.site-mascot-character {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  filter:drop-shadow(0 5px 9px rgba(0,0,0,.22));
  cursor:pointer;
  touch-action:none;
}
.site-mascot.is-draggable .site-mascot-character { cursor:grab; }
.site-mascot.is-dragging .site-mascot-character { cursor:grabbing; }
.site-mascot-character img { width:100%;height:100%;object-fit:contain;pointer-events:none; }
.site-mascot-bubble {
  position:absolute;
  right:calc(100% + 8px);
  bottom:38%;
  width:245px;
  max-width:calc(100vw - var(--mascot-size) - 32px);
  padding:.72rem 1.65rem .72rem .85rem;
  border:1px solid #cfe2d6;
  border-radius:14px 14px 4px 14px;
  color:#173b2a;
  background:rgba(255,255,255,.97);
  box-shadow:0 8px 24px rgba(0,0,0,.15);
  font-size:.83rem;
  line-height:1.38;
  user-select:text;
}
.site-mascot.is-bubble-right .site-mascot-bubble { right:auto;left:calc(100% + 8px);border-radius:14px 14px 14px 4px; }
.site-mascot.is-bubble-below .site-mascot-bubble { top:62%;bottom:auto; }
.site-mascot-bubble.is-collapsed { display:none; }
.site-mascot-message { overflow-wrap:anywhere; }
.site-mascot-message a { color:#198754;font-weight:600;text-decoration:underline; }
.site-mascot-message a:hover,.site-mascot-message a:focus-visible { color:#146c43; }
.site-mascot-action {
  display:inline-flex;
  align-items:center;
  margin-top:.55rem;
  padding:.34rem .62rem;
  border-radius:8px;
  color:#fff;
  background:#198754;
  font-size:.76rem;
  font-weight:600;
  line-height:1.2;
  text-decoration:none;
}
.site-mascot-action:hover,.site-mascot-action:focus-visible { color:#fff;background:#157347; }
.site-mascot-action[hidden] { display:none!important; }
.site-mascot-close {
  position:absolute;
  top:.15rem;
  right:.3rem;
  width:1.5rem;
  height:1.5rem;
  padding:0;
  border:0;
  color:#557064;
  background:transparent;
  font-size:1.2rem;
  line-height:1;
}
.site-mascot-close:hover,.site-mascot-close:focus-visible { color:#198754; }
@media (max-width:575.98px) {
  .site-mascot { --mascot-size:min(82px, var(--configured-mascot-size, 82px));right:8px; }
  .site-mascot-bubble { width:210px;padding:.62rem 1.45rem .62rem .72rem;font-size:.76rem; }
}
@media (prefers-color-scheme:dark) {
  .site-mascot-bubble { color:#d7f5e4;border-color:#2f6847;background:rgba(22,27,34,.97); }
  .site-mascot-close { color:#91b7a0; }
}
@media (prefers-reduced-motion:reduce) {
  .site-mascot { transition:none; }
}