.companion{--sway:0deg;--droop:1;--blush:0;--head-tilt:0deg;display:flex;align-items:center;gap:8px;min-height:132px;margin:-10px 0 20px;padding:9px 12px 8px 16px;border:1px solid #2b4350;border-radius:18px;background:radial-gradient(ellipse at 83% 70%,#24493e99,transparent 65%),#11212e;overflow:hidden}.companion-copy{flex:1;min-width:0}.companion-copy strong{display:block;font-size:14px;color:#bceade;margin-bottom:8px}.companion-copy p{font-size:10px;line-height:1.5;color:#90a7b8;margin:0;max-width:220px}.companion svg{width:136px;height:136px;flex-shrink:0;overflow:visible}.companion .person{transform-origin:90px 156px;animation:companion-sway 3.8s ease-in-out infinite}.companion .head{transform-origin:90px 103px;transform:rotate(var(--head-tilt));transition:transform .8s}.companion .cheek{opacity:var(--blush);transition:opacity .8s}.companion .eye-droop{transform-origin:90px 70px;transform:scaleY(var(--droop));transition:transform .8s}.companion .blink{transform-origin:90px 70px;animation:companion-blink 6.8s infinite}.companion .drinking-arm{transform-origin:116px 116px;transform:rotate(var(--arm-drop,0deg));transition:transform .8s}.companion.taking-sip .drinking-arm{animation:companion-sip 1.5s ease-in-out}.companion .glass-liquid{fill:#d7a664;opacity:.85}.companion[data-level="0"] .person{animation:none}.section:not(.active) .companion *,.app-locked .companion *{animation-play-state:paused!important}@keyframes companion-sway{0%,100%{transform:translateY(var(--slump,0px)) rotate(calc(var(--body-lean,0deg) - var(--sway)))}50%{transform:translateY(var(--slump,0px)) rotate(calc(var(--body-lean,0deg) + var(--sway)))}}@keyframes companion-blink{0%,44%,47%,100%{transform:scaleY(1)}45%,46%{transform:scaleY(.08)}}@keyframes companion-sip{0%,100%{transform:rotate(0)}35%,68%{transform:rotate(-125deg)}}@media(prefers-reduced-motion:reduce){.companion *{animation:none!important;transition:none!important}.companion.taking-sip .drinking-arm{transform:rotate(-125deg)}}

.companion .hand-glass{transform-origin:144px 128px}.companion.taking-sip .hand-glass{animation:companion-glass 1.5s ease-in-out}@keyframes companion-glass{0%,100%{transform:rotate(0)}35%,68%{transform:rotate(50deg)}}@media(prefers-reduced-motion:reduce){.companion.taking-sip .hand-glass{transform:rotate(50deg)}}

.companion-shared{min-height:108px;margin:-16px 0 22px;padding-block:0}.companion-shared svg{width:112px;height:112px}.companion-shared .companion-copy strong{font-size:13px;margin-bottom:5px}.companion .mouth{transform-origin:91px 88px;transform:rotate(var(--mouth-tilt,0deg));transition:transform .8s}.companion[data-level="5"] .head,.companion[data-level="6"] .head{animation:companion-nod 4.5s ease-in-out infinite}.companion[data-level="6"] .person{animation-duration:3.1s}@keyframes companion-nod{0%,100%{transform:rotate(var(--head-tilt))}50%{transform:translateY(3px) rotate(calc(var(--head-tilt) - 9deg))}}@media(prefers-reduced-motion:reduce){.companion .person{transform:translateY(var(--slump,0px)) rotate(var(--body-lean,0deg))}.companion *{animation:none!important;transition:none!important}}

.companion .tobacco-prop,.companion .thc-prop{display:none}.companion .smoke-cloud{opacity:0;transform-origin:107px 75px}.companion.taking-tobacco .tobacco-prop,.companion.taking-thc .thc-prop{display:block}.companion.taking-tobacco .hand-glass,.companion.taking-thc .hand-glass{display:none}.companion.taking-tobacco .drinking-arm{animation:companion-cigarette 3.4s ease-in-out}.companion.taking-thc .drinking-arm{animation:companion-bong 3.4s ease-in-out}.companion.taking-thc .thc-prop{transform-origin:144px 128px;animation:companion-bong-tilt 3.4s ease-in-out}.companion.taking-tobacco .smoke-cloud,.companion.taking-thc .smoke-cloud{animation:companion-puff 3.4s ease-out}@keyframes companion-cigarette{0%,100%{transform:rotate(var(--arm-drop,0deg))}25%,66%{transform:rotate(-125deg)}}@keyframes companion-bong{0%,100%{transform:rotate(var(--arm-drop,0deg))}25%,66%{transform:rotate(-110deg)}}@keyframes companion-bong-tilt{0%,100%{transform:rotate(0)}25%,66%{transform:rotate(24deg)}}@keyframes companion-puff{0%,44%{opacity:0;transform:translateY(0)}57%{opacity:.6;transform:translateY(-3px)}100%{opacity:0;transform:translateY(-19px) scale(1.12)}}@media(prefers-reduced-motion:reduce){.companion.taking-tobacco .drinking-arm{transform:rotate(-125deg)}.companion.taking-thc .drinking-arm{transform:rotate(-110deg)}.companion.taking-thc .thc-prop{transform:rotate(24deg)}}