.mascot-container { width: 120px; height: 140px; position: relative; margin: 20px auto; cursor: pointer; transition: transform 0.3s ease; }
.mascot-container:hover { transform: scale(1.1); }
.mascot-body.hamster { width: 100px; height: 100px; background: linear-gradient(135deg, #FFD4A3 0%, #FFA726 100%); border-radius: 50% 50% 45% 45%; position: relative; margin: 0 auto; animation: float 3s ease-in-out infinite; }
@keyframes float { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-8px) rotate(2deg); } }

.ear { width: 20px; height: 25px; background: #FFA726; border-radius: 50% 50% 0 0; position: absolute; top: -8px; }
.ear-left { left: 15px; transform: rotate(-20deg); }
.ear-right { right: 15px; transform: rotate(20deg); }
.eyes { position: absolute; width: 100%; height: 50%; top: 25%; display: flex; justify-content: space-around; padding: 0 25px; }
.eye { width: 18px; height: 22px; background: white; border-radius: 50%; border: 2px solid #333; position: relative; }
.pupil { width: 10px; height: 10px; background: #000; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.eye.blinking { animation: blink 0.3s ease-in-out; }
@keyframes blink { 0%, 90%, 100% { height: 22px; border-width: 2px; } 95% { height: 3px; border-width: 1px; } }

.nose { position: absolute; bottom: 35%; left: 50%; transform: translateX(-50%); width: 8px; height: 6px; background: #FF69B4; border-radius: 50%; }
.mouth-hamster { position: absolute; bottom: 32%; left: 50%; transform: translateX(-50%); width: 20px; height: 8px; border: 2px solid #333; border-top: none; border-radius: 0 0 50% 50%; }
.paw { position: absolute; width: 18px; height: 25px; background: #FFA726; border-radius: 40% 40% 50% 50%; bottom: -8px; }
.paw-left { left: 20px; transform: rotate(-10deg); }
.paw-right { right: 20px; transform: rotate(10deg); }
.mascot-container:hover .paw-right { animation: wave 0.5s ease-in-out infinite; }
@keyframes wave { 0%, 100% { transform: rotate(10deg); } 50% { transform: rotate(-10deg); } }
.mascot-info { text-align: center; color: #8A94A6; font-size: 0.75rem; margin-top: 10px; }