/* Positioned in the existing fixed 450 × 788 composition, so phone scaling
   keeps the same little bubble and curved hand-drawn arrow beside Cozzyko. */
#home-scene .cozzyko-tap-hint{position:absolute;left:calc(100% + 7px);top:16px;width:79px;z-index:2;pointer-events:none;user-select:none;opacity:1;visibility:visible;transform:rotate(3deg);transform-origin:10% 75%;animation:cozzyko-hint-float 3.2s ease-in-out 2;transition:opacity .3s ease,visibility 0s linear .3s}
#home-scene .cozzyko-tap-hint-bubble{display:flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:4px 8px 5px;border:1px solid #a6c3b0;border-radius:47% 52% 45% 50% / 46% 48% 48% 50%;background:#fffdf2;color:#607e69;font-family:'Gaegu',ui-rounded,'Trebuchet MS',sans-serif;font-size:18px;font-weight:400;line-height:1.1;letter-spacing:-.025em;white-space:nowrap;box-shadow:0 3px 7px #5d80640b}
#home-scene .cozzyko-tap-hint-heart{width:11px;height:11px;flex:none;fill:none;stroke:#7c9d87;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-9deg)}
#home-scene .cozzyko-tap-hint-arrow{position:absolute;left:-29px;top:22px;width:42px;height:33px;overflow:visible;fill:none;stroke:#7c9b84;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
#home-scene .cozzyko-tap-hint.is-dismissed{opacity:0;visibility:hidden;animation:none}
@keyframes cozzyko-hint-float{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-3px) rotate(1deg)}}
@media(prefers-reduced-motion:reduce){#home-scene .cozzyko-tap-hint{animation:none;transition:none}}