.club-mascot{position:fixed;right:18px;bottom:95px;z-index:44;width:84px}
.club-mascot figure{margin:0}
.club-mascot-trigger{display:grid;justify-items:center;width:100%;padding:0;border:0;background:none;cursor:grab;touch-action:none;user-select:none}
.club-mascot-trigger:active{cursor:grabbing}
.club-mascot-trigger img{width:76px;height:auto;pointer-events:none;filter:drop-shadow(0 6px 8px #16243633)}
.club-mascot-trigger span{border-radius:16px;background:#33516c;color:white;padding:3px 8px;font-size:11px;font-weight:700}
.club-mascot-bubble{position:absolute;bottom:20px;right:calc(100% + 8px);width:min(290px,calc(100vw - 110px));padding:12px 14px;background:var(--card,#fff);color:var(--ink,#234);border:1px solid var(--line,#dce6ef);border-radius:16px;box-shadow:0 8px 26px #20374d26;font-size:13px}
.club-mascot-bubble header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.club-mascot-bubble strong{color:#087d72;font-size:11px;letter-spacing:.06em}
.club-mascot-bubble button{background:none;border:0;color:inherit;cursor:pointer}
.club-mascot-bubble p{margin:4px 0 0}
.club-mascot.bubble-right .club-mascot-bubble{left:calc(100% + 8px);right:auto}
.club-mascot.bubble-above .club-mascot-bubble{bottom:100%;left:var(--bubble-offset);right:auto}
.club-mascot:not(.is-dragging) img{animation:mascot-step 3s ease-in-out infinite}
@keyframes mascot-step{0%,100%{transform:translate(-6px,0) rotate(-5deg)}50%{transform:translate(6px,-8px) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.club-mascot img{animation:none!important}}

.club-mascot-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:35vh;overflow:auto}