.frame .c3note{
width: 20px;height: 25px;background: #a38d46; border: 1.5px solid #4e4b4b;position: absolute;top: -50px;left: 80%;opacity:0.9;cursor:pointer;
filter: drop-shadow(0 2px 3px rgba(0,0,0,0.15));clip-path: polygon(0% 0%, 80% 0%,100% 20%,100% 100%, 0% 100%);
}
.frame.active .c3note{ animation: fall 15s linear forwards, sway 3s ease-in-out infinite alternate; }

#btnCloseMap{display:none;}

@keyframes fall {
0% {top:-50px;left:80%;transform:rotate(0deg);}
100% {top:90%;left:90%;transform:rotate(360deg);}
}

@keyframes sway {
0% {transform: translateX(0) rotate(0deg);}
20% {transform: translateX(-15px) rotate(-10deg);}
40% {transform: translateX(15px) rotate(10deg);}
60% {transform: translateX(-10px) rotate(-7deg);}
80% {transform: translateX(10px) rotate(7deg);}
100% {transform: translateX(0) rotate(0deg);}
}