/* === КНОПКИ ИНТЕРФЕЙСА (HUD) === */
#inventory-toggle-btn,
#achievements-btn,
#leaderboard-btn {
    position: absolute;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.9);
    border: 2px solid white;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    z-index: 500;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#inventory-toggle-btn {
    top: max(185px, calc(env(safe-area-inset-top) + 185px));
    left: max(15px, calc(env(safe-area-inset-left) + 15px));
}

#achievements-btn {
    top: max(185px, calc(env(safe-area-inset-top) + 185px));
    left: max(60px, calc(env(safe-area-inset-left) + 60px));
}

#leaderboard-btn {
    position: absolute;
    top: max(185px, calc(env(safe-area-inset-top) + 185px));
    left: max(105px, calc(env(safe-area-inset-left) + 105px));
}

#inventory-toggle-btn:hover,
#achievements-btn:hover,
#leaderboard-btn:hover {
    transform: scale(1.15);
}

#inventory-toggle-btn:active,
#achievements-btn:active,
#leaderboard-btn:active {
    transform: scale(0.9);
}

/* Адаптив для мобильных */
@media (max-width: 768px) {
    #inventory-toggle-btn,
    #achievements-btn,
    #leaderboard-btn {
        width: 36px;
        height: 36px;
        font-size: 18px;
    }
    #inventory-toggle-btn {
        top: max(130px, calc(env(safe-area-inset-top) + 130px));
        left: max(10px, calc(env(safe-area-inset-left) + 10px));
    }
    #achievements-btn {
        top: max(130px, calc(env(safe-area-inset-top) + 130px));
        left: max(54px, calc(env(safe-area-inset-left) + 54px));
    }
    #leaderboard-btn {
        top: max(130px, calc(env(safe-area-inset-top) + 130px));
        left: max(98px, calc(env(safe-area-inset-left) + 98px));
    }
}