.pixel-mascot-container{position:fixed;bottom:0;left:20px;z-index:9999;display:flex;align-items:flex-end;pointer-events:none;transition:transform .3s ease}.tutorial-bubble{position:fixed;bottom:160px;left:80px;background-color:#fff;color:#333;padding:15px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);max-width:250px;z-index:9998;font-size:14px;line-height:1.4;pointer-events:auto;opacity:.95;transition:all .3s ease}.tutorial-bubble.changing{opacity:.7;transform:scale(.98)}.tutorial-bubble:after{content:'';position:absolute;bottom:-10px;left:20px;border-width:10px 10px 0;border-style:solid;border-color:#fff transparent transparent}@media (max-width:768px){.tutorial-bubble{bottom:120px;left:50px;max-width:200px;font-size:12px;padding:10px}}.pixel-mascot{pointer-events:auto;width:150px;height:auto;max-width:150px;filter:drop-shadow(0 4px 8px rgba(0, 0, 0, .3));transition:opacity .2s ease,transform .2s ease}.pixel-mascot.changing{opacity:.7;transform:scale(.95)}@media (max-width:768px){.pixel-mascot-container{bottom:10px;left:10px}.pixel-mascot{width:100px;max-width:100px}}.modal{z-index:10000}