/* ==========================================================================
   Hamsi Tank: ortak vurgular (bbo.css'in ÜSTÜNE gelir)
   Sitenin mavi-camgöbeği ekseni korunur; bu oyuna özel deniz mavisi ve
   hamsi gümüşü eklenir.
   ========================================================================== */

:root {
    --sea: #0e7fa8;
    --sea-2: #22b8d6;
    --sea-deep: #06324a;
    --silver: #dbe6ef;
    --silver-2: #a9bccd;
    --silver-grad: linear-gradient(180deg, #f6f9fc 0%, #c9d7e3 55%, #93a8bc 100%);
    --sea-grad: linear-gradient(120deg, #22b8d6, #1f7aec 55%, #0e7fa8);
}

.hm-coin {
    width: 1.55em;
    height: 0.73em;
    display: inline-block;
    vertical-align: -0.02em;
    flex-shrink: 0;
}

.hm-mascot {
    display: block;
    overflow: visible;
}

/* Kuyruk ve yüzgeç hafifçe çırpar, hamsi yerinde süzülür. */
.hm-mascot .hm-tail {
    transform-box: fill-box;
    transform-origin: 100% 50%;
    animation: hm-wag 1.4s ease-in-out infinite;
}

.hm-mascot .hm-fin {
    transform-box: fill-box;
    transform-origin: 0% 20%;
    animation: hm-fin 1.8s ease-in-out infinite;
}

.hm-mascot.swim .hm-fish {
    animation: hm-bob 3.6s ease-in-out infinite;
}

.hm-mascot .hm-stache {
    transform-box: fill-box;
    transform-origin: 50% 30%;
}

.hm-mascot.proud .hm-stache {
    animation: hm-twirl 2.6s ease-in-out infinite;
}

@keyframes hm-wag {
    0%, 100% { transform: scaleY(1) skewY(0deg); }
    50% { transform: scaleY(0.86) skewY(-6deg); }
}

@keyframes hm-fin {
    0%, 100% { transform: rotate(0deg); }
    50% { transform: rotate(14deg); }
}

@keyframes hm-bob {
    0%, 100% { transform: translateY(0) rotate(-1.5deg); }
    50% { transform: translateY(-6px) rotate(1.5deg); }
}

@keyframes hm-twirl {
    0%, 70%, 100% { transform: scaleX(1); }
    80% { transform: scaleX(1.12) translateY(-1px); }
    90% { transform: scaleX(0.96); }
}

@media (prefers-reduced-motion: reduce) {
    .hm-mascot .hm-tail,
    .hm-mascot .hm-fin,
    .hm-mascot.swim .hm-fish,
    .hm-mascot.proud .hm-stache {
        animation: none;
    }
}