#character-wrapper{width:var(--char-width, calc(100vw - 300px) );height:var(--char-height, calc(100dvh - 3rem) );position:fixed;bottom:0;right:0;display:flex;justify-content:center;align-items:flex-start;pointer-events:none}#character-wrapper.handheld-anim{animation:handheld 9s ease-in-out infinite}#character-wrapper.tile-mode{height:128px;position:absolute;justify-content:flex-start;align-items:flex-start}#character,#character-wrapper.tile-mode{width:128px;display:flex;flex-direction:column}#character{margin-top:calc(50dvh - 1.5rem - 48px)}#character-wrapper.tile-mode #character{margin-top:0}.char-slice{width:128px;overflow:hidden;position:relative}.char-sprite{position:absolute;width:384px;height:512px;top:0;left:-128px}.speech-bubble{bottom:calc(100% + 10px);max-width:180px;padding:6px 10px;background:#fffffff2;color:#1a1a22;font-size:.78rem;line-height:1.35;border-radius:10px;box-shadow:0 4px 12px #00000040;white-space:normal;word-break:break-word;text-align:center;z-index:10001}.speech-bubble,.speech-bubble:after{position:absolute;left:50%;transform:translate(-50%)}.speech-bubble:after{content:"";top:100%;border:6px solid transparent;border-top-color:#fffffff2}.bubble-fade-enter-active,.bubble-fade-leave-active{transition:opacity .2s ease}.bubble-fade-enter-from,.bubble-fade-leave-to{opacity:0}.char-sprite-bottom{top:-64px}